如果你读到了这篇博客,那么说明这个博客系统已经部署成功了。
正如你所见,现在的博客系统,包括博客文章的语法,渲染等等,都还没开始构建,现在它是一个彻彻底底的草台。因为现在还在构建的早期,所以如果有更新,我会直接把更新扔到这篇博客里的。
如果你有任何的建议,欢迎联系我,来让这个博客系统更友好,或者更有趣,谢谢你的阅读和参与!
2 月 14 日
这个博客系统终于完成了最基础的雏形,接下来几天的任务,是对基础的 Markdown 语法的解析和转译工作。同样,我会继续在用户系统上下一点功夫的,请大家期待!
当然,现在有些字段,就连数据库里都还没有,例如一篇 Blog 的首图等等,这些字段我会相继添加。
总之,写了这么多天,终于有一些能够看到的成果了,有点小成就感。
2 月 16 日
正如你所见,我终于开始写这里的界面了。首先支持的就是文章的头图。除此之外,现在终于开始支持代码块了,就像这样:
console.log("Hello, world!")
写法是:
```javascript
console.log("Hello, world!")
\```
跟原生的 Markdown 差不多,吧,大概,只不过这里就没有避免代码块在内部闭合的问题,所以我在匹配「代码块结尾」的时候,用的是「一整行有且仅有三个反撇号」。
另外,各种行内元素,我都还没有开始匹配,就像是倾斜或者加粗之类的。这个会在不久之后支持,不久之后你就看得到啦!
2 月 17 日
转义符号支持
加了一个行首的转义符号,用来处理一些特殊的情景。例如:
\```plaintext
我需要有一行,这一行只有三个撇
\\```
\```
渲染的结果是:
我需要有一行,这一行只有三个撇
\```
插入图片支持
我在后台写了这个上传图片的接口:
![[4,上传图片的接口]]
因此,只要指定图片 ID,就可以把在博客中插图了:
![[4,上传图片的接口]]
如果不需要在下面标注,也是可以的:
![[4]]
动图也可以哦:
![[6]]
渲染失效警告
当遇到语法错误时,渲染器会自动抛出,就像下面这样:
![[这个肯定不是图片的编号]]
KaTeX 支持
现在支持输入整行的数学公式了:
$$
\mathcal{L} = \int_0^{+\infty} \sum_{i=1}^{n} \left( \frac{-\beta_i E_i(t)}{k_B T} - \ln \left( \frac{\partial}{\partial t} \left[ \mathbf{X}(t) \mathbf{Y}^{-1} \right]_{i,i} \right) \right) \, dt
$$
(这个公式我不知道是什么意思,我让 AI 生成的,只为了测试性能)将会渲染成:
$$ \mathcal{L} = \int_0^{+\infty} \sum_{i=1}^{n} \left( \frac{-\beta_i E_i(t)}{k_B T} - \ln \left( \frac{\partial}{\partial t} \left[ \mathbf{X}(t) \mathbf{Y}^{-1} \right]_{i,i} \right) \right) , dt $$
2 月 21 日
久等了!今天的更新是:倾斜,加粗,==高亮==,代码块和&&不准你看的东西!&&
语法如下:
*倾斜*
**加粗**
==高亮==
`代码块`
&&黑幕&&
2 月 22 日
添加了对 Mermaid 的支持:
graph LR
A[那我问你] -->|你是男的| B[我头就尖怎么了]
A -->|你是女的| B
A -->|你是秃顶| B
A -->|你有染发| B
\```mermaid
graph LR
A[那我问你] -->|你是男的| B[我头就尖怎么了]
A -->|你是女的| B
A -->|你是秃顶| B
A -->|你有染发| B
\```
3 月 24 日
添加了排版上的一些优化,包括:
- 中文Chinese和英语English的自动空格!(请不要依赖它,还是自己打空格比较好!)
- 对多行换行的支持。如果你打超过两行换行,可以创造空行。另外,含有且只含有空格的行也可以创造空行。
- 缩进,在行首打四个空格是一级缩进。
例如这样。这是一段没有意义的文本,用来填充空间或测试排版效果。天空的蓝色与云朵的白色交织,形成一幅抽象的画卷。键盘上的字母随机排列,仿佛在诉说某种未知的语言。茶杯里的热气缓缓上升,消失在空气中,不留痕迹。数字与符号在屏幕上跳动,没有规律,也没有目的。风吹过树叶,发出沙沙的声响,却无人倾听。时间在这里静止,意义被暂时搁置。一切都在等待,等待真正的文字降临。
这是一段没有意义的文本,用来填充空间或测试排版效果。天空的蓝色与云朵的白色交织,形成一幅抽象的画卷。键盘上的字母随机排列,仿佛在诉说某种未知的语言。茶杯里的热气缓缓上升,消失在空气中,不留痕迹。数字与符号在屏幕上跳动,没有规律,也没有目的。风吹过树叶,发出沙沙的声响,却无人倾听。时间在这里静止,意义被暂时搁置。一切都在等待,等待真正的文字降临。
这是一段没有意义的文本,用来填充空间或测试排版效果。天空的蓝色与云朵的白色交织,形成一幅抽象的画卷。键盘上的字母随机排列,仿佛在诉说某种未知的语言。茶杯里的热气缓缓上升,消失在空气中,不留痕迹。数字与符号在屏幕上跳动,没有规律,也没有目的。风吹过树叶,发出沙沙的声响,却无人倾听。时间在这里静止,意义被暂时搁置。一切都在等待,等待真正的文字降临。
空行。
在等待什么吗?