跳转到内容

站点配置

修改网站标题、作者、描述等基本信息

通过修改 moire.config.ts 文件,你可以自定义网站的基本信息。

your-repo/
└── moire.config.ts ← 在这里

打开 moire.config.ts,你会看到类似这样的配置:

export default {
// 网站标题
title: "My Moire Blog",
// 作者名称
author: "Aeris",
// 网站描述(用于 SEO)
description: "My personal blog powered by Moire",
// 每页显示的文章数量
pageSize: 10,
// 主题选择
theme: "receipt",
// 你所在的时区
utcOffset: 8
}

类型string
默认值"Moire Blog"

网站的标题,会显示在:

  • 浏览器标签页
  • 页面顶部导航栏
  • SEO meta 标签

类型string
默认值"Anonymous"

作者名称,用于:

  • 文章署名
  • RSS feed
  • SEO meta 标签

类型string
默认值"A blog powered by Moire"

网站描述,主要用于 SEO,会出现在:

  • Google 搜索结果下方
  • 社交媒体卡片
  • RSS feed 描述

类型number
默认值10

首页每页显示的文章数量。

  • 建议 5-20 之间
  • 太少需要频繁翻页
  • 太多加载慢

类型string
可选值"receipt" | "cyberpunk" | "academic" | "pixel"

主题风格,详见主题风格章节。

类型number
默认值8

你所在的时区,用于计算文章的发布时间。

一个完整的配置示例:

export default {
title: "莫尔的笔记本",
author: "Aeris",
description: "记录技术、生活与思考",
pageSize: 8,
theme: "academic",
avatar: "https://avatars.githubusercontent.com/u/123456",
utcOffset: 8
}

修改配置后:

  1. 提交到 GitHub(通过 Git 或 GitHub 网页编辑
  2. GitHub Actions 会自动构建
  3. 等待 1-2 分钟,刷新网站即可看到更改

配置好站点信息后,让我们看看如何切换主题。