Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
基本命令
1 | $ hexo new "My New Post" |
---|
More info: Writing
1 | $ hexo server |
---|
More info: Server
1 | $ hexo generate |
---|
More info: Generating
1 | $ hexo deploy |
---|
More info: Deployment
图片方案
hexo 下插入图片现在大概有几个方案
1.1 放在根目录
早期大部分的方案是把图片放在 source/img 下,然后在 markdown 里写 ![img](/source/img/img.png)
。显然这样在本地的编辑器里完全不能正确识别图片的位置。
1.2 asset-image
在 hexo 2.x 时出现的插件,后来被吸纳进 hexo 3 core
,用法的介绍见 资源文件夹 | Hexo 。比较尴尬的是,这种方法直接放弃了 markdown 原来的语法,使用类似 的语法,。markdown 本来有插入图片的语法不好好支持,专门用一个新的语法来插入本地图片,让我这种强迫症不太能接受。
2 解决方案
代码语言:javascript复制[CodeFalling/hexo-asset-image](https://github.com/CodeFalling/hexo-asset-image)
2.1 使用
首先确认 _config.yml
中有 post_asset_folder:true
。
在 hexo 目录,执行
代码语言:javascript复制npm install https://github.com/CodeFalling/hexo-asset-image --save
假设在
1234 | MacGesture2-Publish├── apppicker.jpg├── logo.jpg└── rules.jpg |
---|
MacGesture2-Publish.md 这样的目录结构(目录名和文章名一致),只要使用
就可以插入图片。
生成的结构为
public/2015/10/18/MacGesture2-Publish ├── apppicker.jpg ├── index.html ├── logo.jpg └── rules.jpg 同时,生成的 html 是
代码语言:javascript复制<img src="/2015/10/18/MacGesture2-Publish/logo.jpg" alt="logo">
而不是愚蠢的
代码语言:javascript复制<img src="MacGesture2-Publish/logo.jpg" alt="logo">
值得一提的是,这个插件对于 CodeFalling/hexo-renderer-org 同样有效。
参考:在 hexo 中无痛使用本地图片 MK语法 iOS Develop