Skip to content
向野而深的博客
Go back

AstroPaper 主题博客配置指南

目录

本文档汇集了 AstroPaper 主题的所有配置教程和使用指南,帮助你快速上手并定制属于自己的博客。

1.入门指南

1.1 如何配置 AstroPaper 主题

  • 简介: 這是配置 AstroPaper 的首要指南。了解如何在 src/config.ts 中设置网站的基本信息(如标题、描述、网址)、社交媒体链接以及其他核心选项。
  • 核心内容: SITE 配置、Socials 配置。

1.2 如何在 AstroPaper 主题中添加新文章

  • 简介: 掌握在 AstroPaper 中发布内容的正确姿势。
  • 核心内容: Frontmatter 字段说明(title, slug, datetime 等)、添加特色图片、Markdown 写作规范。

2.外观定制

2.1 如何自定义 AstroPaper 主题配色方案

  • 简介: 想要与众不同的博客外观?这里教你如何修改主题配色。
  • 核心内容: 启用/禁用深色模式、通过 Tailwind CSS 配置自定义颜色、皮肤设置。

2.2 如何预定义 AstroPaper 主题配色方案

  • 简介: 包含一系列精心设计的预定义配色方案,可直接应用。
  • 核心内容: 预设配色列表、JSON 配置示例。

3.高级功能

3.1 如何在 AstroPaper 博客文章中的生成动态 OG 图片

  • 简介: 自动为每篇文章生成精美的 Open Graph 分享图片(OG Image),无需手动制作。
  • 核心内容: 动态 OG 图片的工作原理、配置方法。

3.2 如何将 Giscus 评论集成到 AstroPaper 主题

  • 简介: 利用 GitHub Discussions 为你的静态博客添加评论功能。
  • 核心内容: 获取 Giscus 配置、集成到 AstroPaper 的步骤。

3.3 如何在 AstroPaper 博客文章中添加 LaTeX 公式

  • 简介: 为数学和科学类文章提供 LaTeX 公式支持。
  • 核心内容: 安装和配置 KaTeX、Markdown 中编写公式的语法示例。

提示: 点击上述标题即可跳转至对应详细文档。建议按照“入门 -> 外观 -> 高级功能”的顺序进行配置。



Next Post
如何在 AstroPaper 博客文章中的生成动态 OG 图片