博客模板 next 主题版本 打赏小工具

    选择打赏方式

Playing-reward 

一个打赏的小功能hexo Next主题版 

打赏功能演示地址https://sponsor.ihoey.com/ 

新建文件 将 reward.swig 文件放入 /themes/next/layout/_macro/ 文件夹内 

修改模板  修改同目录下的 post.swig 文件

  1. <!-- 找到对应的部分 -->
  2. {% if theme.wechat_subscriber.enabled and not is_index %}
  3. <div>
  4. {% include 'wechat-subscriber.swig' %}
  5. </div>
  6. {% endif %}
  7. <!-- 新增以下片段 -->
  8. <!-- 新增部分 -->
  9. {% if theme.reward.enable and not is_index %}
  10. <div>
  11. {% include 'reward.swig' %}
  12. </div>
  13. {% endif %}
  14. <!-- 新增部分 -->
  15.  
  16. {% if theme.post_copyright.enable and not is_index %}
  17. <div>
  18. {% include 'post-copyright.swig' with { post: post } %}
  19. </div>
  20. {% endif %}

修改配置文件

  1. # Reward
  2. reward:
  3. enable: true
  4. reward_comment: 满分是10分的话,这篇文章你给几分,您的支持将鼓励我继续创作!
  5. TencentQR: /qcode/tencent_qcode.png
  6. AliPayQR: /qcode/alipay_qcode.png
  7. WeChatQR: /qcode/wechat_qcode.png
  8. PayPalLink: https://www.paypal.me/ihoey
  9. Github: https://github.com/houyi1121/Playing-reward

引入 css 文件

将 reward.css 文件放入 themes/next/source/css/_custom 在 themes/next/source/css/_custom/custom.styl 文件中加入

  1. @import "reward.css";

引入 js 文件

将 reward.js 文件放入 themes/next/source/js/src 在 themes/next/layout/_custom/head.swig 文件中加入

  1. <script src="/js/src/reward.js"></script>

引入 images 文件

将 images 文件夹中的图片放入 themes/next/source/images 文件夹中 

好了~ 教程结束

版权声明:若无特殊注明,本文为《寒星皓月》原创,转载请保留文章出处。
本文链接:https://www.wanghanyue.com/post-18.html
本作品采用 知识共享署名 4.0 国际许可协议 进行许可。
正文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

嘻嘻 大笑 可怜 吃惊 害羞 调皮 鄙视 示爱 大哭 开心 偷笑 嘘 奸笑 委屈 抱抱 愤怒 思考 日了狗 胜利 不高兴 阴险 乖 酷 滑稽

评论信息框
可使用QQ号实时获取昵称+头像

私密评论

吃奶的力气提交吐槽中...


既然没有吐槽,那就赶紧抢沙发吧!