跳到正文
ZL Notes
返回

你好,ZL Notes

这是 ZL Notes 的第一篇文章。它有两个用途:一是正式开张,二是当作一份「排版测试页」,确认代码高亮、数学公式和图片都能正常显示。

目录

展开目录

为什么写博客

写作是最好的思考方式。把一个问题讲清楚,往往比「好像懂了」难得多,而这个过程本身就是在学习。

这个博客主要记录:

  1. 学习笔记与技术折腾
  2. 读书和思考
  3. 一些零散的想法

这个博客是怎么运作的

从写作到上线的流程

文章就是仓库里的 Markdown 文件,推送到 main 分支后,Cloudflare 会自动构建并发布。

Tip

每篇文章放在自己的文件夹里(例如 posts/2026/hello-world/index.md),图片和文章放在一起,用相对路径引用即可。

代码

行内代码:pnpm dev。代码块支持文件名标注、高亮和 diff:

export function greet(name: string): string {
  const greeting = "Hello"; 
  const greeting = "你好"; 
  return `${greeting},${name}!`; 
}src/utils/greet.ts
# 本地预览
pnpm install
pnpm dev

数学公式

行内公式:质能方程 E=mc2E = mc^2,欧拉恒等式 eiπ+1=0e^{i\pi} + 1 = 0。

独立公式:

∫−∞∞e−x2 dx=π\int_{-\infty}^{\infty} e^{-x^2}\,\mathrm{d}x = \sqrt{\pi}

多行对齐:

∇⋅E=ρε0∇×B=μ0J+μ0ε0∂E∂t\begin{aligned} \nabla \cdot \mathbf{E} &= \frac{\rho}{\varepsilon_0} \\ \nabla \times \mathbf{B} &= \mu_0 \mathbf{J} + \mu_0 \varepsilon_0 \frac{\partial \mathbf{E}}{\partial t} \end{aligned}

表格

功能实现方式
公式KaTeX(构建时渲染)
搜索Pagefind(纯静态)
评论Giscus(GitHub 讨论区)
统计Cloudflare Web Analytics

就这样,开始写吧。


本文采用CC BY-NC-SA 4.0许可协议,转载请注明出处。

分享这篇文章: