站点功能演示

这是一篇用于检查页面效果的短文。标题层级会出现在目录中；按 Ctrl + K 可以打开全站搜索。

§ 文字、链接与引用

行内代码如 const enabled = true 会保持紧凑易读；这是一个站内链接，而外部链接会在新标签页打开：https://github.com/。

好的界面不需要用户猜测下一步，也不应该妨碍阅读。
— 这段引用用于检查间距与层级

§ 代码块

代码块带有语言标签和复制按钮；长行应横向滚动，而不是被强制折断。

type Article = { title: string; published: boolean };
const canonicalUrl = 'https://framecode.gt.tc/p/site-feature-demo/?view=desktop&mode=full';

const demo: Article = {
  title: '站点功能演示',
  published: true,
};

{
  "name": "FrameCode",
  "url": "https://framecode.gt.tc",
  "description": "独立思考，明辨是非"
}

hugo server --disableFastRender

§ 表格与公式

功能	用途	检查点
表格	对比信息	窄屏可横向滚动
代码	展示可复制内容	长行不折断
评论	读者交流	宽屏不受目录挤压

行内公式：$E = mc^2$。显示公式：

$$ \sum_{k=1}^{n} k = \frac{n(n+1)}{2} $$

§ 互动区

文末会显示点赞按钮与完整宽度的评论区。可切换深浅色模式，并分别检查桌面、平板和手机上的间距与滚动。