@shellraining/theme v1.0.1

shellRaining's blog theme

特性

1. 性能极佳：lighthouse 四项全部满分，LCP 仅需 0.4s
2. 自定义字体：可以任意设置自己需要的字体，主题会自动进行子集化工作，无需担心引入字体过大
3. 拓展 markdown 语法：新增 math、sup、sub、mark、mark、taskList 语法
4. viewer.js 图片预览：可以在文章页面放大预览
5. 完善的类型支持：主题提供了完善的类型支持，可以在编辑器中获得智能提示
6. 文章编辑历史：通过将 git 提交历史信息注入文章中，可以查看文章的编辑历史
7. 完善的主题配色：博客提供了亮暗两种配色，并对主题做了多种优化

安装使用

ni @shellraining-blog/theme # 将 ni 替换为你喜欢的包管理器

现在 .vitepress/theme/index.ts 中添加下面代码引入主题：

import shellRainingBlogTheme from "@shellraining-blog/theme";
import type { Theme } from "vitepress";

export default {
  extends: shellRainingBlogTheme,
} satisfies Theme;

然后你可以在 .vitepress/config.ts 中这样修改主题配置

import { defineConfigWithTheme } from "vitepress";
import { shellRainingBlogConfig } from "@shellraining-blog/theme/config";
import type { ShellRainingBlogThemeConfig } from "@shellraining-blog/theme/config";

export default defineConfigWithTheme<ShellRainingBlogThemeConfig>({
  extends: shellRainingBlogConfig,
  // 你自己的配置...
});