type
status
date
slug
summary
tags
category
icon
password
前言
在数字化时代,个人博客是展示技术能力、分享知识和建立个人品牌的有效方式。本文将引导你使用 GitHub 和 Vercel,基于 Astro-theme-Cactus-zh_CN 主题搭建现代化博客,并绑定自定义域名。
什么是 Astro-theme-Cactus-zh_CN?
Astro-theme-Cactus-zh_CN 是基于 Astro 框架的静态博客主题,是经典 Cactus 主题的中文优化版本。Astro 是一个新兴的静态站点生成器,以出色的性能和灵活性著称。该主题提供响应式设计、暗色模式、标签分类等现代博客必备功能。
准备工作
开始之前,请确保你拥有:
- GitHub 账户(前往 github.com 注册)
- Vercel 账户(可使用 GitHub 账户直接登录)
- 自定义域名(可选,但推荐)
快速开始 🚀
- 访问 Astro-theme-Cactus-zh_CN 项目页面
- 点击 Fork 按钮,将项目复制到你的 GitHub 仓库
- 登录 Vercel,关联 GitHub 账户,导入仓库
- 添加 GitHub 认证,获取 OAuth ID 和 Secret
- Homepage URL——
https://你的域名 - Authorization callback URL——
https://域名/oauth/callback
- 在 Vercel → Settings → Environment Variables 中添加环境变量
OAUTH_GITHUB_CLIENT_ID→ OAuth IDOAUTH_GITHUB_CLIENT_SECRET→ OAuth Secret
- 修改 GitHub 仓库中的
public/admin/config.yml,更新repo、site_domain、base_url
- 访问
你的域名/admin进入博客后台,编辑和发布文章
个性化配置 ⚙
- 修改导航栏标题和图片 →
src/components/layout/Header.astro
- 修改网站配置 →
src/site.config.ts
- 修改框架配置 →
astro.config.ts
- 修改社交图标链接 →
src/components/SocialList.astro
- 作者:青烟
- 链接:https://sxm20.dpdns.org//article/31
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。
相关文章

