美文网首页黑科技
hexo博客图片问题

hexo博客图片问题

作者: 武安长空 | 来源:发表于2017-01-22 17:42 被阅读1180次

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

解决方式是使用CodeFalling/hexo-asset-image插件

1. post_asset_folder

首先确认_config.yml中有post_asset_folder:true

Hexo提供了一种更方便管理Asset的设定:post_asset_folder
当您设置post_asset_foldertrue参数后,在建立文件时,Hexo
会自动建立一个与文章同名的文件夹;以前的文章也可以自己手动创建同名文件夹。

2. 安装 hexo-asset-image

在hexo的目录下执行

npm install https://github.com/CodeFalling/hexo-asset-image --save

3. 使用

完成安装后用hexo新建文章的时候会发现_posts目录下面会多出一个和文章名字一样的文件夹。图片就可以放在文件夹下面。结构如下:

本地图片测试
├── logo.jpg
本地图片测试.md

这样的目录结构(目录名和文章名一致),只要使用

![](本地图片测试/logo.jpg) 

就可以插入图片。其中[]里面不写文字则没有图片标题。
生成的结构为

public/2016/3/9/本地图片测试
                ├── index.html
                ├── logo.jpg

同时,生成的 html 是

![](/2016/3/9/本地图片测试/logo.jpg)

而不是愚蠢的

![](本地图片测试/logo.jpg)

原文链接:http://www.jianshu.com/p/c2ba9533088a

相关文章

  • hexo博客图片问题

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

  • hexo博客图片问题

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

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

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

  • Hexo折腾之图片存储

    hexo博客弄好了,写博客遇到了一个最大的问题,就是图片的存放问题,看了一下litten的博客,他是把图片都存在自...

  • Gitee+Hexo搭建个人博客

    Gitee+Hexo搭建个人博客 用Hexo 3 搭建github blog Hexo图片显示(typora工具辅...

  • hexo+github搭建博客上传图片问题

    hexo 搭建博客上传图片问题 1、cd到博客等根目录下 查看_config.yml文件 查找 post_asse...

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

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

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

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

  • 管理用hexo写的博客的内容源码(md)

    在github上用hexo写博客的朋友会用碰到这样的问题:部署好博客(hexo deploy)后,发现在githu...

  • Hexo 中插入图片新姿式

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

网友评论

    本文标题:hexo博客图片问题

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