Hexo使用细节及图片不显示问题

搭建技术

创建时间:2019-08-15 16:39

字数:697 阅读:

评论:

本文章向大家介绍Hexo使用细节及图片不显示问题，需要的朋友可以参考一下

图片不显示

在使用过程中，会发现有的引用图片无法显示的问题。但是如果直接复制图片地址到浏览器打开的话显示正常

153579233815357B3A9v2338

403 forbidden，说明了这个网络资源这样获取是被拒绝的，那么通过简单的百度，找到了相关的解决方法，并去实际尝试：

（注：至于我们引用的链接有的可以显示有的却依旧无法显示的问题，是因为有的图片是防盗链接，我也是刚知道，嘻嘻嘻！）

第一步

1.找到Hexo下的_config.yml里的post_asset_folder，把这个选项从false改成true。

2.在Hexo目录下打开Git Brsh，执行一个下载上传图片插件的命令npm install hexo-asset-image –save。

npm install https://github.com/CodeFalling/hexo-asset-image --save

3.继续在Git Brsh下利用hexo n “Hexo上传的图片在网页上无法显示的解决办法”来生成md的文件（” “里的内容填自己的文件名），这时就会在同级的目录下生成一个同名的文件夹。

1.在.md的文件中要插入图片时，先要把所要插入的图片放在生成的同名文件夹下。

2.只需要在头部添加一个typora-root-url: ..\source`设置图片的根目录

当然在Hexo中呢，应该在你的 md文件中添加meta，如下：

title: Hexo使用细节及图片不显示问题
typora-root-url: ..\source  //设置图片根目录
date: 2019-08-15 16:39:11
tags:
categories:

这样只要你在每篇文章中添加这行就可以解决图片不显示的问题啦！

3.先要把所要插入的图片放在生成的同名文件夹下，在利用markdown将文件拖入文章中。

4.最后再提交一下

hexo clean

hexo g

hexo d

到这里，我们就成功啦！

由于每一篇都要这么写比较麻烦，我个人尝试了很多次才总结出的经验，搞得我眼花缭乱哈哈哈！

每当你使用命令 hexo new '文章名称' 新建一篇文章时，你可能需要在里面书写 typora-root-url: ..\source //设置图片根目录 ，或者还要写 meta，这样你会觉得很麻烦。所以这里我说下修改模板的方法，解决你每次都要写重复的内容

title: Hexo使用细节及图片不显示问题
date: 2019-08-15 16:39:11
tags:
categories:
typora-root-url: ..\source  //设置图片根目录

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以加QQ（2602138376）