跳到正文
Opccii 的博客
返回

你好,世界

编辑此页

欢迎来到我的新博客。这篇文章用来验证站点的基础能力:MDX 正文、图片兜底、数学公式、代码高亮、提示框。

博客封面示意图

为什么选择 Astro

Astro 默认输出纯静态 HTML,几乎没有 JavaScript 开销,非常适合以内容为主的博客。文章正文支持 Markdown 与 MDX,因此可以混写公式、代码与自定义组件。

数学公式

行内公式直接写在句子中,例如质能方程 E=mc2E = mc^2,以及二次方程求根公式 x=−b±b2−4ac2ax = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}。

块级公式使用 $$ ... $$:

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

矩阵也可以正常渲染:

A=(a11a12a21a22)\mathbf{A} = \begin{pmatrix} a_{11} & a_{12} \\ a_{21} & a_{22} \end{pmatrix}

代码块

// 一个简单的例子:计算斐波那契数列
function fib(n: number): number {
  let [a, b] = [0, 1];
  for (let i = 0; i < n; i++) {
    [a, b] = [b, a + b];
  }
  return a;
}

console.log(fib(10)); // 55

提示框

Note

这是普通提示。正文支持 GitHub 风格的 callout。

Warning

这是警告提示,用来强调需要注意的地方。

接下来

后续会陆续补充:图床与图片兜底、数学笔记、以及一些工程实践。感谢阅读。


编辑此页
分享这篇文章:

评论