Hexo文章中如何插入图片

最新推荐文章于 2023-11-29 21:34:12 发布
最新推荐文章于 2023-11-29 21:34:12 发布
阅读量1.1k 收藏 9
点赞数 3
分类专栏： 随笔
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47415152/article/details/108606956
版权

在hexo中发表文章时发现自己的图片无法显示，这是因为hexo在解析你的文章时找不到你的图片路径，下面说一下如何配置文章中的图片路径

打开在hexo根目录下的 _config.yml 配置文件，找到 post_asset_folder 属性，默认为 false 改为 true

在hexo根目录下执行如下命令

cnpm install hexo-asset-image

此时再执行命令 hexo n article_name 创建新的文章，在 source/_posts 中会生成文章 post_name.md 和同名文件夹 post_name,我们将文章中所使用到的将图片资源均放在 post_name 中，这时就可以在文章中使用相对路径引用图片资源了
![img_name](img_name.jpg) #文章中的图片资源路径格式

利用Hexo在博客中插入本地图片（无需外链）|Zam9036博客
Zam9036博客
02-28 1751
前言 ​ 在用Hexo写博客的过程中我们往往需要在博客中插入图片。MarkDown中插入图片有两种方式：一种是使用外链，一种是使用本地图片。而如果使用外链图片，我们需要找好用的图床，以防图片链接不定时挂掉，这大大增加了写博客的时间成本。本地图片如果使用绝对路径会导致上传到Github上时链接不到，所以本文提供了一种利用本地图片的相对路径的方式来插入图片。 思考 ​ 我们在启用博客主题时会发现，博客...
hexo文章插入图片方法小结
u014155600的博客
02-09 1404
hexo插入图片方法总结
在hexo博客中插入图片的方法
2301_77285173的博客
04-16 6458
在使用网上的方法上传图片之后，我仍然遇到“图片无法显示”的问题，查阅官方文档并自己实践后，终于解决了，现将几种插入图片方法的步骤整理如下。在hexo文件夹下的source目录下，新建一个文件夹叫images(名字随意)，将要插入的图片放在该文件夹中。命令创建一篇新文章，此时会在hexo文件夹的source目录下，自动创建一个文件夹和.md文件。添加图片，可以在md文档中，通过下面的方式引用图片，其中双引号内的图片title可省略。这里的 / 指的是根目录，对于hexo，资源文件的根目录就是source。
hexo给文章插入图片、进行图片样式控制
玖涯博客
11-30 3791
写在前面 在hexo插入图片这方面花了不少时间，原本使用了大佬的插件，一直没成功，然后找到了使用“{%%}”插入图片的解决方法，下文描述了hexo怎么使用“![]()”插入图片、怎么使用“{%%}”插入本地图片和大佬插件使用上的一点问题（可能大佬已经修复这个问题了，那就当我没说[小声逼逼]）。 本文使用到的东西 win10电脑 hexo 1.文章插入图片 hexo文章是markdown格式的，...
hexo之在文章中添加图片
tangzhihui520的博客
04-11 611
我用的是yilia主题！ 首先设置站点配置_config.yml:将post_asset_folder: false 改为post_asset_folder: true 安装插件: npm install https://github.com/CodeFalling/hexo-asset-image -- save 运行hexo n “例如hello world”,生成XXXXX.md博文时就会在/source/_posts目录下生成hello world的文件夹 将你想在hello world博文中插入
Hexo文章中插入图片的方法
Fitz的博客
01-19 1万+
前言 我之前都是先在CSDN上写好要发布的文章，然后再导出为Markdown文件。然后我就直接将文件复制到_post文件夹下，就行depoly,发布到我的博客网站上，我自己在电脑上浏览是正常的，图片也都能正确的显示出来，但是今天有个评论说不显示图片。我换了手机浏览博客，果然不显示。 解决方法 设置站点配置_config.yml:将post_asset_folder: false改为post_as...
hexo入门学习（四）：文章（带图片）
Android_MSK的博客
07-12 8318
欢迎查看我的个人博客,由于hexo和CSDN的图片存储不同在此无法体现，但是也可以同步到七牛云。在后面的文章会介绍到。
hexo写博客时怎么插入图片
糖长老莫小贝的博客
05-11 4951
1.把主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true（如果没有就不用管了） 2.在cmd中你的hexo目录下执行这样一句话npm install hexo-asset-image –save，这是下载安装一个可以上传本地图片的插件 3.安装完成后，再运行hexo n “title”来生成md博文时，/source/_posts文件夹内除了tit...
hexo-insert-image:A small plugin use to insert the image into the source post of Hexo base on Atom. 在Atom写Hexo文章时用以插入图片的小插件
04-30
当我们想在hexo的markdown文件中插入图像时，这很复杂。 因此，我为Atom编写了此插件，以便于插入图像。 安装 命令： apm install hexo-insert-images 重新启动Atom或以下shift+command+P命令： Window: Reload ...
在Hexo搭建的博客中插入音乐或者视频
倚马古道
04-25 5089
原文地址在Hexo搭建的博客中插入音乐或者视频 用hexo搭建博客后，记录了自己生活和学习中的很多事情。今天偶然想到能不能在博客中插入音乐和视频呢？然后就开始了今天的历程。。。。 hexo-tag-aplayer hexo-tag-aplayerAPlayer 播放器的 Hexo 标签插件（现已支持 MetingJS）。 安装 npm install --save hexo-tag-aplaye...
hexo文章中插入图片
godkun的博客
06-09 2218
使用markdown写文章，插入图片的格式为图片名称，这里要说的是链接地址怎么写。 对于hexo，有两种方式： 使用本地路径：在hexo/source目录下新建一个images文件夹，将图片放入该文件夹下，插入图片时链接即为/images/图片名称。
【Hexo】hexo在文章中添加图片
热门推荐
_cheny
04-10 2万+
hexo 添加图片插件 安装图片插件 npm install hexo-asset-image --save 在_config.yml配置文件中，修改为 post_asset_folder: true， 然后新建一篇文章 hexo new post ceshi 这个时候会出现一个ceshi.md 和 ceshi的文件夹 然后就可以在文章中引用了 重新编译一下 然后启动服务 当然也可以...
hexo图片添加的好用方法
最新发布
elexiangchirou的博客
11-29 1573
title: hexo图片问题。
Hexo插入图片
Alex的博客
08-28 1322
Hexo插入图片 版本：Hexo5.0.2（Hexo3以上即可） 解决方案如下： 修改配置文件 在根目录下配置文件_config.yml 中有 post_asset_folder:false改为true。 这样在建立文件时，Hexo会自动建立一个与文章同名的文件夹，这样就可以把与该文章相关的所有资源（图片）都放到那个文件夹里方便后面引用 我这里放的图片是：sky2.jpg 安装插件：hexo-asset-image(插件经测试无问题) npm install https://github.com/7y
hexo文章中插入图片问题
Lval的博客
03-04 3202
hexo内本地图片直接引入无法显示问题 把主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true 在根目录下输入npm install hexo-asset-image –save，这是下载安装一个可以上传本地图片的插件 再运行hexo new “xxxx”来生成md博文时，/source/...
Hexo框架下写文章图片引用问题
YYT
03-24 860
最近尝试了下自己用github和hexo搭建一个自己的网站，然后在用markdown写文章后，生成静态文件，把网站部署到服务器上的时候，发现引用的图片无法显示。于是上网查了一些解决方案，最后的解决方式如下，就ok了。 修改hexo框架下的_config.yml,将post_asset_folder:设置为true，如下： 在Hexo目录下右键单击git bash here,在命令端输入npm...
Hexo添加图片
sampsonjun的博客
08-27 270
前提：修改_config.yml配置文件post_asset_folder项为true 创建博客是使用命令创建 hexo new Hexo添加图片 使用完命令之后，在source/_post文件夹里面就会出现一个“Hexo添加图片.md”的文件和一个“Hexo添加图片”的文件夹 以下图片代码段 目录结构 ...
hexo博客图片问题
weixin_30265171的博客
04-05 89
hexo博客图片问题 第一步 首先确认_config.yml中有post_asset_folder:true。 Hexo 提供了一种更方便管理 Asset 的设定：post_asset_folder当您设置post_asset_folder为true参数后，在建立文件时，Hexo会自动建立一个与文章同名的文件夹，您可以把与该文章相关的所有资源都放到那个文件夹，如此一来，您便可以更方便的使...
hexo图片插件
yatbfm的博客
10-13 100
Hexo图片插件
hexo使用oss插入图片教程
10-17
好的，下面是使用 Hexo 插入图片到阿里云 OSS 的教程： 1. 安装 hexo-deployer-aliyunoss 插件 在 Hexo 博客根目录下执行以下命令： ``` npm install hexo-deployer-aliyunoss --save ``` 2. 配置插件 在 Hexo 博客根目录下的 `_config.yml` 文件中添加以下配置： ``` deploy: type: aliyunoss region: <OSS Bucket 所在地域> accessKeyId: <Access Key ID> accessKeySecret: <Access Key Secret> bucket: <OSS Bucket 名称> prefix: <OSS Bucket 中存储博客文件的路径> acl: public-read ``` 其中，`region`、`accessKeyId`、`accessKeySecret`、`bucket`、`prefix` 都需要替换成你自己的信息。 3. 上传图片 将图片上传到 OSS Bucket 中，可以使用阿里云官方提供的 [OSS Browser](https://oss.console.aliyun.com/overview) 工具或者其他 OSS 客户端工具。 4. 插入图片 在 Markdown 文件中插入图片时，使用以下格式： ``` ![图片描述](https://<OSS Bucket>.<OSS Bucket 所在地域>.aliyuncs.com/<存储博客文件的路径>/<图片文件名>) ``` 其中，`<OSS Bucket>`、`<OSS Bucket 所在地域>`、`<存储博客文件的路径>`、`<图片文件名>` 都需要替换成你自己的信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值