因為是非技術猿
嘗試了很久後才生出來搭~
如果你跟我一樣跟代碼一竅不通，希望這篇可以幫助到你!

跟著這篇文章的順序一起做吧~

創建新檔案 likerButton.pug

  • 進入/打開以下資料夾/themes/Butterfly/layout/includes
  • 在 includes 裡建立新的檔案並取名為 likerButton.pug

複製貼上內容

請直接複製以下內容官網連結
1
2
3
4
5
6
div
  p 如果這篇文章對你有幫助的話就幫我免費的拍下手吧! 感謝你的鼓勵和支持(╹ڡ╹ )
  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/smileflower00/button?referrer=" +
    encodeURIComponent(location.href.split("?")[0].split("#")[0]) + "'></iframe>");
  • 第二行的 p 後面的內容 (如果這篇文章對你有幫助的話就幫我免費的拍下手吧! 感謝你的鼓勵和支持(╹ڡ╹ ) 可以隨意更改搭
  • 其他的部分不建議自行更改 (作為看不懂代碼的普通人類w)

在 post.pug 新增代碼

  • 路徑: themes/Butterfly/layout/post.pug
請直接複製以下內容官網連結
1
2
3
if theme.liker.enable
  !=partial('includes/likerButton', {}, {cache: true})

如果以上的代碼使用後出現紅色錯誤訊息的話你也可以嘗試以下這個代碼:

請直接複製以下內容官網連結
1
2
if theme.liker.enable
  include includes/likerButton.pug

  • 如果空格或是 tab 有錯的話就會報錯!!
  • 務必要注意好間隔!!!

作為參考，以下是我的檔案:
注意間隔rrr

接下來是最後一步驟拉，完成以下的步驟你就應該能看到像是我現在的讚賞鍵拉

打開 _config.butterfly.yml

  • 在你的資料夾裡找到 _config.butterfly.yml 並打開它

然後在任意位置加上以下的代碼

請直接複製以下內容官網連結
1
2
3
# 尼的讚賞鍵
liker:
  enable: true #不想顯示 LikeButton時可換成 false

這樣就完成拉~ 如果學會惹 (希望不會學廢qq) 的話就幫我拍個手手吧~