Markdown语法演示
markdown标准语法:
[!提示]
hexo 必须安装 hexo-renderer-markdown-it-plus 插件,官方的markdowned很多语法不支持,显示不出来。(如注释,高亮等) [^4]
markdown语法 | 效果 | 说明 |
---|---|---|
# 标题 | 标题 |
#+标题 |
==高亮== | 高亮 | 2个=加文本 |
*加粗*,_加粗_ | 加粗,加粗 | 2个*加文本,2个_加文本 |
*斜体* |
斜体 | 1个*加文本 |
~~删除~~ |
2个~加文本 | |
-无序列表 | -加空格加文本 | |
1.有序列表 |
|
数字加.加文本 |
>引用 | >this is Quote | 1个>加文本 |
>[!NOTE]标注标题(Callout) >内容 |
>[!NOTE] 标注标题(Callout) > 内容 |
二行代码:1.>加[加!加文本加]文本;2.>加文本 |
注释1^[注释内容1] | 注释[1] | ^加[ 文本 ] (hexo需安装插件) |
注释2[^2] [^2]: 这是注释内容2 |
注释[2] | 二行代码:1.文本加[加加数字加];2.[加加数字加]加:加注释文本 |
`行内注释` | 行内注释 |
`加单行文本` |
*** ,— | 分隔线 | 3个星号或3个减号 |
``` 代码块 ``` | 代码块 |
```加多行文本加``` |
[文本链接](http://www.ttddp.com) | 文本链接 | 链接跳转(网址或文档) |
![图片的解释内容](https://xxx.png) |
显示图片 | |
[![图片的解释内容](https://xxx.png)](http://www.ttddp.com) |
图片链接跳转 | |
[[标签名称]] | [[Markdown语法演示]] | 链接跳转(不同文档)。(网页不支持) |
跳转到[标题](#标题3) | 跳转到标题3 | 文档内标题跳转(只有标题才能跳转) |
转跳到[[#标题1]] | 转跳到[[#标题1]] | 网页不支持 |
[[ #^faa8e1|页内跳转]] | [[ #^faa8e1|页内跳转]] | 网页不支持 |
[[(二)安装Hexo博客插件#6.高级渲染插件hexo-renderer-markdown-it-plus(推荐)|跳转到其它文档标题]] | [[(二)安装Hexo博客插件#6.高级渲染插件hexo-renderer-markdown-it-plus(推荐)|跳转到其它文档标题]] | 网页不支持 |
[[(二)安装Hexo博客插件#^f2e3e6|跳转到其它文档段落]] | [[(二)安装Hexo博客插件#^f2e3e6|跳转到其它文档段落]] | 网页不支持 |
✓ ,➔ |
✓,➔ | Unicode符号网址 |
markdown数学公式:
(需安装markdown-it-plush插件,并配置_config.yml)
使用两个”$”符号引用公式(hexo 渲染二次):
markdown语法 | 效果 | 说明 |
---|---|---|
$a^3_{2}$ | 指数与下标 | |
$\overline{m+n}$ ,$\underline{m+n}$ | , |
在上方或者下方的下划线(取反) |
$\frac{x^{2}}{k+1}$ | 分数 | |
$\sum_{i=1}^{n}$ | 求和 | |
$\int_{0}^{\pi}$ | 积分 | |
$\prod_{0}^{n}$ | 求积 | |
$\sqrt{x}$ | 平方根 | |
$\vec a$ ,$\overrightarrow{AB}$ ,$\overleftarrow{AB}$ | , , | 向量 |
markdown 图表:
详见:[[https://github.com/mermaid-js/mermaid/blob/develop/README.zh-CN.md]]
参考:[[https://github.com/webappdevelp/hexo-filter-mermaid-diagrams]]
流程图(flowchart LR):
(hexo要显示mermaid代码块,必须安装[[(二)安装Hexo博客插件#9.图表插件(mermaid)|hexo-filter-mermaid-diagrams插件]])
` ` `mermaid
flowchart LR
A[Hard] -->|Text| B(Round)
B --> C{Decision}
C -->|One| D[Result 1]
C -->|Two| E[Result 2]
flowchart LR A[Hard] -->|Text| B(Round) B --> C{Decision} C -->|One| D[Result 1] C -->|Two| E[Result 2]
类图(classDiagram):
` ` `mermaid
classDiagram
class BankAccount
BankAccount : +String owner
BankAccount : +Bigdecimal balance
BankAccount : +deposit(amount)
BankAccount : +withdrawal(amount)
classDiagram class BankAccount BankAccount : +String owner BankAccount : +Bigdecimal balance BankAccount : +deposit(amount) BankAccount : +withdrawal(amount)
hexo 标签:
1 | {% mermaid %} |
pie title Key elements in Product X "Calcium" : 42.96 "Potassium" : 50.05 "Magnesium" : 10.01 "Iron" : 5
markdown 高级语法(可能需要装插件):
markdown语法 | 效果 | 说明 |
---|---|---|
H<sub>2</sub>H<sup>0</sup> |
H2H0 | 仅Hexo 支持写法: H2Ho (H~2~H^o^) |
++下划线++ | 下划线 | 仅Hexo支持,obsidian支持html <u> |
:smile: :joy: :stuck_out_tongue: |
😄 😂 😛 | 仅Hexo支持 |
< abbr > *[abbr]:tooltip 提示.(单词匹配) |
< abbr > | 仅Hexo支持 |
< abbr >
标题1
标题2
标题3
- 有序列表
- 有序
- 无序列表 ^faa8e1
- 有序列表
高亮
aaaa
aaa
[!NOTE] 标注(Callout)标题
内容
引用
注释 [3]
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Algz's Blog!
评论