README.zh-CN.md

活版印字

在线预览

此主题系 Hexo 主题 活版印字 在 Astro 平台上的移植版本

English |简体中文

特性

• 使用 :TypeScript 和 UnoCSS 构建。
• 快速:100% Pagespeed Score。
• 排版: 根据流行的中文排版规范派生出的排版，旨在为网站访客提供更佳的阅读体验。
• 响应式: 响应式设计，适用于所有屏幕尺寸。
• 易访问:深思熟虑的语义和易访问内容。
• SEO 友好:支持 Open Graph 和 Twitter Cards，提供更好的社交分享体验。
• 为搜索引擎提供 站点地图 和 RSS 订阅。
• 支持 i18n 国际化。
• 支持暗色模式。

Demo

提交一个 PR 来添加你的博客 Demo。

• Live Demo
• My Blog

开始使用

这是一个轻巧、响应式设计且对 SEO 友好的 Astro 博客主题。本指南将帮助您开始一个新项目。

快速开始

您可以通过点击下面的按钮轻松创建一个新项目。

或者，您可以通过从这个模板创建一个仓库来部署它。

Click here to create a repo from this template on GitHub.

添加文章

您可以通过在 src/content/posts中创建一个新的降价文件来添加内容。该文件需要前面的元数据，如下所示：

---
title: title
pubDate: 2021-08-01
categories: ['article']
description: 'description'
---

或者，您可以在终端中使用以下命令创建新帖子：

pnpm new-post

更新主题

您可以通过在终端中运行以下命令来更新主题：

pnpm update-theme

定制化

「活版印字」主题是高度可定制的。配置文件在src/theme.config.ts

社交链接

「活版印字」主题内置支持通过配置文件中的社交选项将指向您的社交媒体帐户的链接添加到网站：

export const THEME_CONFIG: App.Locals['config'] = {
  socials: [
    {
      name: "github",
      href: "https://github.com/moeyua/astro-theme-typography"
    }
    ...
  ]
}

name字段填写对应的社交平台名称，参考 Material Design Icons, 这将自动生成为图标。

导航链接

默认情况下，导航是「文章」、「归档」、「分类」和「关于」。您可以在配置文件中添加更多内容：

export const THEME_CONFIG: App.Locals['config'] = {
  navs: [
    {
      name: "Categories",
      href: "/categories"
    }
    ...
  ]
}

然后在src/page中添加相应的页面，在 Astro Pages中查看更多

黑暗模式

「活版印字」主题支持深色模式。您可以在配置文件中更改它：

export const THEME_CONFIG: App.Locals['config'] = {
  themeStyle: 'dart' // 'light' | 'dark'
}

国际化 (i18n)

「活版印字」主题为多语言站点提供内置支持。默认情况下，语言为'en-us'，您可以在配置文件中更改它：

export const THEME_CONFIG: App.Locals['config'] = {
  locale: "zh-cn"
}

目前，「活版印字」主题支持以下语言：

• en-us
• zh-cn
• zh-tw
• ja-jp

您可以在src/i18n.ts中查看所有支持的语言，并根据需要添加更多。

Pagespeed 分数

TODO

• WebSub
• comment
• search
• analytics