Stilig
归档 标签 分类 关于 友链
Stilig

目录

Markdown 使用方法

 收录于 Hugo 博客
     约 3423 字   预计阅读 7 分钟   次阅读

要用 Hugo 写 bolg ，熟练 Markdown 是必需的，所以本文记录了一些 Markdown 常见与不常见的用法。但又因为我对公式的需求比较高，所以本文中也强调了许多 $\LaTeX$ 的用法。

Markdown 用法

标题

1
2
3
4

# 一级标题
## 二级标题
...
###### 最多六级标题
注意
#与字符之间要有一个空格

字体与排版

  • 加粗

    1
2

    1. **word**
2. 或者选中要加粗的 word ，然后使用快捷键 crtl + B

    效果如右：word

  • 倾斜

    1
2

    1. *word*
2. 或者选中要倾斜的 word ，然后使用快捷键 crtl + I

    效果如右：word

  • 下划线

    1

    <u>word</u>

    效果如右：word

  • 中文空格（空2个字符）

    1

    空格&emsp;空格

    效果如右：空格 空格

  • 英文空格（空1个字符）

    1

    space&ensp;key

    效果如右：space key

  • 居中

    1

    <center>居中</center>

    效果如下：

    居中

  • 字体及效果

    1
2
3
4
5

    <font color="red" size=6 face="宋体">字体颜色、大小、类型</font>

1. 其中参数 color 为字体颜色
2. 其中参数 size 为字体大小
3. 其中参数 face 为字体类型

    效果如下：

    字体颜色、大小、类型

  • 空行

    1

    空行<br><br><br>空行

    效果如下：（空了三行）

    空行


    空行

    提示
    由于 markdown 两次及以上次数的回车只能到下一行（一次回车无效），所以如果要空多行可以使用这个。

分割线

在一行中使用三个或以上的减号-（星号*或底线_效果一致）

1

---

效果如下：

分点

  • 无序列表

    1
2
3

    - 无序分点一
  * 无序下级点一
* 无序分点二

    效果如下：（-与*都可，且可以混用）

    • 无序分点一
      • 无序下级点一
    • 无序分点二

  • 有序列表

    1
2
3
4

    1. 有序分点一
    1. 有序下级点一
2. 有序分点二
    - 无序分点一

    效果如下：（注意空格，且无序与有序可以混用）

    1. 有序分点一
      1. 有序下级点一
    2. 有序分点二
      • 无序下级分点一

  • 代办事项（在 blog 无法正常使用）

    * [ ] 代办事项 1

    - [x] 代办事项 2

    效果如下：（-与*都可，注意空格）

    • 代办事项 1
    • 代办事项 2

代码与公式

  • 行内代码

    1

    `code`

    效果如下：

    code

  • 代码块

     1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

        ```python
    def Hamiltonian(kx,ky):
        H = array(zeros((2*waven, 2*waven)), dtype=complex)
        for i in range(0,waven):
            n1 = L[i, 0]
            n2 = L[i, 1]
            qx1 = kx -K1[0]+ n1*G1[0] + n2*G2[0]
            qy1 = ky -K1[1]+ n1*G1[1] + n2*G2[1]
            qx2 = kx -K2[0]+ n1*G1[0] + n2*G2[0] 
            qy2 = ky -K2[1]+ n1*G1[1] + n2*G2[1] 
            H[i, i] =kin_b *(qx1**2+qy1**2)
            H[i+waven, i+waven] = kin_t*(qx2**2+qy2**2)
    ```

    效果如下：

     1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

    def Hamiltonian(kx,ky):
    H = array(zeros((2*waven, 2*waven)), dtype=complex)
    for i in range(0,waven):

        n1 = L[i, 0]
        n2 = L[i, 1]

        qx1 = kx -K1[0]+ n1*G1[0] + n2*G2[0]
        qy1 = ky -K1[1]+ n1*G1[1] + n2*G2[1]
        qx2 = kx -K2[0]+ n1*G1[0] + n2*G2[0] 
        qy2 = ky -K2[1]+ n1*G1[1] + n2*G2[1] 

        H[i, i] =kin_b *(qx1**2+qy1**2)
        H[i+waven, i+waven] = kin_t*(qx2**2+qy2**2)
    提示
    开头的 python 可以换成其他对应的语言。

  • 行内公式

    1

    $\sin 2x = 2\cos x \sin x$

    效果如下：

    $\sin 2x = 2\cos x \sin x$

  • 公式块

    1
2
3
4

    $$
E_{\rm k}=\frac{1}{2}m v^2 
\tag{1.1}
$$

    效果如下： $$ E_{\rm k}=\frac{1}{2}m v^2 \tag{1.1} $$

链接与跳转

  • 超链接

    1

    网站 [Stilig's blog](https://stilig.me)

    效果如下：

    网站 Stilig’s blog

  • 自动链接

    1

    <https://stilig.me>

    效果如右：https://stilig.me

  • 页面内跳转

    1

    如[前面](#markdown-用法)所说...

    效果如下：

    如前面所说…

    提示
    1. []中括号填写需要在页面上显示的内容
    2. ()小括号内部声明跳转目标标题， 以#开头，标题题号如果包含.和下划线直接忽略掉，标题文本中如果有空格，使用-横杠符号替代，标题文本中的大写字母转换成小写

图片

  • 插入图片

    1

    ![插入图片说明](https://pic-repo-1318675580.cos.ap-nanjing.myqcloud.com/PicGo/202307251705541.webp "这是图片的标题")

    效果如下：

    https://pic-repo-1318675580.cos.ap-nanjing.myqcloud.com/PicGo/202307251705541.webp
    这是图片的标题

  • 图片大小，位置和题注

    1
2
3
4
5
6
7

    <center>  
    <img src ="https://pic-repo-1318675580.cos.ap-nanjing.myqcloud.com/PicGo/202307251705541.webp"
    width="10%">
    <img src ="https://pic-repo-1318675580.cos.ap-nanjing.myqcloud.com/PicGo/202307251705541.webp"
    width="10%"> <br>
   彩虹
</center>

    效果如下：


    彩虹
    提示
    1. 这实际是 html 的写法，其中src填图片url
    2. width填所要显示的图片与原图的大小比例
    3. 而我们在图片的下一行写上的文字实际就是题注
    4. 被<center>...</center>框住的图片和文字都居中

  • 图片右对齐与带图题注

    1
2
3
4
5
6
7
8
9

    <p align="right"> 
    <img src ="https://pic-repo-1318675580.cos.ap-nanjing.myqcloud.com/PicGo/202307251705541.webp"
    width="30%">
    <br>
    <img src ="https://pic-repo-1318675580.cos.ap-nanjing.myqcloud.com/PicGo/202307251705541.webp"
    width="30%">
    <br>
   彩虹 <img src ="https://pic-repo-1318675580.cos.ap-nanjing.myqcloud.com/PicGo/202306282150181.webp">
</p>

    效果如下：



    彩虹

    提示
    1. 这实际是 html 的写法，其中src填图片url
    2. width填所要显示的图片与原图的大小比例
    3. 在文字旁加上一个图片标签就可实现带图题注
    4. 被<p align="right">...</p>框住的图片和文字都右对齐

其他

  • 注释 
    1
2

    1. <!-- 这是注释 -->
2. 或者选中要注释的内容，然后使用快捷键 crtl + /
    效果如下：（不用怀疑自己的眼睛）
  • 引用 
    1

    > 我没说过这句话——鲁迅
    效果如下：

    我没说过这句话——鲁迅

  • 表格（真的有人会用吗？） 
    1
2
3

    |星期一|星期二|星期三|星期四|
|----|:--:|:---|---:|
|milk|egg|rice|milk|
    提示

    第二行具体含义：

    • -一个即可，但为了文本对齐因此多加了几个
    • 文字默认靠左
    • 右边加:意为文字靠右
    • 两边加:意为文字居中
    效果如下：
    星期一 星期二 星期三 星期四
    milk egg rice milk

$\LaTeX$ 用法

希腊字母

  • 无变形
小写 $\alpha$ $\zeta$ $o$ $eta$ $\beta$
效果 $\alpha$ $\zeta$ $o$ $\eta$ $\beta$
大写 $\Alpha$ $\Zeta$ $O$ $\Eta$ $\Beta$
效果 $\Alpha$ $\Zeta$ $O$ $\Eta$ $\Beta$
小写 $\iota$ $\kappa$ $\chi$ $\mu$ $\nu$ $\tau$
效果 $\iota$ $\kappa$ $\chi$ $\mu$ $\nu$ $\tau$
大写 $\Iota$ $\Kappa$ $\Chi$ $\Mu$ $\Nu$ $\Tau$
效果 $\Iota$ $\Kappa$ $\Chi$ $\Mu$ $\Nu$ $\Tau$
  • 有大写变形无小写变形
小写 $\delta$ $\upsilon$ $\lambda$ $\gamma$ $\psi$ $\omega$ $\xi$
效果 $\delta$ $\upsilon$ $\lambda$ $\gamma$ $\psi$ $\omega$ $\xi$
大写 $\Delta$ $\Upsilon$ $\Lambda$ $\Gamma$ $\Psi$ $\Omega$ $\Xi$
效果 $\Delta$ $\Upsilon$ $\Lambda$ $\Gamma$ $\Psi$ $\Omega$ $\Xi$
大写变形 $\varDelta$ $\varUpsilon$ $\varLambda$ $\varGamma$ $\varPsi$ $\varOmega$ $\varXi$
效果 $\varDelta$ $\varUpsilon$ $\varLambda$ $\varGamma$ $\varPsi$ $\varOmega$ $\varXi$
  • 有小写变形
小写 $\theta$ $\rho$ $\epsilon$ $\phi$ $\pi$ $\sigma$
效果 $\theta$ $\rho$ $\epsilon$ $\phi$ $\pi$ $\sigma$
小写变形 $\vartheta$ $\varrho$ $\varepsilon$ $\varphi$ $\varpi$ $\varsigma$
效果 $\vartheta$ $\varrho$ $\varepsilon$ $\varphi$ $\varpi$ $\varsigma$
大写 $\Theta$ $\Rho$ $\Epsilon$ $\Phi$ $\Pi$ $\Sigma$
效果 $\Theta$ $\Rho$ $\Epsilon$ $\Phi$ $\Pi$ $\Sigma$
大写变形 $\varTheta$ null null $\varPhi$ $\varPi$ $\varSigma$
效果 $\varTheta$ $\varPhi$ $\varPi$ $\varSigma$

上标与下标

  • 上或下标只有单个字符 
    1

    $a^x,a_x$
    效果如右：$a^x,a_x$
  • 上或下标有多个字符 
    1

    $y^{z+x},\rho_{xy}$
    效果如右：$y^{z+x},\rho_{xy}$
  • 上与下标同时存在 
    1

    $X^2_5,\text{X}^2_5$
    效果如右：$X^2_5,\text{X}^2_5$
    注意
    其中\text{X}意为把默认的斜体改为直体，一般来说，变量用斜体，函数名用直体。

分式与根式

  • 分子分母单字符分式

    1

    $\frac 1 8$

    效果如右：$\frac 1 8$

  • 分子分母多字符分式

    1

    $\frac{x+y}{z+1}$

    效果如右：$\frac{x+y}{z+1}$

  • 分式中有分式

    1

    $\frac{\frac{y}{x}+1}{y+z}$

    效果如右：$\frac{\frac{y}{x}+1}{y+z}$

    注意
    如果嫌上面的效果不好看，可以把\frac改为\dfrac试试，效果如右：$\dfrac{\dfrac{y}{x}+1}{y+z}$

  • 根式

    1

    $\sqrt[8]{z+y}$

    效果如右：$\sqrt[8]{z+y}$

普通运算符

代码 $\times$ $\cdot$ $\div$ $\pm$ $\mp$ $\ge$
效果 $\times$ $\cdot$ $\div$ $\pm$ $\mp$ $\ge$
代码 $\le$ $\gg$ $\ll$ $\ne$ $\approx$ $\equiv$
效果 $\le$ $\gg$ $\ll$ $\ne$ $\approx$ $\equiv$
代码 $\cap$ $\cup$ $\in$ $\notin$ $\subseteq$ $\varnothing$
效果 $\cap$ $\cup$ $\in$ $\notin$ $\subseteq$ $\varnothing$
代码 $\forall$ $\exists$ $\nexists$ $\because$ $\therefore$ $\mathbb Q$ $\hbar$
效果 $\forall$ $\exists$ $\nexists$ $\because$ $\therefore$ $\mathbb Q$ $\hbar$
代码 $\R$ $\N$ $\Z_+$ $\mathcal{F}$ $\mathscr F$ $\cdots$
效果 $\R$ $\N$ $\Z_+$ $\mathcal{F}$ $\mathscr F$ $\cdots$
代码 $\vdots$ $\ddots$ $\infty$ $\partial$ $\nabla$ $\propto$ $\dagger$
效果 $\vdots$ $\ddots$ $\infty$ $\partial$ $\nabla$ $\propto$ $\dagger$
代码 $\degree$ $\cosh x$ $\log_2 x$ $\ln x$ $\lg x$ $\lim\limits_{x\to0}$ $\max x$
效果 $\degree$ $\cosh x$ $\log_2 x$ $\ln x$ $\lg x$ $\lim\limits_{x\to0}$ $\max x$

大型运算符

代码 $\sum$ $\prod$ $\sum_i$ $\sum_{i=0}^N$ $\frac{\sum\limits_{i=1}^n x_i}{\prod_{i=1}^n x_i}$ $\int$
效果 $\sum$ $\prod$ $\sum_i$ $\sum_{i=0}^N$ $\frac{\sum\limits_{i=1}^n x_i}{\prod_{i=1}^n x_i}$ $\int$
代码 $\iint$ $\iiint$ $\oint$ $\oiint$ $\int_{-\infty}^0 f(x)\ \text d x$
效果 $\iint$ $\iiint$ $\oint$ $\oiint$ $\int_{-\infty}^0 f(x)\ \text d x$
注意

关于\,与\ 语法，可以理解为$\LaTeX$中的空格，我们可以看下面的表格：

代码 $aa$ $a\, a$ $a\ a$ $a\quad a$ $a\qquad a$
效果 $aa$ $a\,a$ $a\ a$ $a\quad a$ $a\qquad a$

标注符号

  • 上标
代码 $\hat{a}$ $\check{a}$ $\tilde{a}$ $\acute{a}$ $\grave{a}$
效果 $\hat{a}$ $\check{a}$ $\tilde{a}$ $\acute{a}$ $\grave{a}$
代码 $\bar{a}$ $\vec{a}$ $\mathring{a}$ $\dot{a}$ $\ddot{a}$
效果 $\bar{a}$ $\vec{a}$ $\mathring{a}$ $\dot{a}$ $\ddot{a}$
代码 $\breve{a}$ $\widehat{ABC}$ $\widetilde{ABC}$
效果 $\breve{a}$ $\widehat{ABC}$ $\widetilde{ABC}$
  • 其他
代码 $\leftarrow$ $\rightarrow$ $\leftrightarrow$ $\Leftarrow$ $\Rightarrow$
效果 $\gets$ $\to$ $\leftrightarrow$ $\Leftarrow$ $\Rightarrow$
代码 $\Leftrightarrow$ $\mapsto$ $\hookleftarrow$ $\leftharpoonup$ $\leftharpoondown$
效果 $\Leftrightarrow$ $\mapsto$ $\hookleftarrow$ $\leftharpoonup$ $\leftharpoondown$
代码 $\rightleftharpoons$ $\uparrow$ $\updownarrow$ $\Downarrow$ $\nearrow$
效果 $\rightleftharpoons$ $\uparrow$ $\updownarrow$ $\Downarrow$ $\nearrow$
代码 $\swarrow$ $\leadsto$ $\longleftarrow$ $\longrightarrow$ $\longleftrightarrow$ $\Longleftarrow$
效果 $\swarrow$ $\leadsto$ $\longleftarrow$ $\longrightarrow$ $\longleftrightarrow$ $\Longleftarrow$
代码 $\Longleftrightarrow$ $\Longrightarrow$ $\longmapsto$ $\hookrightarrow$ $\rightharpoonup$ $\rightharpoondown$
效果 $\Longleftrightarrow$ $\Longrightarrow$ $\longmapsto$ $\hookrightarrow$ $\rightharpoonup$ $\rightharpoondown$
代码 $\iff$ $\downarrow$ $\Uparrow$ $\Updownarrow$ $\searrow$ $\nwarrow$
效果 $\iff$ $\downarrow$ $\Uparrow$ $\Updownarrow$ $\searrow$ $\nwarrow$

括号与定界符

代码 $\{\}$ $()$ $[]$ $\lceil$ $\rceil$ $\lfloor$ $\rfloor$
效果 $\{\}$ $()$ $[]$ $\lceil$ $\rceil$ $\lfloor$ $\rfloor$
代码 $(0,\frac{1}{a}]$ $\left(0,\frac{1}{a}\right]$
效果 $(0,\frac{1}{a}]$ $\left(0,\frac{1}{a}\right]$ 
  • 1
2
3

    $$\frac{\partial f}{\partial x}|_{x=0}$$

$$\left.\frac{\partial f}{\partial x}\right|_{x=0}$$

    效果如下：

    $$\frac{\partial f}{\partial x}|_{x=0}$$

    $$\left.\frac{\partial f}{\partial x}\right|_{x=0}$$

    注意

    这里\left与\right相当于左或右的字符自适应长度或大小。

    但是注意如果\left右边紧贴着字母，则要以.分隔开，如：$\left.c|0\right>$，效果见右$\left.c|0\right>$

多行公式

1
2
3
4
5
6

$$
\begin{align}
a=b+c+d\\\
=e+f \notag
\end{align}
$$

效果如下：

$$ \begin{align} a=b+c+d\\ =e+f \notag \end{align} $$

注意
这里\\为换行，但是由于 Hugo 渲染的一些问题，我们要多加一个\作为转译，所以才有\\\。 而\notag意为不编号。

  • 等号对齐

    1
2
3
4
5
6

    $$
\begin{align*}
a&=b+c+d\\\
&=e+f
\end{align*}
$$

    效果如下：

    $$ \begin{align*} a&=b+c+d\\ &=e+f \end{align*} $$

    注意
    而这里align后面添加*意为多行公式整体都不加编号。

大括号

1
2
3
4
5
6
7

$$ 
f(x)=
\begin{cases}
\sin x ,&-\pi\le x \le \pi\\\
0,&\text{其他}
\end{cases}
$$

效果如下：

$$ f(x)= \begin{cases} \sin x ,&-\pi\le x \le \pi\\ 0,&\text{其他} \end{cases} $$

矩阵

  •  1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

    $$ 
\begin{array}{}
a & b & \cdots & c\\\
\vdots & \vdots & \ddots & \vdots\\\
e&f&\cdots&g
\end{array}
$$

或

$$ \begin{matrix}
a & b & \cdots & c\\\
\vdots & \vdots & \ddots & \vdots\\\
e&f&\cdots&g
\end{matrix}
$$

    效果如下： $$ \begin{array}{} a & b & \cdots & c\\ \vdots & \vdots & \ddots & \vdots\\ e&f&\cdots&g \end{array} $$

  • 1
2
3
4
5
6
7

    $$
\begin{bmatrix}
a & b & \cdots & c\\\
\vdots & \vdots & \ddots & \vdots\\\
e&f&\cdots&g
\end{bmatrix}
$$

    效果如下：

    $$ \begin{bmatrix} a & b & \cdots & c\\ \vdots & \vdots & \ddots & \vdots\\ e&f&\cdots&g \end{bmatrix} $$

  • 1
2
3
4
5
6
7

    $$
\begin{pmatrix}
a & b & \cdots & c\\\
\vdots & \vdots & \ddots & \vdots\\\
e&f&\cdots&g
\end{pmatrix}
$$

    效果如下：

    $$ \begin{pmatrix} a & b & \cdots & c\\ \vdots & \vdots & \ddots & \vdots\\ e&f&\cdots&g \end{pmatrix} $$

  • 1
2
3
4
5
6
7
8

    $$
\begin{vmatrix}
a & b & \cdots & c\\\
\vdots & \vdots & \ddots & \vdots\\\
e&f&\cdots&g
\end{vmatrix}\\\
\text{表矩阵的字母：}\bf A,\bf B^{\rm T}
$$

    效果如下：

    $$ \begin{vmatrix} a & b & \cdots & c\\ \vdots & \vdots & \ddots & \vdots\\ e&f&\cdots&g \end{vmatrix}\\ \text{表矩阵的字母：}\bf A,\bf B^{\rm {T}} $$

    注意
    这里\rm {}为将{}中文本转为罗马字体，而罗马字体是 $\LaTeX$ 默认的正文字体族。
  1. 更多Markdown 语法
  2. 更多MathJax 用法
注意
本文最后更新于 January 22, 2024，若内容或图片失效，请留言反馈。部分素材来自网络，若不小心影响到您的利益，请联系删除。
若文章帮助到了您，就不妨点一下👇广告，支持博主吧！

更新于 2024-01-22
 博客, Markdown
返回 | 主页