This pulgin is for hexo, give your articles emoji support.
This is for the hexo static blog system to write a plugin, the function is to add emoji expression to your article support.
This plugin is through the analysis of the final HTML generated by the hexo renderer, from the <p> tag to replace the emoji syntax corresponding to the realization of the picture. So it does not only support markdown, in fact I use org-mode to write blog it is also supported.
First, run in your blog directory:
npm install https://github.com/frapples/hexo-article-emoji --save
After that, you need to copy the emoji picture resources to your source folder. It is source/images/emoji
folder. Run in the blog directory:
hexo article-emoji install
In fact emoji pictures have two versions, light and full version. The default will only copy the light version, if you want to copy the full version:
hexo article-emoji install full
Remove the picture installed by above command, in fact, is to delete the source/images/emoji
folder:
hexo article-emoji remove
You need to edit hexo configuration file _config.yml
, find the option to change to true
:
post_asset_folder: true
If you need to use the full version of emoji expression, you need to join in _config.yml
article_emoji:
full: true
If you need to customize emoji <img>
element, you need to add in _config.yml
article_emoji:
style:
display: inline
padding: 10px
This link contains a table, lists the emoji syntax and expression of the relationship: http://www.webpagefx.com/tools/emoji-cheat-sheet/
For example, you write:
I fell good! :simple_smile:
:simple_smile:
will be parsed into the corresponding emoji expression image, which is displayed.
Now, try to add emoji expression to your blog, then:
hexo g
Enjoy it!
This plugin refers to the following two plug-in resources:
Thanks to them.