前言

我个人用的是hexo-admin插件,网上还有很多其他工具 大家可以自行选择

安装

npm install --save hexo-admin
在根目录输入hexo server -d
便可在http://localhost:4000/admin/# 查看修改自己的文章了

1.代码框

小型代码框为俩个单引号’’：
写法:

   `单行代码框`

效果:
单行代码框

• 大型代码框为三个单引号开头+bash 到 三个单引号结尾：
  小型代码框为俩个单引号’’：
  写法:

     ```
     多行代码框
     ```

效果:
多行代码框

2.斜体和粗体

写法:

*这是斜体* 或 _这也是斜体_ 
**这是粗体**
***这是加粗斜体***
~~这是删除线~~

效果:
这是斜体 或 这也是斜体
这是粗体
这是加粗斜体
这是删除线

3.分级标题

写法：

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

效果:

image.png

4.超链接

写法:

行内形式：[我的博客](https://moking1997.github.io/)
参考形式：[我的博客][1]，有一个很好的平台-[简书][2]
[1]:https://moking1997.github.io/
[2]:http://www.jianshu.com/
自动链接：我的博客地址<https://kevinpu.github.io/>

效果：
行内形式：我的博客
参考形式：[我的博客][1]，有一个很好的平台-[简书][2]
[1]:https://moking1997.github.io/
[2]:http://www.jianshu.com/
自动链接：我的博客地址https://kevinpu.github.io/

5.列表

• 无序列表
  写法:

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

效果:

• 无序列表项1

• 无序列表项2

• 无序列表项3

6.表格

写法：

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

效果:

表头1	表头2	表头3	表头4
默认左对齐	左对齐	居中对其	右对齐
默认左对齐	左对齐	居中对其	右对齐
默认左对齐	左对齐	居中对其	右对齐

7.插入图片

1.把主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true

2.在你的hexo目录下执行这样一句话npm install hexo-asset-image –save，这是下载安装一个可以上传本地图片的插件

3.等待一小段时间后，再运行hexo n “xxxx”来生成md博文时，/source/_posts文件夹内除了xxxx.md文件还有一个同名的文件夹(没有同名文件夹也可以自己新建)

4.最后在xxxx.md中想引入图片时，先把图片复制到xxxx这个文件夹中，然后只需要在xxxx.md中按照markdown的格式引入图片：

[图片上传失败...(image-1bcda7-1572919310938)]

注意： xxxx是这个md文件的名字，也是同名文件夹的名字。只需要有文件夹名字即可，不需要有什么绝对路径。你想引入的图片就只需要放入xxxx这个文件夹内就好了，很像引用相对路径。

5.最后检查一下，hexo g生成页面后，进入public\2017\02\26\index.html文件中查看相关字段，可以发现，html标签内的语句是<img src="2017/02/26/xxxx/图片名.jpg">，而不是<img src="xxxx/图片名.jpg>。这很重要，关乎你的网页是否可以真正加载你想插入的图片。

8.插件

• HexoEditor