hexo加入豆瓣页面

1 安装豆瓣插件

npm install hexo-douban --save

2 配置文件

在博客站点目录的配置文件_config.yml 下，添加如下配置：

douban:
  user: ***    #这个需要修改为你个人的id
  builtin: true   #如果想生成豆瓣页面，这个需要设置为true
  book:
  	title: 'This is my book title'
  	quote: 'This is my book quote'
  movie:
  	title: 'This is my movie title'
  	quote: 'This is my movie quote'
  game:
  	title: 'This is my game title'
  	quote: 'This is my game quote'
  timeout: 10000

user:：你的豆瓣 ID。打开豆瓣，登入账户，然后在右上角点击 ” 个人主页 “，这时候地址栏的 URL 大概是这样：https://www.douban.com/people/xxxxxx/ ，其中的”xxxxxx” 就是你的个人 ID 了。
builtin：是否将生成页面的功能嵌入 hexo s 和 hexo g 中，默认是 false ，另一可选项为 true 。
title： 该页面的标题。
quote： 写在页面开头的一段话，支持 html 语法。
timeout： 爬取数据的超时时间，默认是 10000ms，如果在使用时发现报了超时的错 (ETIMEOUT) 可以把这个数据设置的大一点。
如果只想显示某一个页面 (比如 movie)，那就把其他的配置项注释掉即可。

然后再主题配置文件_config.yml 中添加关于此页面的菜单：(下面是我的配置)

媒体:
  url: /movies
  icon: fas fa-heartbeat
  children:
    - name: 电影
      url: /movies
      icon: fas fa-film
    - name: 书单
      url: /books
      icon: fas fa-book
    - name: 游戏
      url: /games
      icon: fas fa-gamepad

3 适配 matery 主题

在 /themes/hexo-theme-matery/layout 文件夹下面创建一个名为 douban.ejs 的文件，并将下面的内容复制进去：

<%- partial('_partial/post-cover') %>
<style>
    .hexo-douban-picture img {
        width: 100%;
    }
</style>
<main class="content">
    <div id="contact" class="container chip-container">
        <div class="card">
            <div class="card-content" style="padding: 30px">
                <h1 style="margin: 10px 0 10px 0px;"><%= page.title %></h1>
                <%- page.content %>
            </div>
        </div>
        <div class="card">
            <div class="card-content" style="text-align: center">
                <h3 style="margin: 5px 0 5px 5px;">如果你有好的内容推荐，欢迎在下面留言！</h3>
            </div>
        </div>
        <div class="card">
            <% if (theme.gitalk && theme.gitalk.enable) { %>
            	<%- partial('_partial/gitalk') %>
            <% } %>
            <% if (theme.gitment.enable) { %>
            	<%- partial('_partial/gitment') %>
            <% } %>
            <% if (theme.disqus.enable) { %>
            	<%- partial('_partial/disqus') %>
            <% } %>
            <% if (theme.livere && theme.livere.enable) { %>
            	<%- partial('_partial/livere') %>
            <% } %>
            <% if (theme.valine && theme.valine.enable) { %>
            	<%- partial('_partial/valine') %>
            <% } %>
        </div>
    </div>
</main>

---

4 修改配置文件

在博客站点目录下的 node_modules 文件夹下找到 hexo-douban/lib，文件夹下有三个 js 文件，分别为：books-generator.js 、games-generator.js 、movies-generator.js，用文本编辑器打开这三个文件，并将其文件内容末尾的代码修改为一下内容：

/_ 原文件内容为 layout: [_page_, _post_] ，将其修改为下面的内容_/

layout: [page, douban]

最后就是使用并生成相应的页面，执行命令如下:

hexo douban

5 注意事项

1.node.js 版本为 12.20.2，才能抓取豆瓣页面。我的 hexo -v 6.0.0    npm -v 6.14.11。

2.抓取豆瓣。

-h, --help    # 帮助页面
-b, --books   # 只生成书单页面
-g, --games   # 只生成游戏页面
-m, --movies  # 只生成电影页面

3.一天抓取次数达上限将抓取为 0，次日恢复抓取。