美文网首页黑科技
关于hexo博客图片插件问题

关于hexo博客图片插件问题

作者: 程序员小锅锅 | 来源:发表于2019-07-25 11:54 被阅读0次

直接入正题

最近在github上用hexo搭建了自己的博客,感觉还行

搭建过程中途遇到了不少坑,好在用的人还比较多,大多都能找到解决方案

hexo-asset-image插件不能用的问题

这个插件我猜是没有更新及时支持新版的hexo,我的是3.9.0 (可以通过 hexo -version 命令查看版本)

安装hexo-asset-image的时候就不太正常,如下图

安装时提示有漏洞 MD源文件中的图片,本地编辑工具能正常显示 部署以后却是这样子的,本应该是换成绝文章目录的地方竟然是".com"

之前根据网上的教程找的hexo文章插入图片的教程大多都是让装hexo-asset-image这个插件, 可是我装好以后发现有问题,生成的html图片路径是"/.com/xxx.jpg"这样的,明显不能访问

于是去官网看了下文档,官网显示新版的hexo已经加入了图片标签的支持,如下图:

有问题还是应该先找官方文档

post_asset_folder:true 这个参数设置为true后(_config.yml文件中),每次new命令创建文章的时候就会生成同名的资源文件夹,部署的时候就会把资源文件同步上传到文章目录下

在发布文章时,先把我们要用到的图片放到文章目录下面的同名目录 ,比如我 hexo new test这样就会在_post目录下面生成test.md文件和test目录,test目录就是这篇文章的资源目录

使用官方提供的标签(老版本的好像没有)

假如我们要插入一张a.jpg的图片,就先复制图片到test目录下面,然后在需要插入图片的地方插入标签 {% asset_img a.jpg [图片描述] %},发布的时候就能正常显示了

使用markdown方式插入图片

后来又发现可以直接使用传统的md规范的方式来插入图片,如:"![图片描述](a.jpg)" 注意这里跟使用hexo-asset-image插件的方式去区别是更简化了,都不需要写相对目录了,只写文件名就行,hexo会从默认的文章目录下面同名目录下找到资源文件

相关文章

  • 关于hexo博客图片插件问题

    直接入正题 最近在github上用hexo搭建了自己的博客,感觉还行 搭建过程中途遇到了不少坑,好在用的人还比较多...

  • Hexo 中插入图片新姿式

    Hexo 博客插件,post 中随意引用本地图片、远程图片,插件将自动处理图片 copy 与 download及引...

  • Hexo使用markdown插入图片无法显示解决方法

    hexo发布博客时,文章中引用的本地图片总是无法显示。hexo默认无法处理文章插入本地图片,需要通过扩展插件支持。...

  • Hexo 博客 之 简要美化

    写在前面 这是关于 Hexo 博客三篇博文的第二篇。关于 Hexo 博客 NexT 主题的简要美化和一些简单插件的...

  • hexo博客图片问题

    15年开始用hexo搭建博客,开始的时候觉得还不错。用着用着感觉图片是一个问题。最开始的时候用七牛来存储图片。 图...

  • hexo博客图片问题

    hexo博客图片的问题在于,markdown文章使用的图片路径和hexo博客发布时的图片路径不一致。 解决方式是使...

  • Mac上搭建基于GitHub的Hexo博客

    01 Mac上搭建基于GitHub的Hexo博客 HexoMac上搭建基于GitHub的Hexo博客 hexo插件...

  • 利用hexo在github上搭建博客

    环境:nodejs仓库:github博客:hexo:https://hexo.io/zh-cn/管理插件:hexo...

  • Hexo站点的优化方法2

    使用hexo插件 安装在博客根目录下执行npm install hexo-service-worker hexo-...

  • HEXO博客文章图片展示问题

    HEXO博客文章图片展示问题 1. 发现问题 在HEXO发布的博文中,查看网页中的文章时,发现文章中的图片均不能查...

网友评论

    本文标题:关于hexo博客图片插件问题

    本文链接:https://www.haomeiwen.com/subject/aowcrctx.html