1. 生成网站
hexo g
2. 启动本地web service
hexo s
3. 推送到 git
hexo d
在推送前要在 _config.xml中配置好git地址deploy:
type: git
repository: https://github.com/wnnwoo/wnnwoo.github.io.git
branch: master
4. 插入图片,可参考官网说明
_config.xml的post_asset_folder:设置为true
npm install hexo-asset-image —save
如果遇到类似下面的问题
Mac01:wnnwoo.github.io wnnwoo$ npm install hexo-asset-image —save
npm WARN babel-eslint@10.0.2 requires a peer of eslint@>= 4.12.1 but none is installed. You must install peer dependencies yourself.
- hexo-asset-image@1.0.0
updated 1 package and audited 9303 packages in 15.824s
found 4 vulnerabilities (2 low, 2 high)
runnpm audit fix
to fix them, ornpm audit
for details
是因为有版本不兼容的问题,执行下面的语句就可以了。
npm install -g npm
运行hexo n “file name”来生成md博客时,会在_post目录下看到一个与博客同名的文件夹
可以用下面的几个方法来引入图片,
不过我自己试的时候,总是显示不出来图片
4.1 ![你想要输入的替代文字](xxxx\/图片名.jpg)
4.2 \{ \% asset_img example.jpg This is an example image \% \}
4.3 ![你想要输入的替代文字](图片URL)
无奈,我用4.1 和4.2 都不行,只好购买阿里云,显示cloud上的图片是没问题的。
5.生成“分类”页并添加tpye属性
hexo new page categories
成功后会提示INFO Created: ~/Documents/blog/source/categories/index.md
根据上面的路径,找到index.md这个文件,打开后默认内容是这样的:
1
2
3
4 ---
title: 文章分类
date: 2017-05-27 13:47:40
---
添加type: “categories”到内容中,添加后是这样的:1
2
3
4
5---
title: 文章分类
date: 2017-05-27 13:47:40
type: "categories"
---
保存并关闭文件,打开其他markdown文件,然后加入categories,之后hexo就会自动生出来categories。1
2
3
4
5
6---
title: 鱼王
date: 2017-05-26 12:12:57
categories:
- 阅读
---