如何在 Hugo 網站中加入 LikeCoin 讚賞鍵提升創作收入

如何在 Hugo 網站中加入 LikeCoin 讚賞鍵提升創作收入

目錄

因為我本身是 LikeCoin 支持者,也是推崇文章開源但內容有價的創作者。

因此希望即便從 WordPress 轉移至 Hugo ,依然能夠使用 LikeCoin 作為連結我與讀者間的橋梁。

本文以 hugo v0.114.1 搭配 LoveIt 主題示範如何在文章中加入 LikeCoin 讚賞鍵

  1. 首先將主題的 layouts 資料夾複製到專案資料夾下:
cp -r theme/[YOUR_THEME]/layouts/ .
  1. layouts\partials\ 資料夾下建立一個 likecoin.html 檔案,並寫入下列內容:
<iframe
  class="LikeCoin"
  height="235"
  src="https://button.like.co/in/embed/{{ .Site.Params.likerID }}/button?referrer={{ .Permalink }}"
  width="100%"
  frameborder="0"
></iframe>
  1. hugo.toml 中加入以下設定:
[params]
	likerID = "likerID"
  1. 找到文章使用的模板,以 LoveIt 為例,模板在 layouts\posts\single.html。將下列程式碼貼在你希望顯示 LikeCoin button 的地方,建議貼在 {{ .Content }} 後,即可顯示於每篇文章下。
{{- partial "likecoin.html" . -}}

  1. 編譯 hugo 後,即可看到每篇文章內容下方皆會顯示 LikeCoin 讚賞鍵了
comments powered by Disqus

相關文章

如何修改 LBRY 的 blobfiles 資料夾位置

如何修改 LBRY 的 blobfiles 資料夾位置

由於 LBRY 的 blobfiles 預設位置沒有辦法修改,很容易造成 C 槽空間不足的問題,因此我們可以透過以下方法將 blobfiles 資料夾的位置修改到其他位置來解決這個問題。 在新的位

閱讀更多
極致輕薄、超強續航!LG gram 14 吋連續使用 21.5 小時大挑戰 - 外出工作的最佳選擇!

極致輕薄、超強續航!LG gram 14 吋連續使用 21.5 小時大挑戰 - 外出工作的最佳選擇!

這次我要和大家分享一下我的新筆記本電腦 - LG gram 14 吋。在大學筆電壽終正寢後,我開始研究市面上的筆記本電腦,尋找最適合我的需求。這次我設定了一些挑

閱讀更多
如何使用 GitHub Actions 自動建立並推送 Docker Image

如何使用 GitHub Actions 自動建立並推送 Docker Image

在我們先前的文章 中,我們學習了如何使用 buildx 來建立能在多平台運行的 Docker Image。然而,這種方法仍需要手動操作。為了讓我們能在 Hugo 有新版本更新時自動

閱讀更多