目录

Markdown 使用方法

要用 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.stilig.me/PicGo%2F202307251705541.webp "这是图片的标题")
    

    效果如下:

    https://pic.stilig.me/PicGo%2F202307251705541.webp
    这是图片的标题

  • 图片大小,位置和题注

    1
    2
    3
    4
    5
    6
    7
    
    <center>  
        <img src ="https://pic.stilig.me/PicGo%2F202307251705541.webp"
        width="10%">
        <img src ="https://pic.stilig.me/PicGo%2F202307251705541.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.stilig.me/PicGo%2F202307251705541.webp"
        width="30%">
        <br>
        <img src ="https://pic.stilig.me/PicGo%2F202307251705541.webp"
        width="30%">
        <br>
       彩虹 <img src ="https://pic.stilig.me/PicGo%2F202306282150181.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,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系删除。
若文章帮助到了您,就不妨点一下👇广告,支持博主吧!