一篇带你用 VuePress + Github Pages 搭建博客

0. 前言

你好，我是悦创。

最近完成了 Bornforthis 最新官方文档，为了方便大家阅读，我用 VuePress + Github Pages 搭建了博客，博客效果如下：

1. 配置环境

1. 安装 nodejs: https://nodejs.org/en
2. 安装 pnpm: npm install -g pnpm@latest-10 参考链接
3. 安装命令行: https://conemu.github.io/
4. 安装截图软件: Snipaste
5. 安装 Git: https://git-scm.com/
6. 注册 GitHub: https://github.com/
7. 配置 SSH: https://bornforthis.cn/blog/2024/7month/git-ssh.html
8. 安装 Typora: https://typora.io/ 需购买，用于写文章的软件
9. 安装 VScode: https://code.visualstudio.com/ 设置我们的网站

2. 初始化项目

主题官网：https://theme-hope.vuejs.press/zh/

pnpm create vuepress-theme-hope my-docs  #  my-docs 为你的项目名称

3. 网站本地启动

pnpm run docs:dev

本地运行，便于观察修改后产生的效果。

4. 网站配置

4.1 主页配置

• Path： src/README.md

4.2 背景图片修改

• Path：src/README.md

4. 网站发布

欢迎关注我公众号：AI悦创，有更多更好玩的等你发现！

公众号：AI悦创【二维码】