解决：Hexo安装abbrlink插件后asset-image无法显示图片

最新推荐文章于 2024-08-24 09:07:40 发布
最新推荐文章于 2024-08-24 09:07:40 发布
阅读量875 收藏
点赞数
分类专栏： 问题解决 文章标签： github node.js git java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Copanko/article/details/105428249
版权

请通过问题描述确定你的问题与本文问题相同
此问题出现于安装abbrlink后

问题/错误

安装后cmd中图片的链接变为
在这里插入图片描述
博客中查看图片出现
在这里插入图片描述

解决方案

打开源文件\node_modules\hexo-asset-image\index.js
修改

var endPos = link.length-1;

为

var endPos = link.length-5;

如图灰框所示
在这里插入图片描述

如有问题请访问本人站点
江城畔口の小站
以获得更好体验

Copanko
关注
专栏目录
Hexo中插入图片hexo asset image
Yu's Notes
06-20 1433
自己原创文章link: https://wangxiaoyu-go.github.io/2018/11/18/hexo-asset-image/ 以下原文复制： 介绍一下使用中的hexo插入图片的方法。 github参考link Table of Contents 安装插件 编辑配置文件 图片插入时的语法 安装插件 npm 安装 npm install hexo-as...
hexo-typora-plugins:hexo typora，hexo的插件-typora
04-30
Hexo Typora插件 六o :red_heart: Typora monorepo 配套 解决使用post_asset_folder: true时出现的路径问题post_asset_folder: true 执照 麻省理工学院
hexo-abbrlink导致图片不能显示
he_han_san的博客
11-07 900
在安装了hexo-abbrlink后博客图片无法正常显示（用的是hexo-asset-image） 之前_config.yml中配置如下 permalink: archives/:abbrlink.html 在hexo g后时观察到，文章中的连接被重定向的位置，与图片在public中的文件位置不相符 解决： 根据参考重写_config.yml permalink: posts/:abbrlink...
探索Hexo新境界：hexo-asset-image插件全面解析
最新发布
gitblog_00034的博客
08-24 639
探索Hexo新境界：hexo-asset-image插件全面解析 hexo-asset-image项目地址:https://gitcode.com/gh_mirrors/hex/hexo-asset-image 在动态且充满创意的博客搭建领域，Hexo框架以其简洁高效备受青睐。今天，我们将目光投向一个专为Hexo打造的小而美的增强工具——hexo-asset-image，一款自动将资产图片赋予绝...
【Hexo】hexo-asset-image在hexo6.3.0下的使用以及与abbrlink插件的修改
kurapika_030的博客
05-10 637
Hexo-asset-image已经在2020年archived了，但Hexo还在更新，所以笔者在hexo6.3.0下使用该插件时便出现了图片引用出错的问题。
hexo-asset-img | Hexo 本地图片插件: 转换 图片相对路径 为 asset_img
studyla的博客
12-11 1872
Hexo 本地图片插件: 转换 图片相对路径 为 asset_img 仓库- GitHub: github.com/yiyungent/hexo-asset-img- Gitee: gitee.com/yiyungent/hexo-asset-imgQQ群: 894031109 介绍 使用本插件 即可实现 Typora 等 Markdown 编辑器预览 与 Hexo 发布预览 均能正常显示图片 使用 npm install hexo-asset-img -...
hexo-simple-image:hexo图像插件
04-30
设置选项后，在创建新文章时，将自动生成一个文件夹来放置图片。 + source + _post + new_post.md + new_post + new_post.png 之后，您可以像 ![ my post image ](./new_post/new_post.png) 旧邮报 您应该手动...
hexo-abbrlink:为hexo的每个帖子创建一个唯一链接
05-08
十六进制链接 ... permalink: posts/:abbrlink/ 有两种设置： alg -- Algorithm (currently support crc16 and crc32, which crc16 is default) rep -- Represent (the generated link could be presented
hexo-image-cdn:hexo七牛云图片cdn同步上传插件
05-02
该插件基于hexo-deployer-qiniu修改，个人觉得添加qnimg标签太麻烦，与原生markdown语法不自然，感觉很鸡肋，因此删减了大部分功能，仅保留文件上传的部分。 使用 安装命令 npm install hexo-image-cdn --save _...
hexo文章插入的图片加载失败(有效）
qq_43020209的博客
12-01 926
试过hexo-asset-image 失败 以下方法成功显示图片。 npm install hexo-filter-image --save 在source_posts下创建和文章名一样的文件夹，放图片 文章中markdown插入语法： 将根目录_config.yml中post_asset_folder更改为true ...
hexo-image-link:当MD中引用本地文件时，处理生成的html中的图片链接
05-10
hexo-image-link When enabled hexo post_asset_folder: true, convert the markdown image path to asset_img syntax, to make the image display both in typora and hexo. ![image file label](./markdown-file-name/local-image.png) -> {% asset_img label local-image.png %} 在Hexo启用post_asset_folder: true选项后，将Markdown语法的图片路径转换为asset_img的方式，使图片能够在使用typora编辑和hexo预览发布时都能正常显示。 hexo-asset-image's problem 网上很多资料提示使用
使用hexo-asset-image在hexo博客中插入图片
weixin_43694227的博客
01-21 736
使用hexo-asset-image在hexo博客中插入图片
使用Hexo-asset-image插件导致静态图片路径出错-Hexo采坑(二)
Java Developer Blog
07-16 2262
介绍 Hexo 官方提供的静态资源管理功能十分的鸡肋, 并且推荐我们通过安装 hexo-asset-image 来管理自己的静态图片. 故障描述 使用 Hexo-asset-image 插件静态图片路径会变成一个错误的路径. 我们可以看到错误的 URL 中, 在 host:port 后, 明显多了一个 .cn 的资源目录, 这在使用域名部署的时候, 明显是不正确的 错误: http://blog.diswares.cn/.cn/java-multithreading-thread-pool/juc-thr
hexo-asset-image使用方法
LiuChengYu520的博客
09-12 6224
hexo-asset-image 使用起来很简单，页面引入图片的方式也是md以前的语法 安装 npm install hexo-asset-image --save 例子 文件结构： MacGesture2-Publish ├── apppicker.jpg ├── logo.jpg └── rules.jpg MacGesture2-Publish.md 确保 _...
使用hexo-abbrlink及解决与hexo-asset-image不适配的问题
zino00的博客
01-28 987
安装使用hexo-abbrlink来生成惟一的不带中文的博客链接及解决与hexo-asset-image不适配的问题
hexo 安装插件hexo-asset-image图片插入不成功
m0_72761863的博客
02-25 207
hexo图片插入不成功路径多/.io
hexo下页面不显示图片
liutao43的博客
05-25 641
百度上大多数教程都是麻瓜…没有说到点儿上… hexo下页面不显示图片解决方案 我的解决方案前两部和很多麻瓜教程一样,先在Git Bash下面输入下面的命令,下载个插件 npm install https://github.com/CodeFalling/hexo-asset-image --save 配置文件_config.yml 里的post_asset_folder:这个选项设置为true还是false，如果是true，那么会创建文章时会自动生成文章同名文件夹，不是true那就改成true. 这样创建
在博客主题为 hexo 的文章中插入图片
qq_43600542的博客
07-31 403
工具需要 工具地址 按照说明，安装工具即可，安装命令如下： npm install hexo-asset-image --save 文件配置 在根目录的配置文件 hexo\_config.yml 中将 post_asset_folder: false 改为 post_asset_folder: true 这个配置使得在新建文章的同时还会新建同名文件夹 新建文章的命令 hexo new xxx(名字) 或 hexo n xxx 改为 true 后使用 hexo n 命令新建文章时的目录结构： name.md
npm install hexo-renderer-pug hexo-renderer-stylus --save
02-23
npm install hexo-renderer-pug hexo-renderer-stylus --save 是一个命令，用于安装 Hexo 博客框架所需的两个插件：hexo-renderer-pug 和 hexo-renderer-stylus。这两个插件分别用于渲染 Pug（以前称为 Jade）和 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值