安装

创建一个项目 blog（或者叫别的什么名字）：

mkdir blog && cd blog
yarn init  # or: npm init

安装 VuePress 和主题 Gungnir：

pnpm install -D vuepress@next vue @vuepress/client@next vuepress-theme-gungnir@next

yarn add -D vuepress@next vuepress-theme-gungnir@next

npm install -D vuepress@next vuepress-theme-gungnir@next

请确保你使用的是最新版本的 VuePress（2.0.0-beta.49）和主题。

参考 VuePress 文档搭建目录结构。建议在 package.json 的 dev 和 build script 里添加 --clean-cache，即：

{
  "scripts": {
    "docs:dev": "vuepress dev docs --clean-cache",
    "docs:build": "vuepress build docs --clean-cache"
  }
}

然后在 .vuepress/config.js 或 .vuepress/config.ts（如果你在使用 TypeScript 的话）中指定主题：

// .vuepress/config.js

const { gungnirTheme } = require("vuepress-theme-gungnir");

module.exports = {
  ...
  theme: gungnirTheme({
    // 你的主题配置
  })
}

// .vuepress/config.ts

import { defineUserConfig } from "vuepress";
import { gungnirTheme } from "vuepress-theme-gungnir";

export default defineUserConfig({
  ...
  theme: gungnirTheme({
    // 你的主题配置
  })
});