Add LikeWidget to Jekyll theme
LikeCoin
前陣子對 LikeCoin 發生了一點興趣，
LikeCoin 是一種虛擬貨幣，
創立的初衷是想做為一種獎勵創作者的機制，
創作者在文章裡放入Like Button，
讓大家對他的按鈕按讚鼓掌，
他就能收到相對的 LikeCoin。
至於作者能獲得多少 LikeCoin 就要看按讚讀者的帳戶種類，
如果讀者註冊的是免費帳戶，
那點下的讚就由 LikeCoin 的基金會按比例支付;
如果讀者註冊的是付費帳戶，
那就看該讀者當月按下多少讚按比例分配。
詳情可以參考 LikeCoin 的 Medium。
Like Rewords Button for Github Pages
因為看起來很有趣的樣子所以我就註冊了一個帳號，
然後默默的發現 Like Button 的 Widget 有支援 Medium, WordPress, Oice, Matters, …等等等等，
但是沒有發現 Jekyll 的支援!!!
很合理因為 Jekyll theme 要怎麼設計完全是看個人，
所以我只好去 Medium 隨便找了個有加 Like Button 的文章，
把 Firefox 的 Debug Console 打開觀察了一下:
OK 原來是用 iframe，
src 的網址看起來直接把黑筆塗掉的地方替換成自己的 liker ID 跟文章網址應該就能 Work 了。
所以要把 Like Button 加到 blog post 裡有兩種方法:
- 把
iframe加到 blog post - 把
iframe加到產生 blog post 的 template html
顯然第二種方法比較好，
只要加一次之後所有的 blog post 在產生的時候就可以自己生出 Like Button。
我用的 jekyll theme 產生 blog post 的 template html 放在 _layouts/post.html，
所以我就在放 content 的地方的最後面加上了：
Liker ID 要換成自己的 Liker ID，
site.url 和 page.url 是 Liquid 的語法，
代表的是當下的那篇 blog post 的網址，
如果 Github Pages 用的是 jekyll 的話就可以直接這樣用。
加完之後之後每篇 blog post 都會自己產生一個 Like button 了。
更新
已從 Jekyll migrate 到 Hexo，
這篇方法原理不變但 code 放的位置和內容要修正。