Hexo | 给hexo博客添加douban读书页

1. 原理

爬取 个人豆瓣网页,嵌入到 个人博客页面

准备:

  • 注册/登录 豆瓣
  • 搜索书籍,选择 「想读」或 「在读」 或 「读过」,生成读书记录
  • 豆瓣ID , 进入主页,浏览器网址栏的https://www.douban.com/people/xxxxxxxxx/ 的 xxxxxxxxx 就是

2. 安装配置

git bash中

1、安装依赖模块

复制npm install hexo-douban --save

2、博客站点根目录下的 _config.yml 文件中添加

douban:
  user: XXXXXXX
  builtin: false # 选择是否有主题渲染
  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
builtin (true/false)是否将生成页面的功能嵌入hexo s和hexo g中
title 该页面的标题
quote 写在页面开头的一段话,支持html语法.
timeout 爬取数据的超时时间

⚠️默认为 false, 如果不设置 为true,则需要添加 hexo douban -bgm命令才能让功能生效(如下启动命令)

设置为true即是将命令嵌入到hexo shexo g中,这样生成会自动执行hexo douban -bgm

3、启动生成

-bgm代表的是book、game、movie三个参数,选择你需要生成的页面。

hexo clean && hexo douban -bgm && hexo g && hexo s

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

另外,修改你的主题配置_config.xml,我这里是butterfly.yml,配置到目录;如果有中英文设置,相应配置即可,不唯一。

4、部署

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

hexo clean && hexo g && hexo deploy

6、如果你是butterfly主题,可以配置封面页哦:

# 如果你有使用hexo-douban,可配置這個
douban:
   meta: true
   movies_img: /image/movie.jpg
   books_img: /image/book.jpg
#   games_img:

参考:

posted @   茶哩哩  阅读(370)  评论(0编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 使用C#创建一个MCP客户端
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示

目录导航