Hexo爱发电插件安装向导

轻松配置并集成爱发电赞助功能到您的Hexo博客

欢迎使用
基本配置
外观设置
集成方式
完成安装

欢迎使用Hexo爱发电插件安装向导

本向导将帮助您配置爱发电插件,并将其集成到您的Hexo博客中。

通过这个插件,您可以在Hexo博客中展示爱发电的赞助信息,包括:

  • 展示赞助者头像、名称、金额和时间
  • 高亮显示超过设定金额的赞助
  • 支持多种展示样式和集成方式
  • 自动缓存数据,减少API调用

在开始之前,请确保您已经:

安装Hexo爱发电插件

在Hexo博客根目录下执行 npm install hexo-plugin-afdian --save

准备爱发电API凭据

在爱发电开发者页面获取用户ID和Token

准备好了吗?点击"下一步"开始配置!

基本配置

请填写您的爱发电API凭据和基本配置信息:

您可以在爱发电开发者页面 https://afdian.com/dashboard/dev 获取用户ID。

您可以在爱发电开发者页面 https://afdian.com/dashboard/dev 获取Token。

访问者点击赞助按钮时跳转的链接
数据缓存时间,减少API调用频率

外观设置

选择爱发电组件的显示样式和自定义文本:

默认列表样式

简洁的列表布局,展示赞助者信息

顶部图片样式

带有顶部大图的展示方式

滚动样式

赞助者信息以滚动方式展示

商品展示样式

以商品卡片形式展示赞助选项

超过此金额的赞助将高亮显示

预览效果

请查看demo文件夹下的HTML文件以预览各种样式效果

可用的演示文件:
- demo/index.html (默认列表样式)
- demo/style-top-image.html (顶部图片样式)
- demo/style-scroll.html (滚动样式)
- demo/style-shop.html (商品展示样式)

集成方式

选择如何将爱发电组件集成到您的Hexo博客中:

独立页面

创建一个独立的赞助页面,可通过 /afdian/ 路径访问

侧边栏组件

在博客侧边栏添加爱发电赞助组件

文章底部

在每篇文章底部添加爱发电赞助组件

关于页面

在关于页面添加爱发电赞助组件

不同的集成方式可能需要对主题文件进行修改,请根据实际情况选择。

独立页面集成说明

这是最简单的集成方式,无需修改主题文件:

  1. 完成配置后,可通过 /afdian/ 路径访问赞助页面
  2. 在导航菜单中添加链接:
    # 在主题的_config.yml中
    menu:
      赞助: /afdian/

完成安装

恭喜!您已完成Hexo爱发电插件的配置。

以下是您的配置信息:


          

接下来,请将以上配置添加到您的Hexo博客的_config.yml文件中。

完成配置后,请执行以下命令重新生成您的博客:

hexo clean
hexo generate

然后您就可以通过选择的集成方式访问爱发电赞助功能了!

如果您有任何问题,请参考插件文档或提交Issue。