博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Hexo中添加本地图片
阅读量:4947 次
发布时间:2019-06-11

本文共 696 字,大约阅读时间需要 2 分钟。

First

1 把主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true

2 在你的hexo目录下执行这样一句话npm install hexo-asset-image --save,这是下载安装一个可以上传本地图片的插件,来自dalao:

3 等待一小段时间后,再运行hexo n "xxxx"来生成md博文时,/source/_posts文件夹内除了xxxx.md文件还有一个同名的文件夹

4 最后在xxxx.md中想引入图片时,先把图片复制到xxxx这个文件夹中,然后只需要在xxxx.md中按照markdown的格式引入图片:

![你想输入的替代文字](xxxx/图片名.jpg)

注意: xxxx是这个md文件的名字,也是同名文件夹的名字。只需要有文件夹名字即可,不需要有什么绝对路径。你想引入的图片就只需要放入xxxx这个文件夹内就好了,很像引用相对路径。

5 最后检查一下,hexo g生成页面后,进入public\2017\02\26\index.html文件中查看相关字段,可以发现,html标签内的语句是<img src="2017/02/26/xxxx/图片名.jpg">,而不是<img src="xxxx/图片名.jpg>。这很重要,关乎你的网页是否可以真正加载你想插入的图片。

Second

本地source中建立img文件夹

<img src="img/图片名.jpg>

这个比较方便

Third

图床,不太稳定。

转载于:https://www.cnblogs.com/codehome/p/8428738.html

你可能感兴趣的文章
mac安装nose,command not found:nosetests
查看>>
抓取cntv电视节目表
查看>>
【刷题】洛谷 P3613 睡觉困难综合征
查看>>
操作系统简介
查看>>
过滤器和拦截器的区别
查看>>
jdk 设计模式
查看>>
js对话框弹窗
查看>>
.NET中怎么有效的使用Cache
查看>>
结对学习感想
查看>>
Tomcat源码分析(从启动流程到请求处理)
查看>>
onPullDownRefresh函数没有被正确执行
查看>>
【原创】Activity 概念介绍(大全)
查看>>
从零讲解搭建一个NIO消息服务端
查看>>
VS 插件
查看>>
Chrome 消息传递机制
查看>>
性能测试插件
查看>>
全站缓存时代
查看>>
http://javafound.iteye.com/blog/704141 微博是这样练成的
查看>>
[MPI学习笔记]mpi并行实现方法
查看>>
c++ builder 获取命令行参数
查看>>