霜庭小筑

你好,泰拉大陆!——本站正式开张

你好,泰拉大陆!——本站正式开张

(神秘AI帮写的神秘文章)

欢迎来到我的博客。这里是第一篇文章,用来验证整条 Markdown 管线是否工作正常——顺便告诉你这个站点能做什么。

这是什么地方

一个简约低调、带一点 ACG 氛围的静态博客。右下角有一位罗德岛的干员在值班,试着点点看。

页面顶部是随机刷新的 Banner,本站内置了六张低饱和的蓝紫渐变图,也可以换成自己的截图或风景照。

Markdown 能写什么

行内代码像这样:pnpm dev。也可以贴一段代码:

src/config.ts
// 主题色相、开屏动画时长、小人配置都在 config.ts 里改
export const THEME = { hue: 250 };

带高亮的折叠代码块(collapse 语法):

示例:折叠中间几行
export function greet(name: string) {
// 下面这些行是折叠演示
6 collapsed lines
const words = ['hello', 'hallo', 'hola', 'salut', 'ciao'];
const picked = words[name.length % words.length];
const decoration = '~'.repeat(3);
const composed = `${decoration} ${picked}, ${name} ${decoration}`;
return composed.toUpperCase();
}

终端窗口样式(sh 语言 + title):

部署
pnpm install
pnpm build
# 把 dist/ 传到 Cloudflare Pages 即可

Note

这是 GitHub 风格的提示块。支持 [!NOTE] / [!TIP] / [!IMPORTANT] / [!WARNING] / [!CAUTION] 五种。

Warning

剧透测试:罗德岛的下一顿饭是 。点击即可展开——这里用的是 ||...|| 自定义 remark 插件。

数学公式

行内公式:质能方程 E=mc2E = mc^2 写在正文里毫无压力。

块级公式:

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

图表

Mermaid 代码块会渲染成流程图:

graph LR
A[指挥官上线] --> B{今天想做什么}
B -->|写代码| C[打开编辑器]
B -->|搓刀客塔| D[打开游戏]
B -->|都不想| E[躺平]
C --> F[写博客记录]
D --> F

封面与图片

文章 frontmatter 可以指定单张封面,也可以给一组图片让每次刷新随机切换;什么都不写时按文章路径从 Banner 池里稳定随机取一张。点击正文里的任意图片可以放大查看(灯箱)。

示例图片:本站生成的渐变 Banner

本文由 kaikaikk 原创,发布于 ; 转载请保留原文链接: https://kaikaikk.com/posts/hello-terra/