轻松配置并集成爱发电赞助功能到您的Hexo博客
通过这个插件,您可以在Hexo博客中展示爱发电的赞助信息,包括:
在开始之前,请确保您已经:
在Hexo博客根目录下执行 npm install hexo-plugin-afdian --save
在爱发电开发者页面获取用户ID和Token
准备好了吗?点击"下一步"开始配置!
请填写您的爱发电API凭据和基本配置信息:
选择爱发电组件的显示样式和自定义文本:
简洁的列表布局,展示赞助者信息
带有顶部大图的展示方式
赞助者信息以滚动方式展示
以商品卡片形式展示赞助选项
请查看demo文件夹下的HTML文件以预览各种样式效果
可用的演示文件:
- demo/index.html (默认列表样式)
- demo/style-top-image.html (顶部图片样式)
- demo/style-scroll.html (滚动样式)
- demo/style-shop.html (商品展示样式)
选择如何将爱发电组件集成到您的Hexo博客中:
创建一个独立的赞助页面,可通过 /afdian/ 路径访问
在博客侧边栏添加爱发电赞助组件
在每篇文章底部添加爱发电赞助组件
在关于页面添加爱发电赞助组件
这是最简单的集成方式,无需修改主题文件:
/afdian/ 路径访问赞助页面# 在主题的_config.yml中
menu:
赞助: /afdian/
以下是您的配置信息:
接下来,请将以上配置添加到您的Hexo博客的_config.yml文件中。
完成配置后,请执行以下命令重新生成您的博客:
hexo clean hexo generate
然后您就可以通过选择的集成方式访问爱发电赞助功能了!