最近更新：2018-8-31 11:06

    本篇文章主要讲 Markdown 的使用，是平时使用的积累记录，方便在使用时查找

一、特殊字符

空格

1
2
3
4
5
 
或
 
或
 

小于号： <

1
&lt;

大于号： >

1
&gt;

与号： &

1
&amp;

双引号： "

1
&quot;

单引号(IE 不支持）： '

1
&apos;

二、添加注释

方法一

1
<!-- 这里是注释掉的内容，不会在页面显示 -->

方法二

1
[//]: <> (这里是注释掉的内容，不会在页面显示)

三、字体设置

Markdown 本身不支持字体的设置，但是可以使用HTML的标记语法来进行设置

设置字体颜色

1
<font color= red >内容</font>

设置字体大小
size可以设置的范围是1～7；浏览器默认值是3

1
<font size= 5 >内容<font>

设置字体样式

1
<font face="黑体">内容</font>

四、列表

无序列表
使用[+|-|*]+.+[空格]+[列表项]

演示：

1
2
3
+ 北京
- 深圳
* 上海

效果：

  • 北京
  • 上海
  • 深圳

有序列表
使用数字+.+[空格]+[列表项]，页面显示的数字将基于第一个递增，所以为了方便，数字都与第一个保持一致即可

演示：

1
2
3
3. 北京
1. 深圳
19. 上海

效果：

  1. 北京
  2. 上海
  3. 深圳

五、在Hexo中的变量引用

../_config.yml
在 hexo 跟目录下的配置文件 _config.yml 中自定义变量

1
2
# 声明变量count=10，在markdown文件中引用：config.count
count: 10

../themes/_config.yml
在某个主题 （theme）目录下的配置文件 _config.yml 中自定义变量

1
2
# 声明变量count=10，在markdown文件中引用：theme.count
count: 10

六、插入链接

第一种，直接插入

1
2
# 直接在`百度`中插入链接
[百度](http://www.baidu.com)

第二种，引用变量

1
2
3
4
# 先声明变量 baidu_url
[baidu_url]: http://www.baidu.com
# 再把变量`baidu_url` 用到 ’百度‘ 中
[百度][baidu_url]

七、插入图片

使用绝对路径

1
2
3
4
# 图片资源位于：source／images/image.jpg
![img](/images/image.jpg)

# 注：这里也可以使用类似于 '插入链接' 中第二种方法那样引用变量的方式

使用相对路径

1
2
3
4
5
6
7
8
# 第一步，确保在 hexo 的根目录下的 _config.yml 文件中的post_asset_folder属性为true
post_asset_folder: true

# 执行以下命令，Hexo 将会在source／_posts 文件夹下生成file_name.md和对应名字的文件夹，并将要该文件中要用到的图片都放在该文件夹下。例如 image.jpn
$ hexo new file_name

# 最后就是插入图片，图片位置：source/_posts/file_new/image.jpg
![img1](image.jpg)

建议： 将只属于某个页面的图片资源放在其对应的文件夹下，将通用的图片资源放在 source/images/ 文件夹下

八、未完待续