Jekyll
如何在 Jekyll 開發環境的文章中加入 LikeCoin button
感謝用戶 PinGuの独り言 的教學範本。
安裝讚賞鍵以前,請先 註冊 Liker ID

從 _config.yml 設定 liker_id

先在 _config.yml 加入 liker_id 鍵值,並將 [LikerID] 更改為你的 Liker ID
1
# Enter your Liker ID to enable LikeCoin button
2
liker_id: [LikerID]
Copied!
宣告在_config.yml 的變數可以從物件 site 中取得,也就是 {{site.liker_id}}
1
https://button.like.co/in/embed/{{site.liker_id}}/button?referrer={{ page.url | absolute_url | cgi_escape }}
Copied!

插入 iframe

先建立讚賞鍵的 HTML 片段
1
{% if site.liker_id %}
2
<iframe
3
src="https://button.like.co/in/embed/{{site.liker_id}}/button?referrer={{ page.url | absolute_url | cgi_escape }}">
4
</iframe>
5
{% endif %}
Copied!
用 if 檢查 liker_id 是否存在。接著要在 post 樣板裡加入剛才的片段,找個接近區段結束的地方寫上 {% include likeco.html %}
建置一次,文章末端已經可以看到讚賞鍵,不過大小還要調整。讚賞鍵的元件會自行適應以維持長寬比,其長寬約為 485px*240px。使用以下程式碼把它置中自動縮放並隱藏卷軸。
1
{% if site.liker_id %}
2
<iframe
3
style="width: 100%; max-width: 485px; height: 240px; margin: auto; overflow: hidden; display: block;"
4
src="https://button.like.co/in/embed/{{site.liker_id}}/button?referrer={{ page.url | absolute_url | cgi_escape }}">
5
</iframe>
6
{% endif %}
Copied!

參考文章

Last modified 8mo ago