Markdown 样式美化大全

2021-07-27 16:33:45 阅读：326 来源： 互联网

标签：原生 Markdown 脚注 nbsp 反例 Nginx 锚点美化大全

Markdown 样式大全

Markdown 样式大全

1. 键盘

A

<kbd>Backspace</kbd>

2. 路径

/usr/local/nginx/sbin/nginx

<span style="color:#4185c4;">/usr/local/nginx/sbin/nginx</span>

3. 彩色字体背景

Nginx is not running !

<b style="color:red;">Nginx&nbsp;is&nbsp;not&nbsp;running&nbsp;!</b>

Nginx is running !

<b style="color:green;">Nginx&nbsp;is&nbsp;running&nbsp;!</b>

Nginx is running !

<b style="background-color:green;color:white;"> Nginx is running ! </b>

4. 折叠

展开查看内容

这是展开后的内容。

<details>
 <summary>展开查看内容</summary>
 这是展开后的内容。
</details>

5. 锚点链接

在 Typora 中，按住Ctrl+鼠标左键进行跳转。

Markdown 原始写法 [名称](#id)

原生锚点1

原生锚点2

跳转到原生锚点1
跳转到原生锚点2
```
### 原生锚点1

### 原生锚点2

[跳转到原生锚点1](#原生锚点1)
[跳转到原生锚点2](#原生锚点2)
```
如果有重复的标题，从开始添加编号后缀-1，例如：

Hello

...

Hello

...

A link to first header, a link to second one.
```
# Hello

...

# Hello

...

A [link](#hello-1) to first header, a [link](#hello-2) to second one.
```

HTML 语法 <a href="#id">名称</a>

titleA

titleB

to titleA
to titleA

<h3 id="titleA">titleA</h3><h3 id="titleB">titleB</h3>[to titleA](#titleA)[to titleA](#titleB)

6. 待办列表

- [ ] 记得找个女朋友
- [ ] 天凉了，记得加衣喔
1. - [x] 今日份单词打卡
2. - [x] 了解tree shaking和dce

1. - [ ] 记得找个女朋友2. - [ ] 天凉了，记得加衣喔   1. - [x] 今日份单词打卡   2. - [x] 了解tree shaking和dce

7. 脚注

你好^[1]

你好[^脚注][^脚注]: 这是一个脚注

8.自定义列表

Credits: John: MikeUI Designer: Xiao Ming

Typora 暂不支持。

9. 复杂表格

Markdown 绝大多数编辑器都是支持 html 语言，Markdown 本身不支持复杂的表格，所以使用 html 来编辑即可。

使用跨行或者跨列时，使用 th 标签
跨行： rowspan 的的参数就是要跨的行数
跨列： colspan 的参数就是要跨的列数

真实情况	预测结果
真实情况	正例	反例
正例	TP(真正例)	FN(假反例)
反例	FP(假正例)	TN(真反例)

<table align="center">
    <tr>
        <th rowspan="2">真实情况</th>
        <th colspan="2">预测结果</th>
    </tr>
    <tr>
        <td>正例</td>
        <td>反例</td>
    </tr>
    <tr>
        <td>正例</td>
        <td>TP(真正例)</td>
        <td>FN(假反例)</td>
    </tr>
    <tr>
        <td>反例</td>
        <td>FP(假正例)</td>
        <td>TN(真反例)</td>
    </tr>
</table>

10. 文本高亮

…… 海森堡在 1927 年首先提出 ……

…… <mark>海森堡在 1927 年首先提出</mark> ……

注意：文档编写使用的是 Typora，部分效果博客园未支持。

这是一个脚注 ↩︎

标签：原生,Markdown,脚注,nbsp,反例,Nginx,锚点,美化,大全
来源： https://www.cnblogs.com/veezeng/p/15066598.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9