網上找到的 LikeCoin Hexo教學都是用 ejs ，但 Butterfly 主題是用 pug ，所以這裡出一篇文章以 Hexo Butterfly 主題為例，分享如何在 pug 中添加 LikeCoin 讚賞鏈，希望對有需要的人有幫助。

1. 註冊

歡迎各位使用我的邀請連結去進行註冊~ https://like.co/ref/ouoholly

2. 修改 _config.yml

在 ..\themes\Butterfly\_config.yml 裡，添加以下代碼：

yml

# LikeCoin Button
liker:
  enable: true

3. 修改 post.pug

在 ..\themes\Butterfly\layout 裡，
由於我是想把 LikeCoin button 放在每篇文章的末端及版權字句的中間，所以在 if (theme.post_copyright && theme.post_copyright.enable && page.copyright != false) 的上方，添加以下代碼：

Code

if theme.liker.enable
  include includes/liker.pug

4. 創建 liker.pug

在 ..\themes\Butterfly\layout\includes 裡，創建一個名為 liker.pug 的檔案，以下為檔案內容。
把src連結中 embed 後的改為自己的 LikerID。

Code

div
  p 如果您喜歡我的文章，歡迎幫我在下面按5下讚！感謝您的鼓勵和支持！
  script(type='text/javascript').
    document.write(
    "<iframe scrolling='no' frameborder='0' sandbox='allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-storage-access-by-user-activation' style='height: 212px; width: 100%;' src='https://button.like.co/in/embed/ouoholly/button?referrer=" +
    encodeURIComponent(location.href.split("?")[0].split("#")[0]) + "'></iframe>");

這樣就完成啦！

1. 註冊

2. 修改 _config.yml

3. 修改 post.pug

4. 創建 liker.pug

References