前言
我个人用的是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>
。这很重要,关乎你的网页是否可以真正加载你想插入的图片。
网友评论