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

  1. Hexo使用细节及图片不显示问题
    1. 图片不显示
      1. 第二步
    2. 修改文章模板

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

本文章向大家介绍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,这样你会觉得很麻烦。所以这里我说下修改模板的方法,解决你每次都要写重复的内容

  • 打开你的博客目录下的 scaffolds - post.md 文件

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

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

文章标题:Hexo使用细节及图片不显示问题

文章字数:697

本文作者:Zevs

发布时间:2019-08-15, 16:39:11

最后更新:2019-08-15, 16:52:57

原始链接:http://zhsh666.xyz/2019/08/15/Hexo使用细节及图片不显示问题/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏

相册 图床 主题切换