你好，世界
欢迎来到 KQ:Creation。 这是我的第一篇文章，用于验证 Phase 1 骨架搭建效果。
博文
纯文本文章
这是一篇纯文本文章，用于测试最基本的排版效果。 段落之间的间距应该舒适，行高应当为 1.7，让中文阅读体验更好。正文字号为 1rem，不会过大也不会过小。 链接默认不显示下划线，但当鼠标悬停时会出现下划线。比如这是一个示例链接。 这篇文章不包含任何标题、图片、代码块或表格。它只测 …
目录功能测试文章
这篇文章包含多个二级和三级标题，用于验证目录面板的正确生成和交互。 第一章：设计哲学 KQ:Creation 的极简主义体现在多个层面。首先是视觉层面，黑白灰配色消除了色彩干扰。其次是交互层面，没有多余的动画和过渡效果。 1.1 配色方案 浅色模式下，背景为纯白，文字为近黑。这种 …
图片功能测试
本文测试图片的懒加载和点击放大功能。所有图片应默认带有 loading="lazy" 属性，并且点击后可以通过 medium-zoom 放大查看。 自然风光 以下是一张自然风光图片，用于测试基本的图片渲染效果： 图片应居中显示，圆角 4px，鼠标悬停时显示放大 …
代码高亮测试
本文包含多种编程语言的代码块，用于测试 Chroma 语法高亮在浅色和深色模式下的表现。 Go 语言 package main import "fmt" func main() { // 打印问候语 message := "Hello, …
LaTeX 公式渲染测试
本文测试 KaTeX 对行内公式和块级公式的渲染效果。此文章的 front matter 中标记了 math: true，因此会加载 KaTeX 资源。 行内公式 行内公式使用单个美元符号包裹：$E = mc^2$ 是爱因斯坦的质能方程。欧拉公式 $e^{i\pi} + 1 = …
表格功能测试
本文测试 Markdown 表格的渲染效果。表格在浅色和深色模式下均应清晰可读。 简单表格 特性 状态 备注 懒加载 已实现 使用 loading=“lazy” 图片放大 已实现 medium-zoom 深色模式 已实现 localStorage 持久化 …
引用块测试
本文测试 Markdown 引用块（blockquote）的渲染效果。 单段引用 简单是最终的复杂。 —— 达·芬奇 多段引用 极简主义不是关于剥夺，而是关于聚焦。当你移除了所有不必要的东西，剩下的就是真正重要的。 这个原则适用于设计、写作，也适用于生活本身。 嵌套引用（如果 …
列表功能测试
本文测试有序列表和无序列表的渲染效果。 无序列表 以下是无序列表的测试项： 静态站点生成 响应式布局 深色模式支持 图片懒加载 LaTeX 数学公式 行内公式 块级公式 矩阵表达式 有序列表 构建流程如下： 编写 Markdown 文章 运行 hugo --minify 构建 将 …
内联代码与文本格式测试
本文测试内联代码、粗体、斜体等文本级语义元素的渲染效果。 内联代码 在 Go 语言中，fmt.Println() 是最常用的输出函数。CSS 变量通过 var(--text) 引用。Hugo 配置文件名为 hugo.toml。 内联代码应使用 --code-bg 背景色 …
长文章滚动测试
这是一篇故意写得很长的文章，用于测试以下功能： 首页摘要截断（summaryLength = 120 字符） 文章页返回顶部按钮的显隐控制 页面滚动性能 第一节：Lorem Ipsum Lorem ipsum dolor sit amet, consectetur …