Hello Hugo

default.md中设定slug为网页网址的一部分。

MEME特殊强调符号： emphasis 强调 强调
MEME
◎

$$\mathrm{Hello ~~~World}$$

$$ \begin{align} \nabla \times \vec{\mathbf{B}} -, \frac1c, \frac{\partial\vec{\mathbf{E}}}{\partial t} & = \frac{4\pi}{c}\vec{\mathbf{j}} \newline \nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \newline \nabla \times \vec{\mathbf{E}}, +, \frac1c, \frac{\partial\vec{\mathbf{B}}}{\partial t} & = \vec{\mathbf{0}} \newline \nabla \cdot \vec{\mathbf{B}} & = 0\end{align} $$

段内公式：$\sum_{i=1}^ki$

1
2
3
4
5


<div>
    $$Math Block$$
</div>
<span>$inline math$</span>
\_ 

强调符	效果
`_abc_`	abc
`abc`	abc
`__abc__`	abc
`abc`	abc
`___abc___`	abc
`*abc*`	abc
`~~abc~~`	~~abc~~

你好

你好世界

1

print("Hello Hugo")

这是一个注释。

特殊符号
- &lt: <
- &gt: >

样式

卡片风格引用

卡片风格的引用^[1]

1
2
3
4
5
6


<div class="mytag">
<p style="margin:25px">
   <b>"少年贪玩，青年迷恋爱情，壮年汲汲于成名成家，暮年自安于自欺欺人。人寿几何，顽铁能炼成的精金，能有多少？但不同程度的锻炼，必有不同程度的成绩；不同程度的纵欲放肆，必积下不同程度的顽劣。"<br />上苍不会让所有幸福集中到某个人身上，得到爱情未必拥有金钱；拥有金钱未必得到快乐；得到快乐未必拥有健康；拥有健康未必一切都会如愿以偿。保持知足常乐的心态才是淬炼心智、净化心灵的最佳途径。一切快乐的享受都属于精神，这种快乐把忍受变为享受，是精神对于物质的胜利，这便是人生哲学。"</b>
</p>
<div style="text-align:right;margin:15px" ><footer>——<cite>杨绛</cite></footer></div>    
</div>

"少年贪玩，青年迷恋爱情，壮年汲汲于成名成家，暮年自安于自欺欺人。人寿几何，顽铁能炼成的精金，能有多少？但不同程度的锻炼，必有不同程度的成绩；不同程度的纵欲放肆，必积下不同程度的顽劣。"
上苍不会让所有幸福集中到某个人身上，得到爱情未必拥有金钱；拥有金钱未必得到快乐；得到快乐未必拥有健康；拥有健康未必一切都会如愿以偿。保持知足常乐的心态才是淬炼心智、净化心灵的最佳途径。一切快乐的享受都属于精神，这种快乐把忍受变为享受，是精神对于物质的胜利，这便是人生哲学。"

文字渐变色

1
2
3


<font class = "colorfulfont">
伟大的小丑帕格里亚齐来了<br/>去看他的表演吧<br/>他能让你振作起来
</font>

伟大的小丑帕格里亚齐来了
去看他的表演吧
他能让你振作起来

Notice模块

use the shortcode, this way:



    
This is warning

warning,tip,info,note.

This is warning

This is info

This is tip

This is note

添加轮播图

轮播图^[2]

插入本地照片 + caption: ![]('图片链接''图标标题)

◎ 示例

诗歌引用

代码^[3]：


        contexts here

伟大的小丑帕格里亚齐来了
去看他的表演吧
他能让你振作起来

路径样式

custom.scss: 定义一个表示文件名的样式

添加font awesome

步骤^[4]

进入 Font Awesome 官网
注册账号登录获取代码
paths\themes\your-theme\layouts\partials\head.html 添加代码
文章中使用  或者

数学公式

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


<div>
\begin{equation}\label{eq:indiv}  % formula with label, and inclosed by div
  \left\{
    \begin{aligned}
      u_1' &= f_1(u_1, u_2) \\
      u_2' &= f_2(u_1, u_2)
    \end{aligned}
  \right.
\end{equation}
</div>

\begin{equation}\label{eq:indiv} % formula with label, and inclosed by div \left\{ \begin{aligned} u_1' &= f_1(u_1, u_2) \\ u_2' &= f_2(u_1, u_2) \end{aligned} \right. \end{equation}

1

\eqref{eq:indiv}

引用公式: \eqref{eq:indiv}

文章小料

1

<i class="fab fa-iconname"></i>` 或者 `<i class="fas fa-iconname"></i>

Hugo shortcodes

hugo workflow

部署博客内容^[5]

1
2
3
4
5
6
7


# under hugo base directory
hugo 
hugo server
# jump to the public directory
git add .
git commit -m "xx"
git push origin main