xxynly/starter-kit 博客部署详细教程

本文原文地址：https://blog.duyzhang.fun/blog/xxynly-starter-kit%E5%8D%9A%E5%AE%A2%E9%83%A8%E7%BD%B2%E8%AF%A6%E7%BB%86%E6%95%99%E7%A8%8B

前言

本项目是一个基于 VitePress 的静态博客模板，可以帮助你快速搭建个人博客。本项目使用了 Vercel 进行部署，可以免费使用。

准备工作

1. Fork 本仓库: 点击仓库右上角的 "Fork" 按钮，将仓库 Fork 到你自己的 GitHub 账号下。

2. 注册 Vercel 账号: 如果你还没有 Vercel 账号，请前往 Vercel 官网 注册一个账号。

部署步骤

1. 登录 Vercel: 使用你的 GitHub 账号登录 Vercel。

2. 导入项目: 点击 Vercel Dashboard 上的 "New Project" 按钮，然后选择 "Import Git Repository"。

3. 选择仓库: 在 "Import Git Repository" 页面，找到你刚刚 Fork 的仓库，并点击 "Import"。

4. 配置项目:

   • Project Name: 你可以自定义你的项目名称。

   • Framework Preset: 选择 "VitePress"。

   • Root Directory: 保持默认值 .。

   • Build & Output Settings:

     • BUILD COMMAND: 保持默认值 npm install && npm run build。

     • OUTPUT DIRECTORY: 保持默认值 dist。

   • Environment Variables: 无需配置。

5. 部署: 点击 "Deploy" 按钮，Vercel 将会自动构建并部署你的博客。

6. 访问博客: 部署完成后，Vercel 会为你生成一个访问链接，点击链接即可访问你的博客。

自定义配置

修改博客名称和描述

打开 docs/.vitepress/config.ts 文件，修改 title 和 description 字段为你自己的博客名称和描述。

export default defineConfig({
  title: "你的博客名称",
  description: "你的博客描述",
  // ...其他配置
});