Hexo Blogging Cheatsheet

Hexo Blogging Cheatsheet

My blog’s information

Design

Frequently used Emoji

😄 :smile: 😊 :blush: 😍 :heart_eyes:
😓 :sweat: 👍 :thumbsup: 😋 :yum:
😰 :cold_sweat: 😱 :scream: 😭 :sob:
😜 :stuck_out_tongue_winking_eye: 😗 :kissing: 😪 :sleepy:
💩 :poop: ✌️ :v: 💯 :100:
🙈 :see_no_evil: 🙉 :hear_no_evil: 🙊 :speak_no_evil:
💋 :kiss: 💀 :skull: 💧 :droplet:
🎆 :fireworks: 📢 :loudspeaker:
🚫 :no_entry_sign: :white_check_mark: :x:
㊙️ :secret: ⁉️ :interrobang: ‼️ :bangbang:

and more from Emoji Cheatsheet

Markdown (with Markdown plus)

  • sub H~2~0 H20
  • sup x^2^ x2
  • ++Inserted++ ++Inserted++ (disabled)
  • ~~Del~~ Del
  • Footnote [^1] for the mark, [^1]: for the note
  • em *em* em
  • strong **strong** strong
  • Use {% raw %}{% endraw %} if the markdown cause you trouble on {{}} or {%%}
  • Control {% kbd Control %} (remove space)
  • Command⌘ {% kbd Command %}
  • Shift⇧ {% kbd Shift %}
  • Youtube Video {% youtube [youtube id] %}
  • Horizontal line ---

Github Card

e.g.,

{% githubCard user:neoalienson repo:pachinko %}

Flowchart

Plugin: hexo-filter-flowchart
Syntax: flowchart.js

Below is the sample flowchart definition and output diagram,

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
flowchart
st=>start: Start|past:>http://www.google.com[blank]
e=>end: End:>http://www.google.com
op1=>operation: My Operation|past
op2=>operation: Stuff|current
sub1=>subroutine: My Subroutine|invalid
cond=>condition: Yes
or No?|approved:>http://www.google.com
c2=>condition: Good idea|rejected
io=>inputoutput: catch something...|request

st->op1(right)->cond
cond(yes, right)->c2
cond(no)->sub1(left)->op1
c2(yes)->io->e
c2(no)->op2->e

Sequence diagram

Plugin used: hexo-filter-sequence

1
2
3
4
sequence
Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!

Barchart

Barchart from easy charts

1
2
3
4
{% barchart 'Sample Chart' %}
Apple | Orange | Banana | Lemon
50 | 740 | 218 | 193
{% endbarchart %}
Share