vuepress+gitee免费搭建个人博客（无保留版）
文章目录
- 最终效果，一睹为快！
- 一、工具选型
- 二、什么是VuePress
- 三、准备工作
- 3.1 node 安装
- 3.2 Git安装
- 3.3 Gitee账号注册
- 四、搭建步骤
- 4.1 初始化VuePress
- 4.2 安装VuePress
- 4.3 初始化目录
- 4.4 编写文章
- 五、部署到Gitee
- 5.1 创建仓库
- 5.2 个人空间地址设置
- 4.3 推送本地博客项目到Gitee仓库
- 5.4 部署
- 六、进阶
- 6.1 优化项目目录结构
- 6.2 配置文件
- 七、终极之路
- 7.1 最终效果，一睹为快
- 7.2 快速搭建
- 7.3 解决build失败
- 7.4 解决上传本地代码到Gitee仓库后，没有“dist”目录
- 7.5 解决GiteePage部署失败问题
- 7.6 解决部署完成后，浏览器访问页面异常问题
- 八、问题记录
- 九、git 常见错误
最终效果，一睹为快！
一、工具选型
vuepress+gitee
二、什么是VuePress
Vuepress是官方出品的一款极简静态网站生成器，它的初衷就是为了用于方便快速的撰写文档。
它主要包含了以下几个特点：
- 非常简洁
- 良好的SEO
- 加载性能很高
- 可自定义主题
- 可以在markdown中写vue组件
官网地址：https://vuepress.vuejs.org/zh/
三、准备工作
环境搭建：
- 电脑安装了git
- 电脑具有Node环境
- VScode编辑器（可选）
- gitee账号
3.1 node 安装
Node官网地址：https://nodejs.cn/download/
选择自己电脑合适的版本安装即可，安装过程一直下一步。
比如Windows 64的电脑：
3.2 Git安装
Git官网地址：https://git-scm.com/
选择自己电脑合适的版本安装即可，安装过程一直下一步。
3.3 Gitee账号注册
Gitee官网地址：https://gitee.com/
我们会将博客网站部署到Gitee上面。
四、搭建步骤
4.1 初始化VuePress
电脑任意位置，创建空文件夹，用于存放我们的博客系统，你可以起任意名称。例如“blog”。
4.2 安装VuePress
- 在“blog”文件夹内，大概Git命令行，点击“git bash”。