前言
虽然可以写文章了,但是怎么插入图片呢,或者说怎么插入本地项目的图片呢? 后面找了一下,有篇文章 hexo生成博文插入图片 讲的还可以。所以就按照他的方式试了一下。
操作
还是一样几个步骤
- 把主页配置文件
_config.yml
里的post_asset_folder:
这个选项设置为true
- 在你的 hexo 目录下执行这样一句话
npm install hexo-asset-image --save
,这是下载安装一个可以上传本地图片的插件
1 | F:\code\github\blog_hexo>npm install hexo-asset-image --save |
- 等待一小段时间后,再运行
hexo new "xxxx"
来生成md博文时,/source/_posts文件夹内除了 xxxx.md 文件还有一个同名的文件夹1
2F:\code\github\blog_hexo>hexo n ie-png-fliter
INFO Created: F:\code\github\blog_hexo\source\_posts\ie-png-fliter.md
接下来把图片放进去
然后这样调用就可以了
1 | ![png](ie-png-fliter/angry.jpg) |
这样就有效果了。
总结
图片可以插入了, 接下来我将为 blog 增加搜索功能
github 建个人站点系列文章:
github建站系列(1) -- 将你的github仓库部署到github pages
github建站系列(2) -- 创建个人blog主页
github建站系列(3) -- 使用hexo创建个人blog主页
github建站系列(4) -- 绑定 kebingzao.com
github建站系列(5) -- 重新再换一个好看一点的模板
github建站系列(6) -- 开始写文章了
github建站系列(7) -- 安装评论插件 DISQUS
github建站系列(8) -- 增加阅读次数
github建站系列(9) -- 写文章的时候,插入图片
github建站系列(10) -- 增加 algolia 的搜索功能
github建站系列(11) -- 对首页的部分长文章增加了阅读全文的按钮
github建站系列(12) -- 文章底下增加 copyright
github建站系列(13) -- 域名加 ssl
github建站系列(14) -- NexT 修改内容区域的宽度
github建站系列(15) -- Hexo博客NexT主题右上角添加fork me on github入口
github建站系列(16) -- 为你的 blog 添加看板娘
github建站系列(17) -- 为你的 blog 添加google adsence 广告