将对静态博客系统的学习和插件开发以及博客功能添加与美化汇总在这里, 基本目的是让我自己看得明白, 看得开心

辅助应用开发

1. blog history
2. 图片转存 (博客中的图片转到七牛云上, 并且将链接跟换)

   美化-主题开发

   写作

19.11.29 - 现有的博客主题感觉不适合我的喜好, 而且我这风格感觉是真的丑

针对常有的内容形式, 和 md 的标记方法, 有以下几种对应方面, 后续会在主题层面上进行更改

1. 列举
2. 列举 - 跟着图片或文字
3. 标题
4. 文字中存在需要解释的英文
5. 文字中存在需要强调的部分

需要注意的语法

• 上下标

  • html <sub> <sup>
  • markdown ^something^, ~something~

• 列举, 加粗列举内容比较好看

  • 数字形式, 1.
  • 点的形式, -

• 数学公式

  • LaTeX, 表达数学的一种标记语言

  • mathjax, 浏览器渲染 LaTeX 的开源库

  • math render online service, 提供公式解析为图片外链服务的网站, 知乎, 掘金都有

  • katex, 号称“最快”的数学公式渲染库, 同 mathjax

  • 行内, 行外,

    $$123$$```

    - 分数, ```$\frac{x}{y}$``` => $\frac{x}{y}$
    - 上下标, ```x^1, x_1, x^{123}_i```=>$x^1, x_1, x^{123}_i$
    - 累加, ```\sum_{a=0}^{k} ``` => $$\sum_{a=0}^{k}$$
    - 数学符号, 参考 [LATEX Mathematical Symbols](https://www.caam.rice.edu/~heinken/latex/symbols.pdf)
    - 分段函数

    $$
    y=\begin{cases}
    -x,\quad x\leq 0 \\
    x,\quad x>0
    \end{cases}
    $$
    ```
    $$
    y=\begin{cases}
    -x,\quad x\leq 0 \\
    x,\quad x>0
    \end{cases}
    $$

  • 分行 \newline $$13\newline13$$

  • 空格 a\ b, a \quad b => $a\ b, a \quad b$

  • 文本 \text{s.t.} => $\text{s.t.}$

总纲

1. 精确简短的描述
2. 清晰可复现的例子
3. 方法与原理兼有

   符合理解三要素: 核心要点, 实际例子, 相关基础

   写作风格

   更早的:
4. 逗号都用英文的, 并且后面空一格
5. 英文与中文相隔

19.10.? - 让重点更加明显, 加重某些词

19.11.2 - 避免出现只甩链接的情况, 而是扩展可阅读。

先将文中需要了解的都讲解清楚, 再放出参考来源或者扩展可以阅读

19.11.4 - 探索一下表情包如何用在博客里

最好短一点, 行内形式的, 当然比较大的形式有意思的话也是可以放出来的

• 设置了搜狗输入法的颜文字, 不记熟颜文字对应的词语的话没法键盘流, 得靠按下分号后自己选
• emoji, 使用形式 - 正文直接插入(用 # 控制大小), 使用方法 - emojiHomepage😂, win + . (超好用)
  注意, 多个答案有用 - 电脑上如何输入 Emoji 表情?

19.11.4 - 写作模板探索

19.11.5 - 链接之间用 - 来分隔开

19.11.9 - 必有 demo 在 ref 文件夹中, 并放在文章最前面(可以选择是否展开), 因此写了一个 demo.js 用于展示, 等完善以后再写一篇相关的 tips

19.11.13 - 扩展阅读需要讲明里头是写什么

19.11.13 - tips 栏目考虑

• 19.12.19 - 已经整好了😉

19.12.19 - 新建 md 文件时不再考虑用中文起名, 这会导致中文 url 复制后是很长一串转义的网址, 对 seo 也不好

20.2.27 - 对于要引用的英文文章, 将内容用中文完全表述好, 比如说对照翻译一下, 而不是甩链接