测试图片显示页面
首先在source目录下创建上传图片的文件夹,我取名为images。
经过测试
- 使用原生html方式
1 | <img src="/images/a.jpg"> |
- 使用markdown语法
1 | ![img](/source/images/a.jpg) |
一开始完全失效,原来还要添加其他东西:hexo-asset-image
首先在nanshanyi.github.io目录下确认 _config.yml 中有 post_asset_folder:true 。
在 hexo 目录,执行
1 | npm install https://github.com/CodeFalling/hexo-asset-image --save |
之后再使用 hexo new ‘new’ 创建新博客的时候,会在source/_posts里面创建.md文件的同时生成一个相同的名字的文件夹。把该文章中需要使用的图片放在该文件夹下即可。
使用的时候
1 | !["图片描述"(可以不写)](/文件夹/你的图片名字.jpg) |
以下为测试
不过使用了这种方法,第一种方法好像就会失效。
19-07-20
今天遇到图片全崩了的问题,hexo-asset-image的版本是^1.0.0
。
github上的一个方法是回退到0.0.2。成功解决了。网上博客的一堆方法都没用,全都是屁话,复制粘贴。