hexo博客本地图片的正确打开方式

最新推荐文章于 2023-11-29 21:34:12 发布
最新推荐文章于 2023-11-29 21:34:12 发布
阅读量336 收藏
点赞数
分类专栏： hexo博客 文章标签： git github css node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45353822/article/details/106383323
版权

看到很多玩hexo的小伙伴引用本地图片出错

本来我也是在激活插件后，给出图片路径，然而还是失败，尝试后发现，不需要给具体路径，直接文件名加格式就行了。
举例如下：

  1. 把要引用的图片放入同名文件夹
  2. ！【图片描述】（xxx.png）
  3. 在文章开头增加 post_asset_folder: true
暗夜的幕布
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
blogPicture:hexo博客相册图片
03-15
在Hexo博客框架中，创建一个相册图片功能可以极大地丰富博客内容，让读者更好地欣赏和理解你的文章。"blogPicture:hexo博客相册图片"这个项目很可能是一个专门用于在Hexo博客中展示相册的插件或者教程。虽然没有具体...
Hexo博客搭建文件（next主题）
12-07
Hexo博客搭建是一个深受开发者喜爱的过程，它是一个基于Node.js的快速、简洁且高效的博客框架。在本案例中，我们关注的是使用Next主题来构建个人博客。Next主题以其优雅的设计和丰富的功能，成为Hexo用户中的热门...
hexo插入本地图片
weixin_45419466的博客
08-01 390
1.安装插件 npm install https://github.com/CodeFalling/hexo-asset-image -- save 不要使用以下这个 npm install hexo-asset-image –save 这个bug的 2.修改配置文件 设置站点配置_config.yml:将post_asset_folder: false改为post_asset_folder: true 修改之后，当我们创建一个新博客的时候，会出现一个同名的文件夹，我们需要把图片放到那个文件夹里，这里
hexo配置本地图片
逆光世间
11-13 298
1. 修改配置文件1 2 3 vi /blog/_config.yml post_asset_folder: true 2. 安装hexo-asset-image1 2 在hexo目录执行 npm install https://github.com/CodeFalling/hexo-asset-image --save 3. 使用1 hexo n "git...
hexo导入本地图片
qq_41706280的博客
03-02 412
复制过来又要重新引入图片代码什么的，太繁琐了 请移步 我的博客
hexo相关的图片地方
aming2的博客
07-05 197
hexo引用本地图片无法显示
热门推荐
Ericam_
11-15 4万+
最近重新开始用起hexo，但是发现在文章中引用本地图片时总是显示不出来。 问题如下图所示。 花费了许久时间才解决这个问题。 因此将一些解决经验整理出来，希望能帮助到大家。 一、插件安装与配置 首先我们需要安装一个图片路径转换的插件，这个插件名字是hexo-asset-image npm install https://github.com/CodeFalling/hexo-asset-image...
hexo实现个人博客网站
08-09
利用hexo整合，实现个人博客网站。增加了各种特效效果，菜单分栏、分类、主题适配。通过markdown编写文章，增加分类等等。利用hexo整合，实现个人博客网站。增加了各种特效效果，菜单分栏、分类、主题适配。通过...
图片：Hexo博客的Github图床
03-02
图片Hexo博客的Github图床
hexo-images-watermark：hexo开发的本地图片水印插件
02-26
一款用于Hexo静态博客网站生成时对图片添加水印。 不对原图产生任何影响，在网站静态页面重建过程中将原图重新读取，输出添加了水印的图片。 在建造的静态网站中不会存在原图，只存在水印图片。 一定要阅读最后的...
hexo文章插入本地图片的方法
奇怪的老司机
02-20 3299
hexo装好后，发现它只能引用站外图片，这让有本地化需求的我不能接受，搜到hexo-asset-image插件可以实现文章插入本地图片的目的。具体操作如下：1，进入博客目录，安装该插件npm installhttps://github.com/CodeFalling/hexo-asset-image –save注意不要用下面的命令，这个版本有bugnpm install hexo-asset-...
hexo图像转接--hexo引用本地图片无法显示
lijieling123的博客
05-15 121
在文章中引用本地图片时总是显示不出来，只能先贴到csdn之后复制URL，先土土地这样用吧，这样还不占本地内存
hexo图片文件
weixin_42042288的博客
07-07 141
hexo图片文件
Hexo中添加本地图片问题汇总与解决方案
qq_59153970的博客
05-05 2018
Hexo中添加本地图片 fatal remote error 128 hexo-asset-image
Hexo使用添加本地图片不用图床 的完美解决方案
滕青山博客
01-25 814
1 问题 图床非常不稳定，现在新浪图床已经打不开了。所以最安全的方法还是放在自己的站点。 早期的方法是放在source/images文件夹中。然后通过类似于![](/images/image.jpg)的方法访问它们。这种缺点是无法在本地编辑器中查看。因为路径是相对source的，而在编辑md文章时候，md文章所在目录可没有/images。 在 hexo 2.x 时出现的插件，后来被吸纳进 hexo 3 core ，用法的介绍见资源文件夹 | Hexo。比较尴尬的是，这种方法直接放弃了 mark...
搭建个人博客(一)：Hexo本地的使用和配置
qq_42983502的博客
06-13 390
最近突然想搭建自己的个人博客,这会完工了，准备吧过程分享给大家，包括主题的修改等，废话不多说了 上效果:https://w714860761.github.io/ 一、准备工作 1. 了解Hexo Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 2. git版本控制工具 Git是一个免费的、开源的版本控制软件。在Windows上安装git，一般为msysgit， 官方下载地址 :http://code.goo
hexo 文章图片本地显示成功 外部访问不显示图片的问题
qq_43613808的博客
08-22 454
因为CSDN里面写文章是用markdown语法，可以直接导出markdown语法的.md文件。但是导出到hexo后，文章插入图片后在本地可以显示，外部访问图片显示失败。 step1.打开站点配置文件，post_asset_folder默认的值是false，改成true post_asset_folder:true step2.新建文章：hexo new “文章名”，新建后在source/_po...
hexo图片添加的好用方法
最新发布
elexiangchirou的博客
11-29 1386
title: hexo图片问题。
【杂谈】hexo网站next主题背景图片和超链接颜色问题
jhgjhg225的博客
06-19 562
打开根目录 创建文件 , 添加以下内容注意:图片的地址不用改, 但是要将想要改的图片放到 并将图片改名为 网站超链接颜色: 打开 路径下的 , 并在底部添加如下代码 颜色码链接: RGB颜色值与十六进制颜色码转换工具 (sioe.cn)注意: 本文仅针对next主题.对于 Muse 和 Mist主题, 其侧边栏的配置文件为 对于 Pisces和 Gemini主题，其侧边栏的配置文件为 在 文件底部添加如下内容 修改侧边栏中头像下方的作者姓名和描述的字体颜色, 需要在 中修改...
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即可查看博客页面，其中插入的图片也会显示出来。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值