Hexo
如何在 Hexo 開發環境的文章中加入 LikeCoin button
感謝用戶 只是個打字的 的教學範本。
安裝讚賞鍵以前,請先 註冊 Liker ID

增加根據文章網址,自動產生讚賞鍵鏈結

themes/next/layout/_custom/ 目錄下新增一檔案 like_coin.ejs 並貼上下列程式碼,並將 [LikerID] 更改為你的 Liker ID。
1
<div>
2
<script type="text/javascript">
3
document.write(
4
"<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/[LikerID]/button?referrer=" +
5
encodeURIComponent(location.href.split("?")[0].split("#")[0]) + "'></iframe>");
6
</script>
7
<div>
Copied!

在每篇文章末端加上讚賞鍵

打開 themes/next/layout/_macro/post.swig 在合適的位置把 like_coin.ejs 放置好
1
{% if theme.related_posts.enable and (theme.related_posts.display_in_home or not is_index) %}
2
+ {% include '../_custom/like_coin.ejs' %}
3
{% include '../_partials/post/post-related.swig' with { post: post } %}
4
{% endif %}
Copied!
如果您沒有開啟相關文章的話,則加在往上幾行的 {{ post.content }} 後方
1
{% else %}
2
{% if post.type === 'picture' %}
3
<a href="{{ url_for(post.path) }}">{{ post.content }}</a>
4
{% else %}
5
{{ post.content }}
6
+ {% include '../_custom/like_coin.ejs' %}
7
{% endif %}
8
{% endif %}
9
{% else %}
10
{{ post.content }}
11
+ {% include '../_custom/like_coin.ejs' %}
12
{% endif %}
13
</div>
Copied!
完成後就可以看到讚賞鍵出現在文章中。

參考文章

Last modified 8mo ago