Hexo

How to embed LikeCoin button into Hexo

Thanks to the user 只是個打字的 for the tutorial.

Before adding the LikeCoin button, please register a Liker ID.

Function: Add LikeCoin button automatically according to the post URL

In directory themes/next/layout/_custom/ add a new file like_coin.ejs and paste in the following code, change the [LikerID] to your Like ID.

<div>
<script type="text/javascript">
document.write(
"<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=" +
encodeURIComponent(location.href.split("?")[0].split("#")[0]) + "'></iframe>");
</script>
<div>

Add LikeCoin button at the end of each post

Open themes/next/layout/_macro/post.swig and put like_coin.ejs into the appropriate position

{% if theme.related_posts.enable and (theme.related_posts.display_in_home or not is_index) %}
+ {% include '../_custom/like_coin.ejs' %}
{% include '../_partials/post/post-related.swig' with { post: post } %}
{% endif %}

If you do not enable the related post function, then add it after the {{ post.content }}

{% else %}
{% if post.type === 'picture' %}
<a href="{{ url_for(post.path) }}">{{ post.content }}</a>
{% else %}
{{ post.content }}
+ {% include '../_custom/like_coin.ejs' %}
{% endif %}
{% endif %}
{% else %}
{{ post.content }}
+ {% include '../_custom/like_coin.ejs' %}
{% endif %}
</div>

LikeCoin buttons will appear on your articles.