搭建博客

使用GitHub和Hexo搭建博客其实是非常顺畅的，毕竟工具到现在都已经经历很多版本的迭代了，已经很傻瓜式了。

推荐搭建的教程：

关于Hexo6.0搭建个人博客(github+Google-收录篇)，博主还有教我们怎么收录百度的博客，道理是一样的。

https://www.imooc.com/article/31085

这里提一点绑定的事，附上我的DNS解析：

DNS解析

插入图片

遇到的问题

这里主要是提一下我遇到的一个插入图片的问题，这里我使用的Hexo主题是yilia。

1
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

yilia需要会提示我们安装一个插件

1
npm i hexo-generator-json-content --save

但很奇怪的是，我在安装完这个插件后，我的hexo-asset-image——图片链接转换插件就不见了，导致我莫名其妙的图片无法显示了，Google多次无果，重新部署时才发现这个问题（没有细心去找），实在是没想到会出现这个问题，所以在装完这个插件后，又手动将hexo-asset-image插件给安装了回来，之后网页和本地都没有显示问题了，撒花。

1
npm install https://github.com/CodeFalling/hexo-asset-image --save

当然，我还看到有人遇到图片显示不出来的其他问题，如果和你的问题对上了，可以看看：

hexo中完美插入本地图片

http://etrd.org/2017/01/23/hexo中完美插入本地图片/

方便的做法：HERE。

相对路径引用图片

2018年7月25日20:54:20

在这个时候又添加上这段话，是因为博客无法显示图片了，hexo-asset-image好像无法替我正常转换图片路径了，对JS的源码无法分析，只能提一个issue，同时在网上查找答案，在白天的时候找到一个方法，将其截图，准备晚上试试，发现这个方法好像确实好使。

注意：使用该方法则不能保留hexo-asset-image，直接去module目录删除即可。

Hexo插入图片方法

原链接没有保存，故无法放出链接了，需要的可自行Google。

修改后可配合Typora使用，其在“编辑”——“图片工具”中，可设置图片根目录，将其定位到图片所在即可。

也就是使用Markdown插入图片的语法即可，当然，图片得放在相对路径上。

2020年11月23日

换了主题：Maupassant，非常好用，大道至简——Hexo简洁主题推荐。简单纯粹，一些具体的操作，可以看博主的issue，大概率都能找到解决方法。

若需要增加广告，这里有一篇：添加Google AdSense到Hexo博客。

参考的博客

Hexo添加categories页面，Hexo Yilia 添加目录页面

Hexo——Yilia主题添加文章置顶

1
2
3
4
5
npm uninstall hexo-generator-index --save
npm install hexo-generator-index-pin-top --save

// 文章头加入
Top: True

GitHub+Hexo+yilia文章浏览量统计

GitHub+Hexo+yilia评论插件

Hexo+Yilia博客搭建：Hexo常用命令+Hexo文章书写+Yilia配置

Hexo+Github实现相册功能

Hexo+yilia主题实现文章目录和添加视频

Hexo Yilia主题增加分享以及访问统计

Hexo主题yilia增加gitalk评论插件

Yilia Pull Request