我的第一篇博客

用户 Passthem 的头像
Passthem
2025 年 3 月 25 日 更新

如果你读到了这篇博客,那么说明这个博客系统已经部署成功了。

正如你所见,现在的博客系统,包括博客文章的语法,渲染等等,都还没开始构建,现在它是一个彻彻底底的草台。因为现在还在构建的早期,所以如果有更新,我会直接把更新扔到这篇博客里的。

如果你有任何的建议,欢迎联系我,来让这个博客系统更友好,或者更有趣,谢谢你的阅读和参与!


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的自动空格!(请不要依赖它,还是自己打空格比较好!)
  • 对多行换行的支持。如果你打超过两行换行,可以创造空行。另外,含有且只含有空格的行也可以创造空行。
  • 缩进,在行首打四个空格是一级缩进。

例如这样。这是一段没有意义的文本,用来填充空间或测试排版效果。天空的蓝色与云朵的白色交织,形成一幅抽象的画卷。键盘上的字母随机排列,仿佛在诉说某种未知的语言。茶杯里的热气缓缓上升,消失在空气中,不留痕迹。数字与符号在屏幕上跳动,没有规律,也没有目的。风吹过树叶,发出沙沙的声响,却无人倾听。时间在这里静止,意义被暂时搁置。一切都在等待,等待真正的文字降临。

这是一段没有意义的文本,用来填充空间或测试排版效果。天空的蓝色与云朵的白色交织,形成一幅抽象的画卷。键盘上的字母随机排列,仿佛在诉说某种未知的语言。茶杯里的热气缓缓上升,消失在空气中,不留痕迹。数字与符号在屏幕上跳动,没有规律,也没有目的。风吹过树叶,发出沙沙的声响,却无人倾听。时间在这里静止,意义被暂时搁置。一切都在等待,等待真正的文字降临。

这是一段没有意义的文本,用来填充空间或测试排版效果。天空的蓝色与云朵的白色交织,形成一幅抽象的画卷。键盘上的字母随机排列,仿佛在诉说某种未知的语言。茶杯里的热气缓缓上升,消失在空气中,不留痕迹。数字与符号在屏幕上跳动,没有规律,也没有目的。风吹过树叶,发出沙沙的声响,却无人倾听。时间在这里静止,意义被暂时搁置。一切都在等待,等待真正的文字降临。

空行。

在等待什么吗?

评论区