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 里写 
。显然这样在本地的编辑器里完全不能正确识别图片的位置。
1.2 asset-image
在 hexo 2.x 时出现的插件,后来被吸纳进 hexo 3 core
,用法的介绍见 资源文件夹 | Hexo 。比较尴尬的是,这种方法直接放弃了 markdown 原来的语法,使用类似 的语法,。markdown 本来有插入图片的语法不好好支持,专门用一个新的语法来插入本地图片,让我这种强迫症不太能接受。
2 解决方案
[CodeFalling/hexo-asset-image](https://github.com/CodeFalling/hexo-asset-image)
2.1 使用
首先确认 _config.yml
中有 post_asset_folder:true
。
在 hexo 目录,执行
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 是
<img src="/2015/10/18/MacGesture2-Publish/logo.jpg" alt="logo">
而不是愚蠢的
<img src="MacGesture2-Publish/logo.jpg" alt="logo">
值得一提的是,这个插件对于 CodeFalling/hexo-renderer-org 同样有效。
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有