Markdown写作模板
整理的markdown语法，以及在hexo中的特殊渲染
markdown 在hexo 中的渲染 [^1]
主题自带样式 文本居中引用
效果：
人生乃是一面镜子，
从镜子里认识自己，
我要称之为头等大事，
也只是我们追求的目的！
代码：
1 | {% cq %} |
主题自带样式 note 标签
default
1 | <div class="note default"><p>default</p></div> |
primary
1 | <div class="note primary"><p>primary</p></div> |
success
1 | <div class="note success"><p>success</p></div> |
info
1 | <div class="note info"><p>info</p></div> |
warning
1 | <div class="note warning"><p>warning</p></div> |
danger
1 | <div class="note danger"><p>danger</p></div> |
1 | <div class="note danger no-icon"><p>danger no-icon</p></div> |
主题自带样式 label 标签
- default
1 | {% label default@default %} |
- primary
1 | {% label primary@primary %} |
- success
1 | {% label success@success %} |
- info
1 | {% label info@info %} |
- warning
1 | {% label warning@warning %} |
- danger
1 | {% label danger@danger %} |
主题自带样式 tabs 标签
效果
这是选项卡 1 呵呵哈哈哈哈哈哈哈哈呵呵哈哈哈哈哈哈哈哈呵呵哈哈哈哈哈哈哈哈呵呵哈哈哈哈哈哈哈哈呵呵哈哈哈哈哈哈哈哈呵呵哈哈哈哈哈哈哈哈……
这是选项卡 2
这是选项卡 3 哇，你找到我了！φ(≧ω≦*)♪～
源码
1 | {% tabs 选项卡, 2 %} |
主题自带样式 按钮
源码
1 | {% btn https://www.baidu.com, 点击下载百度, download fa-lg fa-fw %} |
效果
点击下载百度自定义样式 引用
首先由于是自定义的样式，故要自己将 CSS 代码加到custom.styl中，下文的自定义样式都是如此。为什么可以自定义呢？如果你是一个和我一样的小白，可以点击这里了解了解 CSS 中id和class的知识。
需加入custom.styl的代码：
1 | // 自定义的引用样式 |
- 文字颜色改color的值
- 背景色改background-color的值
- 边框颜色和粗细改border-left的值
markdown 格式
标题
1 | # 一级标题 |
效果：
字体
1 | **粗体** |
- 粗体
- 斜体
- 斜体加粗
删除线- 示例md代码:
引用
1 | > 引用1 |
效果：
引用1
引用2
分割线
1 | --- |
图片
语法：
1 |  |
超链接
语法：
1 | [超链接名](超链接地址 "超链接title") |
html语法：
1 | <a href="超链接地址" target="_blank">超链接名</a> |
无序列表
语法：
1 | - 列表内容 |
效果：
- 列表1-
- 列表2-
- 列表1+
- 列表2+
有序列表
语法：
1 | 数字加点 |
例如：
- 列表内容
- 列表内容
- 列表内容
列表嵌套
语法：
1 | 上一级和下一级之间敲三个空格即可 |
例如：
1 | - 一级无序 |
表格
语法：
1 | 表头|表头|表头 |
在线生成HTML代码 Tables Generator
例如：
1 | 姓名|技能|排行 |
代码
语法：
1 | 单行代码: |
int a;
代码块
1 | int a = 0; |
流程图
1 | st=>start: Start|past:>http://www.google.com[blank] |
| 6种类型 | 含义 |
|---|---|
| start | 启动 |
| end | 结束 |
| operation | 程序 |
| subroutine | 子程序 |
| condition | 条件 |
| inputoutput | 输出 |
| 形参 | 实参 | 含义 |
|---|---|---|
| -> | -> | 连接 |
| condition | c1 | 条件 |
| (布尔值,方向) | (yes,right) | 如果满足向右连接，4种方向：right ，left，up ，down 默认为：down |
| 形参 | 实参 | 含义 |
|---|---|---|
| tag | st | 标签 (可以自定义) |
| => | => | 赋值 |
| type | start | 类型 (6种类型) |
| content | 开始 | 描述内容 (可以自定义) |
| :>url | http://www.baidu.com[blank] | 链接与跳转方式 兼容性很差 |
1 | 起床->吃饭: 稀饭油条 |
| 符号 | 含义 |
|---|---|
| - | 实线 |
| > | 实心箭头 |
| – | 虚线 |
| >> | 空心箭头 |
1 | Alice->Bob: Hello Bob, how are you? |
Latex数学公式
1 | 行内公式 |
常见数学符号
- 指数和下标可以用^和_后加相应字符来实现。比如$$a_{1}$$
1
2
3
4$a_{1}$ \qquad $x^{2}$ \qquad
$e^{-\alpha t}$ \qquad
$a^{3}_{ij}$\\
$e^{x^2} \neq {e^x}^2$
$$x^{2}$$
$$e^{-\alpha t}$$
$$a^{3}_{ij}$$
平方根
1
2
3
4$$\sqrt{x}$$
$$\sqrt{ x^{2}+\sqrt{y} }$$
$$\sqrt[3]{2}$$
$$\surd[x^2 + y^2]$$$$\sqrt{x}$$
$$\sqrt{ x^{2}+\sqrt{y} }$$
$$\sqrt[3]{2}$$
$$\surd[x^2 + y^2]$$命令
\overline和\underline在表达式的上、下方画出水平线。比如1
2$$\overline{m+n}$$
$$\underline{m+n}$$$$\overline{m+n}$$
$$\underline{m+n}$$命令
\overbrace和\underbrace在表达式的上、下方给出一水平的大括号。1
$$\underbrace{ a+b+\cdots+z }_{26}$$
$$\underbrace{ a+b+\cdots+z }_{26}$$
其他
$\frac{1+x}{2^x}$
$$\sum_{i=0}N\int_{a}^{b}g(t,i)\text{d}t$$
$$\begin{matrix}
1&0&0\
0&1&0\
0&0&1\
\end{matrix}$$
$$\begin{bmatrix}
{a_{11}}&{a_{12}}&{\cdots}&{a_{1n}}\
{a_{21}}&{a_{22}}&{\cdots}&{a_{2n}}\
{\vdots}&{\vdots}&{\ddots}&{\vdots}\
{a_{m1}}&{a_{m2}}&{\cdots}&{a_{mn}}\
\end{bmatrix}$$
$$\begin{cases}
a_1x+b_1y+c_1z=d_1\
a_2x+b_2y+c_2z=d_2\
a_3x+b_3y+c_3z=d_3\
\end{cases}
$$
$$\begin{aligned}
f_Y(y) & = f_X[h(y)]|h’(y)| \[2ex]
& = f_X[h(y)]h’(y) \[2ex]
& = \frac{1}{\theta}e^{-\frac{x}{\theta}}[\frac{dx}{dy}(-\frac{\theta}{ln(1-y)})] \[2ex]
& = \frac{1}{\theta}e^{-\frac{-\frac{\theta}{ln(1-y)}}{\theta}}\frac{\theta}{1-y} \[2ex]
& = \frac{1}{\theta}e^{ln(1-y)}\frac{\theta}{1-y} \[2ex]
& = \frac{1-y}{\theta}\frac{\theta}{1-y} \[2ex]
& = 1
\end{aligned}
$$
锚点
1 | [锚点][锚点的定义]的 目标内容中不能有大写字母和空格，所以如果锚点目标的目标内容中有大写字母或空格，则需要在定义锚点中的目标内容时， |
diff语法
1 | + new code |
自动邮箱连接
1 | <xxx@outlook.com> |
脚注 [^2]
代码：
效果：