hexo搭建博客后图片无法显示的完美解决

在博客搭建完成之后，要显示图片，把图片直接引用之后发现无法显示，查了好多文章试了都不起作用，其实他们的内容都是对的，但是少了一步，所以导致了图片加载不出来。

那么我们就来看一下如何操作：

1.要添加图片，先npm install 一个hexo-asset-image的依赖

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

2.然后把_config.yml中的post_asset_folder设为true，这个配置的意思是每次new post一个博客，会增加一个和博客同名的文件夹。

比如我将post_asset_folder设为true之后hexo new post "first-page"之后新建了一篇文章，就会同时在hexo/source/_post文件夹下生成一个.md文件和一个同名文件夹，文件夹存放文章中的图片

3.把图片放到.md文件的同名文件夹"first-page"里，最后在.md文件中引用图片

![图片描述]（./包名/NO.01.001.jpg）

比如我就引用作

![](./first-page/NO.01.001.jpg)

4.保存文件的修改之后，在命令行输入hexo clean,接着输入hexo g --d。在浏览器输入域名后查看相关文章，显示图片成功！！！

hexo搭建博客后图片无法显示的完美解决相关推荐

Markdown入门和解决MD文件上传博客后图片无法显示问题
文章目录 Markdown基础和解决MD文件上传博客后图片无法显示问题一.常见文本操作 1.标题一级标题二级标题三级标题四级标题 2.代码块 3.字体 4.引用 5.分割线 6.超链接 7. ...
hexo博客本地服务器显示正常,Hexo 搭建博客本地运行常见报错及解决办法
作为一名在hexo方面的新手,我在使用hexo编辑文档时遇到了很多问题,hexo generate编译的时候遇到了各种错误. 在此将这些错误及其解决方案记录下来,以便日后查证之用,同时,也可给各位在遇 ...
基于hexo搭建博客后更换主题butterfly
上一篇文章,介绍了如何利用 hexo+github pages 搭建个人博客.那么这篇文章则以我的博客为例详细教你打造个性超赞博客的主题. 现如今用的人最多的是next这个主题,而本人在昨天发现一个神 ...
hexo点击博客后标题不显示
hexo点击博客后标题不显示电脑修好后重新配置了hexo博客的环境,但是发现点击博客后标题不显示,如图片样子想想应该是上传时的编码问题,因为上传标题乱码了, 目前没有找到通过乱码的解决方法,但 ...
使用Hexo搭建博客并部署到Github
一.博客环境搭建 Hexo 是一个静态博客框架,基于 Node.js,将 Markdown 文章通过渲染引擎,生成一个静态网页,再结合 Git 命令(ssh),Hexo 是一个快速.简洁且高效的博 ...
Hexo搭建博客教程-基于Butterfly主题
title: Hexo搭建博客教程 tags: Hexo 博客教程 categories: Hexo keywords: 'Hexo,博客教程' description: Hexo搭建博客,以及主题b ...
建站规划—基于私有化gitlab/node+hexo搭建博客网站
目录概述建站方案及成本建站方案成本低成本替代方案概述本合辑(建站合辑)将介绍如何基于私有化gitlab+pages+Hexo搭建博客网站,由于域名备案周期较长,因此更新可能较慢.根据功能 ...
用Github Pages+Hexo搭建博客之(八)Hexo博客Next主题添加统计文章阅读量（访问量/浏览量/阅读次数）功能
[置顶][专栏]用Github Pages+Hexo搭建博客文章目录 [置顶][专栏][用Github Pages+Hexo搭建博客](https://blog.csdn.net/qq_342439 ...
详解Hexo搭建博客的底层原理
文章目录前言 Github page Hexo 工作原理每次部署的流程模板引擎--Hexo怎样生成HTML 数据填充配置文件中的数据配置文件中数据的使用总结前言在2021年初对照着攻略 ...

hexo搭建博客后图片无法显示的完美解决

hexo搭建博客后图片无法显示的完美解决相关推荐

最新文章

热门文章