Markdown:(二)Markdown-优美写作技巧用法汇总

Hexo Next主题自带样式tabs标签

效果:

This is Tab 1.

  1. One
  2. Two
  3. Three

Tabbed code block:

nano /etc
1
2
3
code block tag
code block tag
code block tag

Note default tag.

This is Tab 2.

  • Five
  • Six
  • Seven

This is Tab 3.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti. Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.


Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.


Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl.

#####tabs标签语法说明 #####

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
/**
* tabs.js | global hexo script.
*
* Usage:
*
* {% tabs [Unique name], [index] %}
* <!-- tab [Tab caption]@[icon] -->
* Any content (support inline tags too).
* <!-- endtab -->
* {% endtabs %}
*
* [Unique name] : Unique name of tabs block tag without comma.
* Will be used in #id's as prefix for each tab with their index numbers.
* If there are whitespaces in name, for generate #id all whitespaces will replaced by dashes.
* Only for current url of post/page must be unique!
* [index] : Index number of active tab.
* If not defined, first tab (1) will be selected.
* If index is -1, no tab will be selected. It's will be something like spoiler.
* May be not defined.
* [Tab caption] : Caption of current tab.
* If not caption specified, unique name with tab index suffix will be used as caption of tab.
* If not caption specified, but specified icon, caption will empty.
* May be not defined.
* [icon] : Font awesome icon.
* May be not defined.
*/

参阅说明
  1. https://radiastu.com/workbench/ (偶然发现,但是该篇文章无使用说明)
  2. 打造个性超赞博客Hexo+NexT+GithubPages的超深度优化
  3. tags 语法和用法详细说明(全英)
-------------本文结束  感谢您的阅读-------------

本文标题:Markdown:(二)Markdown-优美写作技巧用法汇总

文章作者:chentging

发布时间:2018年05月20日 - 02:05

最后更新:2018年05月21日 - 11:05

原始链接:https://chentging.github.io/2018/05/20/Markdown:(二)Markdown-优美写作技巧用法汇总/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

你的支持是我创作的最大的动力
0%