本博客搭建的主要参考文章:https://juejin.im/post/5bebfe51e51d45332a456de0#heading-15
本博客使用模板:https://jerryc.me/posts/21cfbf15/#Page-Front-matter
文档补充说明:
写博客时插入本地图片的方法:
把主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true
在你的hexo目录下执行这样一句话npm install hexo-asset-image –save,这是下载安装一个可以上传本地图片的插件
等待一小段时间后,再运行hexo n “xxxx”来生成md博文时,/source/_posts文件夹内除了xxxx.md文件还有一个同名的文件夹
最后在xxxx.md中想引入图片时,先把图片复制到xxxx这个文件夹中,然后只需要在xxxx.md中按照markdown的格式引入图片:
! [你想输入的替代文字] (xxxx/图片名.jpg)
注意: xxxx是这个md文件的名字,也是同名文件夹的名字。只需要有文件夹名字即可,不需要有什么绝对路径。你想引入的图片就只需要放入xxxx这个文件夹内就好了,很像引用相对路径。
最后检查一下,hexo g生成页面后,进入public\2017\02\26\index.html文件中查看相关字段,可以发现,html标签内的语句是< img src=”2017/02/26/xxxx/图片名.jpg”>,而不是< img src=”xxxx/图片名.jpg>。这很重要,关乎你的网页是否可以真正加载你想插入的图片。(需要注意的是,该插件似乎只支持全英文的路径,如果出现中文的话,在hexo g命令运行之后会发现index.html中中文为乱码)
想要兼顾中文标题以及插入图片的方式:
在使用hexo n "All in English"命令创建MD文件时使用英文保证路径为英文,随后打开MD文件,修改其中的Title即可
比较正统的方式是利用图床来保存图片,通过访问链接来访问图片,如果只是简单的使用一下个人博客,我们可以通过[GitHub+jsDelivr+PicGo搭建免费图床,具体链接如下: