next主题增加比特币赞赏

为hexo博客增加赞赏功能

• next主题各种设置，包括赞赏: http://theme-next.iissnan.com/theme-settings.html
• 赞赏功能贡献者@habren的原帖: https://github.com/iissnan/hexo-theme-next/pull/687

为hexo博客增加比特币赞赏功能

原赞赏功能只提供了微xin赞赏和支付鸨赞赏，现在告诉你怎样添加比特币赞赏。

原始赞赏样式

现在赞赏样式

具体修改方法

1. 修改文件： 博客根目录/themes/next/_config.yml

   reward_comment: 您的支持将鼓励我继续创作！
   wechatpay: /uploads/weixinpay.png
   alipay: /uploads/alipay.png
   bitcoin: /uploads/bitcoin.png    #新增

比特币赞赏的二维码使用Bitcoin钱包手机客户端，“索取比特币”的二维码就行

1. 修改文件： 博客根目录/themes/next/layout/_macro/reward.swig
   在theme.alipay下新增：

     ...
   {% endif %}
   <!--以下为新增内容-->
   {% if theme.bitcoin %}
     <div id="bitcoin" style="display: inline-block">
       <img id="bitcoin_qr" src="{{ theme.bitcoin }}" alt="{{ theme.author }} Bitcoin"/>
       <p>Bitcoin赞赏</p>
     </div>
   {% endif %}
   <!--以上为新增内容-->
   </div>
   </div>

2. 修改文件： 博客根目录themes/next/source/css/_common/components/post/post.styl
   最后一行末尾添加 or hexo-config(‘bitcoin’),如

   @import "post-reward" if hexo-config('alipay') or hexo-config('wechatpay') or hexo-config('bitcoin');

3. 修改文件： 博客根目录public/css/main.css
   #alipay:hover p 样式下面新增

   #bitcoin:hover p {
     animation: roll 0.1s infinite linear;
     -webkit-animation: roll 0.1s infinite linear;
     -moz-animation: roll 0.1s infinite linear;
   }

4. 修改文件： 博客根目录themes/next/source/css/_common/components/post/post-reward.styl
   #alipay:hover p 样式下面新增

   #bitcoin:hover p{
       animation: roll 0.1s infinite linear;
       -webkit-animation: roll 0.1s infinite linear;
       -moz-animation: roll 0.1s infinite linear;
   }

增加比特币赞赏完成，其他赞赏同理。

欢迎尝试赞赏。赞赏完请微信“添加朋友”，微信号：weisnc。感谢您的支持。