github建站系列(9) -- 写文章的时候,插入图片

前言

虽然可以写文章了,但是怎么插入图片呢,或者说怎么插入本地项目的图片呢? 后面找了一下,有篇文章 hexo生成博文插入图片 讲的还可以。所以就按照他的方式试了一下。

操作

还是一样几个步骤

  1. 把主页配置文件 _config.yml 里的 post_asset_folder: 这个选项设置为 true
  2. 在你的 hexo 目录下执行这样一句话 npm install hexo-asset-image --save,这是下载安装一个可以上传本地图片的插件
1
2
3
4
5
6
F:\code\github\blog_hexo>npm install hexo-asset-image --save
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.3 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ hexo-asset-image@0.0.3
added 13 packages in 15.65s
  1. 等待一小段时间后,再运行hexo new "xxxx"来生成md博文时,/source/_posts文件夹内除了 xxxx.md 文件还有一个同名的文件夹
    1
    2
    F:\code\github\blog_hexo>hexo n ie-png-fliter
    INFO Created: F:\code\github\blog_hexo\source\_posts\ie-png-fliter.md

接下来把图片放进去

1

然后这样调用就可以了

1
![png](ie-png-fliter/angry.jpg)

这样就有效果了。

1

总结

图片可以插入了, 接下来我将为 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 广告