2022-01-18
381
MarkDown主题
贡献主题：https://github.com/xitu/juejin-markdown-themes
theme: healer-readable
--- theme: healer-readable ---主题色取自掘金。
调整了字间距，以及代码块字体大小。臣愚，自我感觉这样阅读起来眼睛不用太聚焦。
代码块样式仿Mac OS. 代码高亮默认：
srcery.所以可不填。如果想制作Mac OS样式的图片也可使用carbon。
代码块需要加上语言类型，否则背景为白色。
可修改为其它 代码高亮方案。代码高亮方案名字使用小写，多字符使用
-连接。
标题H1
Markdown是一种轻量级标记语言
标题H2
Markdown是一种轻量级标记语言
标题H3
Markdown是一种轻量级标记语言
标题H4
Markdown是一种轻量级标记语言
标题H5
Markdown是一种轻量级标记语言
标题H6
Markdown是一种轻量级标记语言
# 标题H1
Markdown是一种轻量级标记语言
---
## 标题H2
Markdown是一种轻量级标记语言
---
### 标题H3
Markdown是一种轻量级标记语言
---
#### 标题H4
Markdown是一种轻量级标记语言
---
##### 标题H5
Markdown是一种轻量级标记语言
---
###### 标题H6
Markdown是一种轻量级标记语言
---
普通文本
我们都知道，对于世界上不同地区的各个民族来说，历史的发展进程是很不相同的。在上一次冰期结束后的 13000 年间，世界上的某些地区发展成为使用金属工具的、有文字的工业社会，另一些地区仅仅发展成为没有文字的农业社会，还有一些地区则仍然保留着使用石器的狩猎采集社会。
这种历史上的差异对现代世界投上了持久的阴影，因为使用金属工具的、有文字的社会征服了或消灭了其他类型的社会。虽然这些差异构成了世界史的最基本的事实，但产生这些差异的原因始终是不确定的和有争议的。关于这些差异的由来这个令人困惑的问题，是在 25 年前以一种简单的个人形式向我提出来的。
——贾雷德·戴蒙德 《枪炮、病菌与钢铁》
字符效果和横线等
| 文字效果 | 编写方式 |
|---|---|
| ~~删除线~~ | ~~删除线~~ or <s>标签包裹</s> |
| 斜体字 | *斜体字* or _斜体字_ |
| 粗体字 | **粗体** or __粗体__ |
| 粗斜体 | ***粗斜体*** or ___粗斜体___ |
文章内需要表达或着重要表示的文字字体
这种历史上的差异对现代世界投上了 持久的阴影 ，因为使用金属工具的、有文字的社会征服了或消灭了其他类型的社会。 ~~虽然这些差异构成了世界史的最基本的事实。~~ 但产生这些差异的原因始终是不确定的和有争议的. font-family:$monospace-font; 关于这些差异的由来这个令人困惑的问题，是在 25 年前以一种简单的个人形式向我提出来的。
反斜杠
没有转义
*我转义了*
*没有转义*
\*我转义了\*
引用文本
使用引用文本，这里用于表示了一段文本内容
> 使用引用文本，这里用于表示了一段文本内容
当然也可以使用
其他的格式与引用文本内容混合，需要注意格式和空格
锚点与链接
直接链接：https://juejin.im
[普通链接](https://www.juejin.im/)
[普通链接带标题效果](https://juejin.im/ "这是连接标题")
直接链接：<https://juejin.im>
[锚点链接](https://juejin.im/#锚点)
[mailto:test.test@gmail.com](mailto:test.test@gmail.com)
不太建议在文章内容中直接留出私人或工作邮箱
多语言代码高亮
行内代码
执行命令：`npm install marked` -> npm install marked
代码块
为了代码准确的高亮，建议指定语言类型。MD支持以下语言：
function test() {
console.log("Hello world!");
}
```javascript
function test() {
console.log("Hello world!");
}
```英文重音符，非中文符号
由三个重音符号+语言名称为开始，三个重音符号为结束，中间包裹代码内容
HTML 代码块
同上，即语言名称为 html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>Hello World!!!</div>
</body>
</html>
图片
# 使用图片格式 -> 
暂时无法使用第三方图床，后续会有跟进，目前可拖动上传生成图片数据
分割线
使用三个 --- or <hr/> 标签，且前后各换一行。
列表 Lists
无序列表（加/减号 or 星号）Unordered Lists (- or *)
- 列表一
- 列表二
- 列表三
- 列表一
- 列表二
- 列表三
- 列表一
- 列表二
- 列表三
- 列表一
- 列表二
- 列表三
+ 列表一
+ 列表二
+ 列表三
* 列表一
* 列表二
* 列表三
减号和星号开头 + 空格 + 文字都可以生成一个无序列表，不同符号会识别成多个列表
无序列表（嵌套）Unordered Lists (space 4)
- 列表一
- 列表二
- 列表二-1
- 列表二-2
- 列表二-3
- 列表三
- 列表一-1
- 列表二-2
- 列表三-3
- 列表一
- 列表二
- 列表二-1
- 列表二-2
- 列表二-3
- 列表三
- 列表一-1
- 列表二-2
- 列表三-3
嵌套列表由 4 个空格缩进表示，可以多级嵌套
有序列表 Ordered Lists (Num.)
- 第一行
- 第二行
- 第三行
1. 第一行
2. 第二行
3. 第三行
有序列表也可以嵌套，格式同上
HTML 特殊符号
| 符号 | 代码 | 符号 | 代码 |
|---|---|---|---|
| © | © | & | & |
| ¨ | ¨ | ™ | ™ |
| ¡ | ¡ | £ | £ |
| < | < | > | > |
| ¥ | ¥ | € | € |
| ® | ® | ± | ± |
| ¶ | ¶ | § | § |
| ¦ | ¦ | ¯ | ¯ |
| « | « | » | » |
| × | × | ÷ | ÷ |
| X² | ² | Y³ | ³ |
| ¾ | ¾ | ¼ | ¼ |
| · | · | ºC | ºC |
| " | " | ' | ' |
绘制表格 Tables
| 掘金栏目 | 点赞量+++ | 文章数量 |
|---|---|---|
| 前端 | 99999 | 我没数过 |
| 后端 | 99999 | 我也没数过 |
| 全栈 | 99999 | 我也也没数过 |
# --- 默认左对齐
# ---: 右对齐
# :---: 居中对齐
| 掘金栏目 | 点赞量+++ | 文章数量 | # 表头 |
| -------- | --------: | :------: |# 对齐方式
| 前端 | 99999 | 我没数过 | # 单元格
| 后端 | 99999 | 我也没数过 |
| 全栈 | 99999 | 我也也没数过 |
GFM task list
- [x] GFM task list 1
- [x] GFM task list 2
- [ ] GFM task list 3
- [ ] GFM task list 3-1
- [ ] GFM task list 3-2
- [ ] GFM task list 3-3
- [ ] GFM task list 4
- [ ] GFM task list 4-1
- [ ] GFM task list 4-2
- [x] GFM task list 1
- [x] GFM task list 2
- [ ] GFM task list 3
- [ ] GFM task list 3-1
- [ ] GFM task list 3-2
- [ ] GFM task list 3-3
- [ ] GFM task list 4
- [ ] GFM task list 4-1
- [ ] GFM task list 4-2
需要注意格式和空格位置
科学公式 TeX(LaTeX)
- 块公式
$$E=mc^2$$
$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$
$$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
$$H(D_2) = -\left(\frac{2}{4}\log_2 \frac{2}{4} + \frac{2}{4}\log_2 \frac{2}{4}\right) = 1$$
- 矩阵：
$$ \begin{pmatrix} 1 & a_1 & a_1^2 & \cdots & a_1^n \ 1 & a_2 & a_2^2 & \cdots & a_2^n \ \vdots & \vdots & \vdots & \ddots & \vdots \ 1 & a_m & a_m^2 & \cdots & a_m^n \ \end{pmatrix} $$
$$E=mc^2- 块公式
$$E=mc^2$$
$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$
$$\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$$
$$H(D_2) = -\left(\frac{2}{4}\log_2 \frac{2}{4} + \frac{2}{4}\log_2 \frac{2}{4}\right) = 1$$
- 矩阵：
$$
\begin{pmatrix}
1 & a_1 & a_1^2 & \cdots & a_1^n \\
1 & a_2 & a_2^2 & \cdots & a_2^n \\
\vdots & \vdots & \vdots & \ddots & \vdots \\
1 & a_m & a_m^2 & \cdots & a_m^n \\
\end{pmatrix}
$$
$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$
科学公式可由 2 个 $ 符号包裹组成，如有多个请注意使用反斜杠转义
End
前端
评论