VuePress的博客搭建并自动部署页面到码云（Gitee）

最新推荐文章于 2024-07-22 11:09:36 发布

置顶

果真zZ

最新推荐文章于 2024-07-22 11:09:36 发布

阅读量1.6k

点赞数 3

分类专栏： VuePress博客

本文链接：https://blog.csdn.net/qq_39367226/article/details/107449816

版权

本文介绍了如何使用VuePress搭建个人博客，并详细讲解了如何将项目推送到码云Gitee并设置自动部署，包括创建项目、配置文件修改、部署脚本编写等步骤。

摘要由CSDN通过智能技术生成

一、VuePress 简介

VuePress 由两部分组成：第一部分是一个极简静态网站生成器，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。

每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面被加载，Vue 将接管这些静态内容，并将其转换成一个完整的单页应用（SPA），其他的页面则会只在用户浏览到的时候才按需加载。

二、快速搭建博客

2.1本地博客搭建命令

a.npm 博客搭建

npm install @vuepress-reco/theme-cli -g  #插件安装 
theme-cli init hch-blog  #项目初始化 
cd  hch-blog 
npm install  #安装依赖 
npm run dev  #项目运行 
npm run build  #项目构建

b.yarn 博客搭建

npm  install -g cnpm --registry=https://registry.npm.taobao.org  #安装淘宝镜像 
cnpm install -g yarn  #安装yarn 
yarn global add @vuepress-reco/theme-cli  #插件安装 
theme-cli init hch-