This is a
playground to test code. It runs a full
Node.js environment and already has all of
npm’s 1,000,000+ packages pre-installed, including
hexo-article-emoji with all
npm packages installed. Try it out:
This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.
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
hexo article-emoji remove
You need to edit hexo configuration file
_config.yml, find the option to change to
If you need to use the full version of emoji expression, you need to join in
article_emoji: full: true
If you need to customize emoji
<img> element, you need to add in
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:
This plugin refers to the following two plug-in resources:
Thanks to them.