Markdown使用示范

发表于 分类于

本文是MD编辑中常用的一些命令及格式。

1
2
图片的比例：
<img src="/img/markdown.png" width="60%">

博客里的另一篇文章，可以采用 Hexo 内置的标签： 

1
2
3
{% post_link slug text %}
slug：文章的文件名（不含路径、不含扩展名）
text：可选，用作链接显示的文字，不写则默认显示文章标题

破折号 —— 共2 个 — ，占据两个全角字符位置

手工数学公式生成器

https://webdemo.myscript.com/

公式：当你需要在编辑器中插入数学公式时，可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。
Latex数学公式中的空格：

wiki中copy过来的代码中，公式的前后分别增加$$，同时，如果有"",例如

1
2
3
4
{\displaystyle \scriptstyle {\frac {\mathrm {d} }{\mathrm {d} x}}\log _{a}(x)={\frac {1}{x\ln(a)}}}  \scriptstyle \frac{\mathrm{d}}{\mathrm{d}x}\log_a(x) = \frac{1}{x\ln(a)}  
要把第一个\scriptstyle去掉，同时，去掉第二个\scriptstyle及后面的公式。
变成：
$${\scriptstyle {\frac {\mathrm {d} }{\mathrm {d} x}}\log _{a}(x)={\frac {1}{x\ln(a)}}}$$

显示结果如下：

\[{\scriptstyle {\frac {\mathrm {d} }{\mathrm {d} x}}\log _{a}(x)={\frac {1}{x\ln(a)}}}\]

数学公式的语法：
http://kuing.orzweb.net/viewthread.php?tid=5

1
2
3
4
5
6
7
8
9
10
11
两个quad空格：a \qquad b  
1个quad空格：a \quad b	   
大空格： a\ b	  
中等空格：	a\;b	  
小空格：	a\,b   
没有空格：	ab		  
紧贴：		a\!b

半角空格: &ensp;或 &#8194;
全角空格: &emsp;或 &#8195;
不换行空格: &nbsp;或 &#160;
1
2
3
4
5
6
7
8
公式对齐  
$$  
\begin{align*}  
 f(x) &= (x+a)(x+b) \\  
 &= x^2 + (a+b)x + ab  
\end{align*}  
$$  
它采用“&”分割各个对齐单元，使用“\\”换行。

链接

带标题的图片链接

图片alt 
1
2
3
插入图片Markdown语法代码：  
![图片alt](图片链接 "图片title")。
图片Alt 就是显示在图片下方的图片说明

注意：图片前后要空一行才能显示alt标识。

在HTML中，image标签用于嵌入图像到网页中。除了指定图像路径之外，图像元素还有两个常用的属性：alt和title。虽然这两个属性都对图像的访问和可访问性具有重要作用，但它们的用途不完全相同：

alt属性：
alt代表“替代文本”，可用于描述无法显示图像的原因或代替图像。如果图像无法显示，这个属性将替换成描述图像的文字。对于视力障碍者和使用屏幕阅读器的人来说，这是非常重要的，因为他们无法获得图像的视觉信息，而是通过阅读屏幕阅读器中的文本来理解页面。此外，alt属性也有助于SEO优化，因为它提供了更多的关键字和描述信息。 title属性：
title代表“标题”，可用于添加有关图像的附加信息，例如图像的作者，照片的地点等。当用户将鼠标悬停在图像上时，将显示一个小文本框，其中包含该属性的值。此属性对于提供有关图像的附加信息和上下文非常有用，并为用户提供更多详细信息。但请注意，这个属性不应视为必要的可访问性功能。

综上所述，alt属性用于提供与图像相关的重要信息，而title属性用于为图像提供更多的背景和描述信息，使用户更好地了解图像的上下文和含义。

文件链接

Oracle主数据

网页链接

Markdown使用说明

格式

给字体加颜色

需要用到Html。（！好像不能放到一段的最前面！需要在前面增加： ）

1
2
3
4
5
6
7
8
蓝色文字   
&nbsp;<font color="#4590a3" size = "3px"></font>  

午夜蓝：
&nbsp;<font color="MidnightBlue" size = "3px"></font>  

红色文字  
&nbsp;<font color="#FF0000" size = "3px"></font>

粗体字和斜体字

粗体字,斜体字

左缩进

方法1：

          缩进测试缩缩进测试缩进测试缩进测试缩进测试缩进测试缩进测试缩进测试缩进测试缩进测试缩进测试缩进测试缩进测试缩进测试进测试缩进测试缩进测试缩进测试缩进
### 方法2
　　（前面加两个全角空格）缩进测试缩缩进测试缩进测试缩进测试缩进测试缩进测试缩进测试缩进测试缩进测试缩进测试缩进测试缩进测试缩进测试缩进测试进测试缩进测试缩进测试缩进测试缩进

标题的使用方法

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

无序列表

1
2
3
- 文本1  
- 文本2  
- 文本3

有序列表

1
2
3
1. 文本1  
2. 文本2  
3. 文本3

多级列表

多级列表只要4个空格或者一个Tab的缩进即可。

引用别人的文字

下面的文字是引用自网络查找“......”

下面文字引用自“。。。。。。”

1
2
## 使用```表示代码块  
支持的语言：actionscript, apache, bash, clojure, cmake, coffeescript, cpp, cs, css, d, delphi, django, erlang, go, haskell, html, http, ini, java, javascript, json, lisp, lua, markdown, matlab, nginx, objectivec, perl, php, python, r, ruby, scala, smalltalk, sql, tex, vbscript, xml
（支持的语言，不显示在页面的）
1
2
var canvas = document.getElementById("canvas");  
var context = canvas.getContext("2d");

特殊

符号转义

如果你的描述中需要用到 markdown 的符号，比如 _ # * 等，但又不想它被转义，这时候可以在这些符号前加反斜杠，如 _ # * 进行避免。

特殊字符自动转换

在 HTML 文件中，有两个字符需要特殊处理： < 和 & 。 < 符号用于起始标签，& 符号则用于标记 HTML 实体，如果你只是想要显示这些字符的原型，你必须要使用实体的形式，像是 < 和 &。

如何站内链接文件

例子如下，站内有一个文件名“文章发表时间显示了两遍.md”的文件，链接的语法如下，注意不需要后缀名。

1
{% post_link 文章发表时间显示了两遍 %}

表格语法

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
<style>  
table th:first-of-type {  
    width: 100px;  
}  
  
table th:nth-of-type(2) {  
    width: 200px;  
}  
table th:nth-of-type(3) {  
    width: 800px;  
}  
</style>  
   
换行用<br> or  <br />  
  
| 水果        | 价格    |  数量  |  
    | --------   | -----:   | :----: |  
    | 香蕉        | $1      |   5    |  
    | 苹果        | $1      |   6    |  
    | 草莓        | $1      |   7  <br> 8  |  
  
  
    | 左对齐标题 | 右对齐标题 | 居中对齐标题 |  
| :------| ------: | :------: |  
默认标题栏居中对齐，内容居左对齐。

markdown里如何显示HTML标签和转义字符？
https://blog.csdn.net/microcosmv/article/details/51868284