Markdown 渲染测试

主题特性展示：本页面涵盖 Astro Pure 主题支持的所有 Markdown 增强渲染功能。

一、基础排版#

强调与行内元素#

这是 粗体，这是 斜体，这是 删除线，这是 行内代码。

这里有一个 Spoiler 行内组件—— 这是一个隐藏内容，点击展开

链接#

内部链接，外部链接 ↗（自动追加 ↗ 标记）。

引用块#

水满则溢，月盈则亏。

凡事有度，过犹不及。保持谦逊与敬畏，方能行稳致远。 — Yinary

二、代码高亮#

TypeScript#

interface Post {
  title: string
  description: string
  publishDate: Date
  tags: string[]
  draft?: boolean
}

async function getPosts(): Promise<Post[]> {
  const res = await fetch('/api/posts')
  return res.json()
}

Rust#

fn main() {
    let greeting = "Hello, Yinary!";
    println!("{}", greeting);

    for i in 0..5 {
        println!("Count: {}", i);
    }
}

带标题和折叠的代码块（长代码会自动折叠）#

// 这段代码被标记折叠，超过 10 行后自动折叠
const config = {
  site: 'https://yinary.top',
  title: 'Yinary',
  author: 'Hoyou',
  language: 'zh-CN',
  theme: 'Astro Pure',
  features: {
    search: true,
    rss: true,
    sitemap: true,
    toc: true,
    katex: true,
    lightbox: true,
    comment: false
  }
}

三、数学公式（KaTeX）#

行内公式#

质能方程：$E = mc^2$

块级公式#

欧拉公式：

傅里叶变换：

二次方程求根公式：

贝叶斯定理：

四、表格#

五、列表#

无序列表#

• 前端技术
  • Astro
  • React
  • Vue
• 后端技术
  • Node.js
  • Go
• 工具链
  • Bun
  • Vite

有序列表#

1. 安装依赖 bun install
2. 启动开发 bun run dev
3. 构建部署 bun run build

任务列表#

• 配置 Astro Pure 主题
• 设置 GitHub Actions
• 申请域名备案
• 添加友链

六、Steps 步骤组件#

1. 安装 Astro

   使用 Bun 一键安装项目模板。

   git clone https://github.com/cworld1/astro-theme-pure.git
   cd astro-theme-pure && bun install

   bash

2. 配置站点

   编辑 src/site.config.ts，设置站点标题、作者、描述等信息。

3. 编写文章

   在 src/content/blog/ 下创建 Markdown 文件。

4. 推送部署

   Git push 到 GitHub，Actions 自动构建并部署到服务器。

七、Tabs 标签页#

const message: string = 'Hello, Yinary!'
console.log(message)

message = "Hello, Yinary!"
print(message)

fn main() {
    let message = "Hello, Yinary!";
    println!("{}", message);
}

八、Aside 提示框#

九、Timeline 时间线#

十、Collapse 折叠#

十一、CardList 卡片列表#

十二、图片与 Lightbox#

点击下图可放大预览：

图片会自动启用 MediumZoom 灯箱效果，点击图片即可放大查看。

十三、分割线#

上面的内容到此为止。

开始新的话题。

总结#

Astro Pure 主题为 Markdown 提供了丰富的增强渲染：