Record some beginning config of Hexo for butterfly

This web design things for me is too heavy to modify each one and some mechanism are funny.

The feedback of web front is quicker than

  1. Front-matter

    hexo inherit yaml front matter format as json, render your blog title date and some overall front informaiton work as below:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    \-\-\-
    title: 
    date:
    updated:
    type:
    comments:
    description:
    keywords:
    top_img:
    mathjax:
    katex:
    aside:
    aplayer:
    highlight_shrink:
    random:
    \---

    BTW:

    I am struggling to insert this part for my .md file so that I don’t have to paste this code every time manually.

  2. mermaid plugin

    • install the mermaid plugin using npm install hexo-filter-mermaid-diagrams

    • modify the _config.yml

    • Note that the syntax of the mermaid in hexo should be

      1
      2
      3
      {% mermaid %}
      	content
      {% endmermaid %}

      This is kinda annoying but acceptiable

  3. Image setting (see spec top picture)

    1. favicon

    2. index_img :cover pic

    3. button

      1. html syntax import lib like <i class="fa fa-address-book" aria-hidden="true"></i>

        note this is kinda cool cause the web language supporting the lib online?

  4. Deploy

    1. remember to turn your github action write on

    discussion: every time I config my aciton, I have to fill the Custom domain for page mannuly. Did the github provide the correspoing api for that?

  5. Format for hexo header

    1. tags: divided by [xx,xx,xx]

      do note that there is a space between tags: xx

10/17

for answer of 3

yep it is kinda of lib like python request and

for 4

add a file named CNAME

and the content of the file is your domain

for me is yuanxw.top from docu

1/18

内容高亮：

​ 作者使用了html label作为高亮渲染

{% label *yourcontent* color %}

eg 假设功耗

math

确认了使用 katex

同时开启了katex 旋钮功能