解决hexo图床图片无法显示的方法

最新推荐文章于 2024-08-24 08:15:57 发布

火龙果君

最新推荐文章于 2024-08-24 08:15:57 发布

阅读量1.7k

点赞数 4

文章标签： Hexo 图片显示 meta标签 referrer 博客问题

原文链接：https://www.jianshu.com/p/5b58ecce6443

版权

在hexo写文章，用了外链无法显示图片，搜索之后用了本地图片也无法显示，最终找到了解决方法

解决hexo引入图床，手机和web不显示图片的问题 - 简书 (jianshu.com)

\themes\butterfly\layout\includes目录下有一个head.pug文件，修改该文件的meta信息，会使生成的所有页面都带有该head。

添加以下内容后就能显示

meta(name="referrer" content="no-referrer")

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

火龙果君

关注关注

4
点赞
踩
9

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

hexo 本地图片不显示

99708

07-30

3719

修改文件_config.yml 里的post_asset_folder:这个选项设置为true 修改之后，再使用hexo n "hexo 本地图片不显示"时，目录的样子是 hexo 本地图片不显示 ├── 01.jpg ├── 02.jpg └── 03.jpg ... hexo 本地图片不显示.md 安装hexo-asset-image...

使用Hexo免费搭建个人博客教程

csdnxia的博客

10-18

3105

前言现在各种互联网博客非常的，常见的如CSDN、简书、掘金、博客园等平台，这些博客平台做的都很好，可以直接在上面注册自己的账号写文章，发表的文章在百度、Bing等搜索引擎上也能收到，但缺点是受于平台的各种限制，个人定制化不自由，而且大多数平台都会有各种广告。于是想到自己搭建一个博客网站，但对大多数人而言，自己购买服务器和域名来搭建博客成本实在太高的了，而且有点浪费，还需要定期维护，这时一种不错的选择就是使用第三方开源托管平台（GitHub、GitLab等）来当作我们的服务器，并使用快速简洁的博客搭建框架

2 条评论您还未登录，请先登录后发表或查看评论

hexo 图片不显示

LearningNote

04-12

1220

懒得再写一遍了。贴图原链接觉得有用，点个赞。有更好的方法请留言，谢谢。

【Hexo】hexo-butterfly主题添加装备展示页面

最新发布

慕雪华年的博客

08-24

913

本文首发于在翻开往的时候看到了一位老哥的博客里面正好有这个教程，整了一下发现效果还不错！注：文中的代码部分均引用自原博客。

Hexo图片不显示问题

喃灬疯的博客

09-20

915

Hexo无法显示图片的问题

lessCoder的博客

11-29

1211

图片存放位置设置如下：用typora，这样直接向其内拖图片即自动生成同名文件夹，并将图片放在文件夹中。如图所示。

Hexo 图片不显示

lwcxy966的博客

06-10

3539

title: Hexo 图片不显示 date: 2019/6/6 8:38:25 updated: 2019/6/10 20:45:30 comments: true tags: Hexo 图片不显示 categories: javaStudyPlan Hexo 图片不显示在搭建Hexo Blog 过程中出现了图片不显示，现记录起解决的方法：一.插件安装与配首先我们需要安装一个图片路...

解决GitHub图床图片无法显示的问题

让技术没有门槛

05-10

5591

1、前言今天使用Typora+GitHub+PicGo搭建了属于自己的笔记系统，GitHub和PicGo主要用来解决图片的问题，相当于使用GitHub作为图床，直接将图片上传到GitHub中，并在Typora中使用图片，解决上午图片还显示的好好的，下午就不显示了。进入GitHub也无法正常显示图片，在网上找教程找了半天也没解决，最后发现是DNS的问题，所以做一下记录，希望对大家的学习有所帮助！ 2、问题描述上午还好好的图片下午就不显示了，并且将图片链接复制到浏览器也不行。进GitHub发现图片上

Hexo Next 博客添加相册瀑布流

人至贱则无敌

09-25

1788

原文：https://rebootcat.com/2020/09/19/nextphotowall/ 前言一直没有时间来整理下博客搭建的一些事情，现在补上一篇，给 Hexo Next 博客添加一个相册功能，使用瀑布流的方式。原理说明使用 github 作为仓库存储图片文件（图床）使用 jsdelivr 进行图片 CDN 加速优点此种方式的优点是免费，不需要购买其他的对象存储产品；并且使用的是 github 作为图床，图片不会丢失。早期的博文使用的是七牛云的免费存储，结果后来被他们删掉.

centos7搭建hexo博客步骤

qq_45861317的博客

08-30

1121

安装插件 1、nodejs wget https://nodejs.org/dist/v14.17.4/node-v14.17.4-linux-x64.tar.xz tar -xvf node-v14.17.4-linux-x64.tar.xz mv node-v14.17.4-linux-x64 /usr/local/nodejs echo "export PATH=$PATH:/usr/local/nodejs/bin" >> /etc/profile source /etc/profile

hexo评论_手写一个Hexo评论系统（一）

weixin_34826752的博客

01-13

478

我的个人博客时使用Hexo构建的，个人觉得使用Hexo非常方便，而且主题也很好看。因为我的Hexo仓库推送地址同时配置了Github和Gitee，所以一个hexo d命令便可以通知部署到 zouchanglin.cn 和 zouchanglin.gitee.io 两个站点。唯一美中不足的就是Hexo缺少一款我比较满意的评论系统，所以决定自己手撸一个Hexo博客的评论系统，现在已经部署好了，去我的博...

博客搭建(基于hexo)

Soul Blog

12-18

563

准备工作博客框架：Hexo 博客主题：Fluid, Ayer, butterfly 主机：阿里云轻量级应用服务器配置：2核2G 60GB 图床：阿里云OSS 软件：oss-browser(阿里云OSS适配) 写作工具：Typora 图床软件：PicGo 博客备份：Github，Gitee，Onedrive 博客框架选择我采用的是Hexo作为我的博客框架，理由是：响应快速、内存占用小、文章格式统一（都使用markdown格式）、迁移能力强文档 | Hexo 博客

Github 图床无法正常显示图片-解决

@liz的笔记空间

03-07

960

Github 图床无法正常显示图片-解决

Hexo文章图片不显示

2301_77482405的博客

07-21

203

如果文章里的图片不显示就先正常在_post文件夹创建一个xxx.md文件，用md编译器的方法引用图片，图片存放位置为images文件夹下，就是和头像存放到一起，然后在GitHub中找到那个图片，复制路径地址，转换成raw格式的GitHub即可。下面是我的md编译器内容。

hexo无法正常显示图片的问题

云中客的博客

05-07

639

根据hexo官网的文档，想要添加图片，先npm install 一个hexo-asset-image的依赖，然后把_config.yml中的post_asset_folder设为true，这个配置的意思是每次new post一个博客，会增加一个和博客同名的文件夹，把图片放到文件夹里，最后用 --- title: test date: 2021-05-07 19:17:57 tags: vue --- ![a](./test/a.jpg) 这种写法就可以把图片引进来。然而鄙人多次引用无效，后查...

hexo无法显示本地图片的问题

kantaiyang的博客

02-22

978

hexo使用markdown语法无法正常显示本地图片问题的解决办法。

hexo下页面不显示图片

liutao43的博客

05-25

655

百度上大多数教程都是麻瓜…没有说到点儿上… hexo下页面不显示图片解决方案我的解决方案前两部和很多麻瓜教程一样,先在Git Bash下面输入下面的命令,下载个插件 npm install https://github.com/CodeFalling/hexo-asset-image --save 配置文件_config.yml 里的post_asset_folder:这个选项设置为true还是false，如果是true，那么会创建文章时会自动生成文章同名文件夹，不是true那就改成true. 这样创建

hexo图片显示不出且图片路径错误/.com//

sluck_0430的博客

03-03

851

先说如何让hexo图片成功显示出来，再说为什么会出现以下 /.com// 情况

解决hexo图片无法显示问题

qq_43000128的博客

11-11

845

可以发现和md文件一起创建出来的还有一个文章名为名称的文件，该文件就是文章的资源文件夹，生成博客时文章中引用资源的默认路径就在该文件夹下。命令创建新文章时，会生成一个和文章名字相同的文件夹，也就是文章资源文件夹。hexo是一个快速、简洁且高效的博客框架，可以帮助我们快速部署个人博客。之后把需要使用的图片资源放入文章对应名称的文件夹中，在文章中使用。使用过程中有的小伙伴可能遇到图片无法显示的问题，之后使用命令生成博客后就可以看到成功显示图片啦！如果有错误的地方还请各位大佬指正~~当该配置被应用后，使用。

hexo博客上传图片

10-25

在Hexo博客中上传图片可以通过以下步骤完成： 1. 在Git Bash中使用命令“hexo new [文章名]”创建一篇新文章。 2. 打开新文章的md文件，设置图片根目录为source。 3. 将需要上传的图片放入source文件夹下的imgs文件夹中。 4. 在md文件中插入图片，格式为“![图片描述](/imgs/图片文件名)”，其中“/imgs/”为图片存放的相对路径。 5. 使用命令“hexo clean”清除缓存，然后使用命令“hexo g”生成静态文件，最后使用命令“hexo s”启动本地服务器。 6. 访问http://localhost:4000即可查看博客页面，其中插入的图片也会显示出来。