ghost
如何在 ghost 文章中加入 LikeCoin button
感謝用戶 STANLEY TSAU 的教學範本,留意 ghost 是需要付費加入會員方可使用。
安裝讚賞鍵以前,請先 註冊 Liker ID

修改 post.hbs

將 IFrame 代碼加入 post.hbs並將 [LikerID] 更改為你的 Liker ID
1
<div class="likecoin-embed likecoin-like-button" style="text-align:center">
2
<div>
3
<iframe scrolling="no" frameborder="0" src="https://button.like.co/in/embed/[LikerID]/button/?referrer={{ url absolute="true"}}" sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation allow-storage-access-by-user-activation"></iframe>
4
</div>
5
</div>
Copied!

修整讚賞鍵外觀

增加以下代碼到 css
1
.likecoin-like-button {
2
max-width: 485px;
3
max-height: 240px;
4
margin: 0 auto;
5
}
6
.likecoin-like-button > div {
7
position: relative;
8
padding-top: 49.48454%;
9
}
10
.likecoin-like-button > div iframe {
11
position: absolute;
12
top: 0;
13
left: 0;
14
width: 100%;
15
height: 100%;
16
}
Copied!
完成。

參考文章