***增加豆瓣阅读、电影清单****

1. 安装hexo-douban插件 在Blog根目录，终端输入：npm install hexo-douban --save

1. 配置插件： 将下面的配置写入站点的配置文件 _config.yml里(不是主题的配置文件)

• user: 你的豆瓣ID.打开豆瓣，登入账户，然后在右上角点击 “个人主页” ，这时候地址栏的URL大概是这样：“https://www.douban.com/people/xxxxxx/” ，其中的“xxxxxx”就是你的个人ID了。

• builtin: 是否将生成页面的功能嵌入hexo s和hexo g中，默认是false,另一可选项为true(1.x.x版本新增配置项)。

• title: 该页面的标题.

• quote: 写在页面开头的一段话,支持html语法.

• timeout: 爬取数据的超时时间，默认是 10000ms ,如果在使用时发现报了超时的错(ETIMEOUT)可以把这个数据设置的大一点。

• 如果只想显示某一个页面(比如movie)，那就把其他的配置项注释掉即可。

1. 启用生成：bgm代表的是book、game、movie三个参数，选择你需要生成的页面。

1. 查看http://localhost:4000/books或者http://localhost:4000/movies测试（出现相应内容即配置成功）。

1. 另外，修改你的主题配置_config.butterfly.yml，修改menu条目，配置到目录。

1. 部署到服务器

强调：由于hexo douban的简写也是hexo d，与hexo deploy的简写指令hexo d冲突，因此在进行二者部署的时候，只能都打全名而不能打简写形式。

1. 如果你是butterfly主题，可以配置封面页哦：

成功后预览

网站顶部导航栏设置/目录设置/分类设置

导航菜单修改

修改 主題配置文件_config.butterfly.yml

必須是 /xxx/，後面||分開，然後寫圖標名。

如果不希望顯示圖標，圖標名可不寫。

默認子目錄是展開的，如果你想要隱藏，在子目錄裏添加 hide 。

注意： 導航的文字可自行更改

例如：

图标设置方法

1. 打开图标网站 https://fontawesome.com/search，搜索相应图片，拷贝图片代码

1. 删除代码其他部分，只保留fa-solid fa-house

1. 将保留的代码复制进menu，如：

完成以上步骤，菜单栏就设置好了

分类页面设置

Front-matter 是 markdown 文件最上方以 --- 分隔的区域，用于指定个别档案的变数。

• Page Front-matter 用于页面配置

如果标注可选的参数，可根据自己需要添加，不用全部都写在 markdown 里

新建标签页

1. 前往你的 Hexo 博客的根目录

1. 输入hexo new page tags

1. 你会找到source/tags/index.md这个文件

1. 修改这个文件：

   记得添加 type: "tags"

   新建分类页

   1. 前往你的 Hexo 博客的根目录
   1. 输入hexo new page categories
   1. 你会找到source/categories/index.md这个文件
   1. 修改这个文件：

   一个菜单多篇文章

   如在技术这个菜单下，要放入多篇文章，那么需要遵循以下设置：

   1. 前往你的 Hexo 博客的根目录
   1. 输入hexo new page technology
   1. 你会找到source/technology/index.md这个文件
   1. 修改这个文件：
   1. 修改主题_config.butterfly.yml，设置menu中技术这一栏，按以下形式设置：技术: /categories/technology/ ||
   1. 打开相应.md文章，顶部代码栏中增加：

Prev

网站域名解析并绑定GitHub pages

Next

Hexo + GitHub | 如何写第一篇博客