其实我今天本来是想写个轻松的近期购物 list 顺带记录点 repo，这样以后看看还能少花冤枉钱，结果搜索 markdown 如何图文混排（好像 Maupassant 主题不支持 html 语法中的图片居左，我枯了）的时候找到了一个爬取豆瓣读书和电影的插件，好奇地用了用，弄着弄着就把整个主页重新排了一遍，又 Google 了四个小时……

并且发现我完全是问题驱动导向，让我系统地学学 html 之类的前端技术我困得要死，研究怎么解决想解决的问题折腾到凌晨还精神奕奕…… 就是身体已经扛不住了这次要按折腾的顺序来写的话还能写两千字 But 我真的已经写不动……

豆瓣读书 / 电影插件

参考文档：hexo-douban

其实这个在安装的时候没什么要说的，基本上很顺利，配置的时候倒是出了点文档中没有提到的问题。

配置新页面 的时候，在 _config.yml 文件中要这么写

- page: reading
  directory: books/
  icon: fa-book
- page: movies
  directory: movies
  icon: fa-video-camera

这样的话引用的就是 hexo-douban 插件生成的 html 文件。它本质上是通过爬取豆瓣 ID 来获取读书电影的数据，然后生成一个 index.html 文件供 blog 引用，index.html 文件的路径在 E:\hexo\public

修改豆瓣页面 CSS 或者重新抓取后， 每次 hexo s -debug 预览的时候，需要先 hexo douban 一下重新生产新页面（改字号的时候我每次改完都要来这么一次我反复跳楼）

不要配置 builtin 参数为 true！如果这样的话每次预览部署更新都要爬一次豆瓣，很要命……

当安装了 hexo douban 之后，就不能用 hexo d 了，因为 hexo douban 跟 hexo deploy 的前缀都是 hexo d。（by 文档

修改字号的 css 文件 在 E:\hexo\node_modules\hexo-douban 里，control+F 搜索 css 后第一个文件，应该修改的是这两段吧，记忆有点不靠谱，但是没勇气再试一遍了……

.hexo-douban-meta {
    font-size: 14px;
    padding-right: 10px;
}

.hexo-douban-comments {
    font-size: 14px;
}

配置 blog 永久链接

参考链接：HEXO-abbrlink

这个也没什么说的，只需要注意一点→把 markdown 文件写完了再往 post 文件夹保存，不然出来的 abbrlink 编号有可能和某一篇文章一模一样(:з」∠)

还想做点啥

改了首页的布局，把友情链接和收藏夹全都放到了右边，本来想写一个 widget，但是研究半天发现并搞不定，索性就把整个友情链接重新改造了一下，有朝一日想把右边的 widget 再搞一搞加点功能。

豆瓣页面的标题和引用死活删不掉，我还是比较想把它删掉，试错成本太高了。

想给 blog 加个置顶文章，然后摆个题图，感觉会比较生动活泼！留意一下什么图放过来比较好看，置顶好像有插件可以实现的，下次再说下次再说！