前言

代码

1
2
3
4
5
6
7
8
9
10
11
shell
VSCode终端
hexo clean; hexo s
hexo clean; hexo g; hexo d
git add .; git commit -m "npm publish"; npm version patch;
git push
Cmder终端
hexo clean && hexo s
hexo clean && hexo g && hexo d
git add . && git commit -m "npm publish" && npm version patch
git push

文字样式

下划线演示

文字加粗演示

文字斜体演示

文本高亮演示

文本删除线演示

5号字 黑体 蓝色

这里的背景色是:MistyRosen,此处输入任意想输入的内容
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<u>下划线演示</u>

文字**加粗**演示

文字*斜体*演示

文本`高亮`演示

文本~~删除~~线演示

<font size = 5>5号字</font>
<font face="黑体">黑体</font>
<font color=blue>蓝色</font>

<table><tr><td bgcolor=MistyRose>这里的背景色是:MistyRosen,此处输入任意想输入的内容</td></tr></table>
# 引用 > Java > 二级引用演示 > MySQL > >外键 > > > >事务 > > > >**行级锁**(引用内部一样可以用格式) > > ....
1
2
3
4
5
6
7
8
9
10
>  Java
> 二级引用演示
> MySQL
> >外键
> >
> >事务
> >
> >**行级锁**(引用内部一样可以用格式)
>
> ....

分割线



1
2
---
***

列表 *+-空格都可以

无序列表

  • Java
  • Python
  • Java
  • Python
  • Java
  • Python

有序列表

注意后面有空格 1. 2. 3.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
## 无序列表
* Java
* Python
* ...

+ Java
+ Python
+ ...

- Java
- Python
- ...
## 有序列表
注意后面有空格
1.
2.
3.

图片

本地图片

示例图片 ## 在线图片 ![code](https://cdn.jsdelivr.net/gh/fomalhaut1998/markdown_pic/img/code.png)
1
2
3
4
## 本地图片
<img src="/img/favicon.png" alt="示例图片" style="zoom:50%;" />
## 在线图片
![code](https://cdn.jsdelivr.net/gh/fomalhaut1998/markdown_pic/img/code.png)

表格

项目标号 资金 备注
1 100,000
2 200,000
3 300,600 重要
1
2
3
4
5
| 项目标号 | 资金     | 备注 |
| -------- | -------- | ---- |
| 1 | 100,000 | 无 |
| 2 | 200,000 | 无 |
| 3 | 300,600 | 重要 |

公式

$a,b,c$

\(a,b,c\)
\[ \begin{equation} \begin{aligned} a &= b + c \\ d &= e + f + g \\ h + i &= j + k \\ l + m &= n \end{aligned} \end{equation} \] \[ \mathbf{X}= \left( \begin{array}{cccc} x_{11} & x_{12} & \ldots & x_{1n}\\ x_{21} & x_{22} & \ldots & x_{2n}\\ \vdots & \vdots & \ddots & \vdots\\ x_{n1} & x_{n2} & \ldots & x_{nn}\\ \end{array} \right) \]

$$ \mathbf{X}= \left( \begin{array}{cccc} x_{11} & x_{12} & \ldots & x_{1n}\\ x_{21} & x_{22} & \ldots & x_{2n}\\ \vdots & \vdots & \ddots & \vdots\\ x_{n1} & x_{n2} & \ldots & x_{nn}\\ \end{array} \right) $$

公式的mdlatex格式:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
{% raw %}   
$a,b,c$
{% endraw %}
$a,b,c$
$$
\begin{equation}
\begin{aligned}
a &= b + c \\
d &= e + f + g \\\\
h + i &= j + k \\
l + m &= n
\end{aligned}
\end{equation}
$$
$$
\mathbf{X}= \left(
\begin{array}{cccc}
x_{11} & x_{12} & \ldots & x_{1n}\\
x_{21} & x_{22} & \ldots & x_{2n}\\
\vdots & \vdots & \ddots & \vdots\\
x_{n1} & x_{n2} & \ldots & x_{nn}\\
\end{array} \right)
$$
{% raw %}
$$
\mathbf{X}= \left(
\begin{array}{cccc}
x_{11} & x_{12} & \ldots & x_{1n}\\
x_{21} & x_{22} & \ldots & x_{2n}\\
\vdots & \vdots & \ddots & \vdots\\
x_{n1} & x_{n2} & \ldots & x_{nn}\\
\end{array} \right)
$$
{% endraw %}

md内latex公式编写渲染问题很大,有着各种bug,博客采用方案为卸载hexo-renderer-marked,安装hexo-renderer-pandoc(预先安装pandoc),但仍有缺点

  • 插入图片方式需要改变
  • 加载会慢
  • mathjex那样好用的右键菜单没有了
  • 书写习惯,单行$abc$的$不能后面加空格要直接跟内容
    为了不让Nunjucks插件干扰md内latex公式编写有多种解决方案:
  • Front-matter部分设置disableNunjucks: false
  • 编写公式不要出现 [[d]]等,改为{ {d} } [ [d] ] 中间空格 经检验,店长的外挂标签hexo-butterfly-tag-plugins-plus在不安装hexo-renderer-kramed而是安装pandoc时,可正常使用

butterfly外挂标签

行内文本text

  1. 下划线 的文本
  2. 着重号 的文本
  3. 波浪线 的文本
  4. 删除线 的文本
  5. 键盘样式的文本 command + D
  6. 密码样式的文本:这里没有验证码
1
2
3
4
5
6
1. 带 {% u 下划线 %} 的文本
2. 带 {% emp 着重号 %} 的文本
3. 带 {% wavy 波浪线 %} 的文本
4. 带 {% del 删除线 %} 的文本
5. 键盘样式的文本 {% kbd command %} + {% kbd D %}
6. 密码样式的文本:{% psw 这里没有验证码 %}

行内文本span

  • 彩色文字 在一段话中方便插入各种颜色的标签,包括:红色黄色绿色青色蓝色灰色
  • 超大号文字 文档「开始」页面中的标题部分就是超大号文字。
A Wonderful Theme for Hexo
1
2
3
4
5
6
7
8
9
10
11
12
- 彩色文字
在一段话中方便插入各种颜色的标签,包括:{% span red, 红色 %}、{% span yellow, 黄色 %}、{% span green, 绿色 %}、{% span cyan, 青色 %}、{% span blue, 蓝色 %}、{% span gray, 灰色 %}。
- 超大号文字
文档「开始」页面中的标题部分就是超大号文字。
{% span center logo large, Volantis %}
{% span center small, A Wonderful Theme for Hexo %}
参数:
字体: logo, code
颜色: red,yellow,green,cyan,blue,gray
大小: small, h4, h3, h2, h1, large, huge, ultra
对齐方向: left, center, right

段落文本p

  • 彩色文字 在一段话中方便插入各种颜色的标签,包括:

    红色

    黄色

    绿色

    青色

    蓝色

    灰色

  • 超大号文字 文档「开始」页面中的标题部分就是超大号文字。

A Wonderful Theme for Hexo

1
2
3
4
5
在一段话中方便插入各种颜色的标签,包括:{% p red, 红色 %}、{% p yellow, 黄色 %}、{% p green, 绿色 %}、{% p cyan, 青色 %}、{% p blue, 蓝色 %}、{% p gray, 灰色 %}。
- 超大号文字
文档「开始」页面中的标题部分就是超大号文字。
{% p center logo large, Volantis %}
{% p center small, A Wonderful Theme for Hexo %}

为什么要建立博客

这个博客的主页
建立博客就是个折腾的过程,对于天天看长短视频不操作的云学习人来说,这才是真正体验到理论和实践结合的过程。原本是跟随师兄师姐拿Blog作笔记学习整理一下研究思路等,结果还没发布一篇(除了默认helloworld),就得从github到clone到md到vscode等等工作流都要理顺一遍。特别是主题最折腾,就像是一门只要求及格的课程,总有人为绩点从细枝末节处(格式、字体、报告ppt)展开内卷的状态。