Hexo显示图片

测试图片显示页面

首先在source目录下创建上传图片的文件夹,我取名为images。
经过测试

  1. 使用原生html方式
1
<img src="/images/a.jpg">
  1. 使用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
2
3
!["图片描述"(可以不写)](/文件夹/你的图片名字.jpg)
例如:
![](new/text.jpg)

以下为测试
Ducan
不过使用了这种方法,第一种方法好像就会失效。

19-07-20

今天遇到图片全崩了的问题,hexo-asset-image的版本是^1.0.0
github上的一个方法是回退到0.0.2。成功解决了。网上博客的一堆方法都没用,全都是屁话,复制粘贴。