Hexo图片两种处理方式
公共免费图床
可以将图片上传至图床,图床通常会提供CDN支持,提供更好的下载的速度。免费图床https://www.imgtp.com/
本地图片
使用本地图片国内下载速度较慢且需要注意图片保存的相对的路径。在不同也页面下需要保证都能够正常链接到。
使用hexo-image-link 插件,可以自动作为md链接和hexo链接的自动转换。
可以将图片上传至图床,图床通常会提供CDN支持,提供更好的下载的速度。免费图床https://www.imgtp.com/
使用本地图片国内下载速度较慢且需要注意图片保存的相对的路径。在不同也页面下需要保证都能够正常链接到。
使用hexo-image-link 插件,可以自动作为md链接和hexo链接的自动转换。
本文主要是对Hexo+Github部署个人Blog遇到小问题的一个汇总,涉及到主题,Pages服务及网站加速。
目前比较流行的next主题和icarus主题,这两个主题都具备一定的定制性和插件。个人更喜欢icarus主题,以下以icarus主题为例进行说明。
执行如下命令可以安装icarus主题
1 | npm install -S hexo-theme-icarus hexo-renderer-inferno |
1 | hexo config theme icarus |
上述命令可以生产配置文件_config.icarus.yml
文件及样例配置文件。此时就可以按照http://ppoffice.github.io/hexo-theme-icarus/自定义主题,对不需要样式或者插件可以在配置文件中直接注释;可以参考样例配置文件_config.icarus.yml.example
进行配置。
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.
转载自:http://www.manongjc.com/detail/9-bayyqoeqtjoljpu.html
版本:Hexo 3以上
最近搭建hexo博客时遇到了图片部署后不显示的问题,如图:
上网找了很多方式都没有完美解决问题,后来查看了官方文档后终于解决了问题(完美解决),现在贴出来如下。建议以后大家遇到了问题也先去看看官方文档:https://hexo.io/zh-cn/docs
解决方案如下:
在根目录下配置文件_config.yml 中有 post_asset_folder:false改为true。这样在建立文件时,Hexo会自动建立一个与文章同名的文件夹,这样就可以把与该文章相关的所有资源(图片)都放到那个文件夹里方便后面引用。如这里我放了一张test.jpg的图片。
git bash安装插件: 1
npm install https://github.com/7ym0n/hexo-asset-image --save
插入图片时用这种方式: 1
{% asset_img test.jpg This is an test image %}
这样就能成功显示了,测试下吧:hexo cl && hexo g && hexo d
1 | 2. git bash安装插件: |
使用这个插件来引入图片(这是个修改过的插件,经测试无问题),而不是网上那些方法里说的用传统md语法相对路径的方法。 ```
将上面命令替换成: npm install hexo-simple-image --save
在markdown文件中使用 ![](./dir/image.png)
在图片路径钱必须加上"./",否则hexo g生成文件时会报错。