幫jekyll加上likecoin

2020/02/15 jekyll

之前在wordpress也有放likecoin的按鈕,透過加一些程式碼,也可以在jekyll實現

加入代碼

程式碼

已經有人幫我們寫好代碼了,也有詳細的原裡介紹

以下代碼存成.html檔,放在想放的地方,我是放在_includes

<h2>請幫我按個讚</h2>
      <iframe
        frameborder="no"  
        style="width:100%; max-width:364px; height:180px; margin:0 auto; overflow:hidden; display:block;"
        src="https://button.like.co/in/embed/allmwh0103/button?referrer=https%3A%2F%2Fblog.allmwh.org%2F2020-02%2Fjekyll-likecoin%2F">
      </iframe>

<h2>請幫我按個讚</h2>可以依自己想要顯示的文字更改,而max-width:364px; height:180px 是like coin工具的大小,可以自己設定,但比例盡量維持在364/180,不然會有捲動視窗醜醜的

插入頁面

先找到你想要插入的地方寫入以下代碼,以我為例,我只想讓他在文章中出現,所以就插在_layouts/post.html

{% if site.liker_id %}
    <div class="like-bottom">
      {% include like-bottom.html %}
    </div>
{% endif %}

我也與設定jekyll開啟連結都使用新分頁開啟一樣,可以在_config.yml設定自己的likecoin id

寫入_config.yml

_config.yml中插入以下代碼

# LikeButton
liker_id: allmwh0103

liker_id請替換成自己的like coin id

這樣就可以了~ 效果如本頁下方的按鍵,可以的話,也幫我按個like哦~~

參考資料


留言

Table of Contents