写作格式

1.字体介绍

样例:
这是斜体
这也是斜体
这是粗体
这是加粗斜体
这是删除线

1
2
3
4
5
*这是斜体* 或
_这也是斜体_
**这是粗体**
***这是加粗斜体***
~~这是删除线~~

2.分级标题

样例:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题
1
2
3
4
5
6
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

3.超链接

样例:
行内形式:我的博客
参考形式:[我的博客][1]
[1]:https://coinshen.cc
自动链接:我的博客地址https://coinshen.cc

1
2
3
4
行内形式:[我的博客](https://coinshen.cc)
参考形式:[我的博客][1]
[1]:https://coinshen.cc
自动链接:我的博客地址<https://coinshen.cc>

4.列表

无序列表:
样例:

  • 无序列表项1
  • 无序列表项2
  • 无序列表项3
1
2
3
* 无序列表项1
+ 无序列表项2
- 无序列表项3

有序列表:
样例:

1.有序列表项1
2.有序列表项2
3.有序列表项3

1
2
3
1.有序列表项1
2.有序列表项2
3.有序列表项3

5.插入图片

在 Hexo 中插入图片,首先需要将图片放在 source/img/ 文件夹下,然后如下方式进行插入:
样例:

1
![](https://cdn.jsdelivr.net/gh/coinshencc/cdn/img/chuyin.jpg)

6.表格

样例:

表头1 表头2 表头3 表头4
默认左对齐 左对齐 居中对其 右对齐
默认左对齐 左对齐 居中对其 右对齐
默认左对齐 左对齐 居中对其 右对齐
1
2
3
4
5
| 表头1|表头2|表头3|表头4
|-| :- | :-: | -: |
|默认左对齐|左对齐|居中对其|右对齐|
|默认左对齐|左对齐|居中对其|右对齐|
|默认左对齐|左对齐|居中对其|右对齐|

标签外挂

1.mermaid

使用mermaid標籤可以繪製Flowchart(流程圖)、Sequence diagram(時序圖 )、Class Diagram(類別圖)、State Diagram(狀態圖)、Gantt(甘特圖)和Pie Chart(圓形圖)

修改 主題配置文件

1
2
3
4
mermaid:
enable: true
# built-in themes: default/forest/dark/neutral
theme: default

样例:

pie title Key elements in Product X "Calcium" : 42.96 "Potassium" : 50.05 "Magnesium" : 10.01 "Iron" : 5
1
2
3
4
5
6
7
8
9
{% mermaid %}
pie
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5
{% endmermaid %}

2.Tabs

自定義Tab名 + 只有icon + icon和Tab名
样例:

tab名字為第一個Tab

只有圖標 沒有Tab名字

名字+icon

1
2
3
4
5
6
7
8
9
10
11
12
13
{% tabs test4 %}
<!-- tab 第一個Tab -->
**tab名字為第一個Tab**
<!-- endtab -->

<!-- tab @fab fa-apple-pay -->
**只有圖標 沒有Tab名字**
<!-- endtab -->

<!-- tab 炸彈@fas fa-bomb -->
**名字+icon**
<!-- endtab -->
{% endtabs %}

3.Button

使用方法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{% btn [url],[text],[icon],[color] [style] [layout] [position] [size] %}

[url] : 鏈接
[text] : 按鈕文字
[icon] : [可選] 圖標
[color] : [可選] 按鈕背景顔色(默認style時)
按鈕字體和邊框顔色(outline時)
default/blue/pink/red/purple/orange/green
[style] : [可選] 按鈕樣式 默認實心
outline/留空
[layout] : [可選] 按鈕佈局 默認為line
block/留空
[position] : [可選] 按鈕位置 前提是設置了layout為block 默認為左邊
center/right/留空
[size] : [可選] 按鈕大小
larger/留空

样例:

CoinShen CoinShen CoinShen
1
2
3
{% btn 'https://coinshen.cc/',CoinShen,far fa-hand-point-right,block %}
{% btn 'https://coinshen.cc/',CoinShen,far fa-hand-point-right,pink block center larger %}
{% btn 'https://coinshen.cc/',CoinShen,far fa-hand-point-right,outline blue block right larger %}

4.原本、自定义标签

default 标签外挂

primary 标签外挂

success 标签外挂

danger 标签外挂

info 标签外挂

warning 标签外挂

自定义标签

red 标签外挂

quote 标签外挂

radiation 标签外挂

bug 标签外挂

idea 标签外挂

warning 标签外挂

warning 标签外挂

warning 标签外挂

warning 标签外挂

warning 标签外挂

warning 标签外挂

为简单的一句话提供的简便写法。

彩色文字

在一段话中方便插入各种颜色的标签,包括:红色黄色绿色青色蓝色灰色

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

A Wonderful Theme for Hexo

行内文本

1
{% span 样式参数, 文本内容 %}

独立段落

1
{% p 样式参数, 文本内容 %}

彩色文字

1
在一段话中方便插入各种颜色的标签,包括:{% span red, 红色 %}、{% span yellow, 黄色 %}、{% span green, 绿色 %}、{% span cyan, 青色 %}、{% span blue, 蓝色 %}、{% span gray, 灰色 %}。

超大文字

1
2
{% p center logo large, CoinShen %}
{% p center small, A Wonderful Theme for Hexo %}

复选框

Checkbox

纯文本测试

支持简单的 markdown 语法

支持自定义颜色

绿色 + 默认选中

黄色 + 默认选中

青色 + 默认选中

蓝色 + 默认选中

增加

减少

Radio

纯文本测试

支持简单的 markdown 语法

支持自定义颜色

绿色

黄色

青色

蓝色

复选框:

1
{% checkbox 样式参数(可选), 文本(支持简单md) %}

Checkbox

1
2
3
4
5
6
7
8
9
10
{% checkbox 纯文本测试 %}
{% checkbox checked, 支持简单的 [markdown](https://guides.github.com/features/mastering-markdown/) 语法 %}
{% checkbox red, 支持自定义颜色 %}
{% checkbox green checked, 绿色 + 默认选中 %}
{% checkbox yellow checked, 黄色 + 默认选中 %}
{% checkbox cyan checked, 青色 + 默认选中 %}
{% checkbox blue checked, 蓝色 + 默认选中 %}
{% checkbox plus green checked, 增加 %}
{% checkbox minus yellow checked, 减少 %}
{% checkbox times red checked, 叉 %}

Radio

1
2
3
4
5
6
7
{% radio 纯文本测试 %}
{% radio checked, 支持简单的 [markdown](https://guides.github.com/features/mastering-markdown/) 语法 %}
{% radio red, 支持自定义颜色 %}
{% radio green, 绿色 %}
{% radio yellow, 黄色 %}
{% radio cyan, 青色 %}
{% radio blue, 蓝色 %}

Folding

查看图片测试

查看默认打开的折叠框

这是一个默认打开的折叠框。

查看代码测试

查看列表测试

  • haha
  • hehe

查看嵌套测试

查看嵌套测试2

查看嵌套测试3

hahaha

1
2
3
4
5
{% folding 参数(可选), 标题 %}

![](https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/abstract/41F215B9-261F-48B4-80B5-4E86E165259E.jpeg)

{% endfolding %}
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
35
36
{% folding 查看图片测试 %}

![](https://cdn.jsdelivr.net/gh/xaoxuu/cdn-wallpaper/abstract/41F215B9-261F-48B4-80B5-4E86E165259E.jpeg)

{% endfolding %}

{% folding cyan open, 查看默认打开的折叠框 %}

这是一个默认打开的折叠框。

{% endfolding %}

{% folding green, 查看代码测试 %}

{% endfolding %}

{% folding yellow, 查看列表测试 %}

- haha
- hehe

{% endfolding %}

{% folding red, 查看嵌套测试 %}

{% folding blue, 查看嵌套测试2 %}

{% folding 查看嵌套测试3 %}

hahaha <span><img src='https://cdn.jsdelivr.net/gh/xaoxuu/cdn-assets/emoji/tieba/%E6%BB%91%E7%A8%BD.png' style='height:24px'></span>

{% endfolding %}

{% endfolding %}

{% endfolding %}

More info: CoinShen