Hexo Markdown各种插件

1. Markdown插件

1.1 markdown-it-abbr

# npm install markdown-it-abbr --save

示例

*[HTML]: Hyper Text Markup Language
*[W3C]:  World Wide Web Consortium
The HTML specification
is maintained by the W3C.

结果
*[HTML]: Hyper Text Markup Language
*[W3C]: World Wide Web Consortium
The HTML specification
is maintained by the W3C.

1.2 markdown-it-container

# npm install markdown-it-container --save

示例

::: warning
*here be dragons*
:::

结果
::: warning
here be dragons
:::

1.3. markdown-it-deflist

npm install markdown-it-deflist --save

1.4. markdown-it-emoji

npm install markdown-it-emoji

示例

:smile::smirk::sunny:

结果
😄😏☀

1.5. markdown-it-footnote

npm install markdown-it-footnote --save

1.6. markdown-it-imsize

npm install markdown-it-imsize


1.7. markdown-it-ins

npm install markdown-it-ins --save

示例

<ins>inserted</ins>

结果

inserted

1.8. markdown-it-mark

npm install markdown-it-mark --save

示例

<mark>inserted</mark>

结果

inserted

1.10. markdown-it-sub

npm install markdown-it-sub --save

示例

H<sub>2</sub>O

结果

H20

1.11. markdown-it-sup

npm install markdown-it-sup --save

示例

29<sup>th</sup>

结果

29^th^

1.12. markdown-it-task-checkbox

npm install markdown-it-task-checkbox --save

• item 1
  • item 1-1
  • item 1-2
  • item 1-3
  • item 1-4
• item 2
  • item 2-1
  • item 2-2
  • item 2-3
  • item 2-4

2. PDF插件

$ npm install --save hexo-pdf

3. tag button

语法：

{% button url, text, icon [class], [title] %}

参数解释：

url : Absolute or relative path to URL.
text : Button text. Required if no icon specified.
icon : Font Awesome icon name. Required if no text specified.
[class] : Optional parameter. Font Awesome class(es): fa-fw | fa-lg | fa-2x | fa-3x | fa-4x | fa-5x
[title] : Optional parameter. Tooltip at mouseover.

示例

{% button https://www.baidu.com, 百度一下%}

百度一下

参考

[1]Hexo Markdown以及各种插件功能测试