vuepress创建博客并部署到gitee

VuePress + Gitee 快速搭建个人博客

除了CSDN、博客园等，我们还可以使用Gitee Page（国内访问速度快）或Github Page + VuePress，来搭建自己的博客网站。

本文介绍基于 vuepress-theme-hope 主题部署博客至 GitHub pages、Gitee pages的基本步骤和原理（GitHub Actions），同时介绍国内其他平台的静态网页托管服务

vuePress ，半天快速搭建，准备放在gitee pages上展示

一、VuePress 简介 VuePress 由两部分组成：第一部分是一个极简静态网站生成器，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。 每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面被加载，Vue 将接管这些静态内容，并将其转换成一个完整的单页应用（SPA），其他的页面则会只在用户浏览到的时候才按需加载。 二、快速搭建

VuePress Vue 驱动的静态网站生成器 请确保你的 Node.js 版本 >= 8.6。 全局安装npm install -g vuepress 创建项目文件夹mkdir vuepress-demo cd vuepress-demo 初始化项目 npm init -y 改写package.json { "scripts": { "docs:dev": "vuepress dev docs", "docs:build": "vuepress build docs" } .

1，下载VuePress和博客主题 cnpm i vuepress @vuepress-reco/theme-cli –g 进入文件夹“G:\GiteeRepositories”，并打开dos窗口 theme-cli init lijiang_blog #项目名 cd lijiang_blog cnpm i #安装依赖 cnpm run dev #项目运行 （注意：这里有三...

使用技术 VuePress + vuepress-theme-reco VuePress简介 VuePress文档地址 简洁至上：以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作。 Vue 驱动：享受 Vue + webpack 的开发体验，可以在 Markdown 中使用 Vue 组件，又可以使用 Vue 来开发自定义主题。 高性能：VuePress 会为每个页面预渲染生成静态的 HTML，同时，每个页面被加载的时候，将作为 SPA 运行。 一、上手搭建 1.创建并进入一个新

一、快速搭建博客 1.怎么才能实现快速搭建博客的呢？ 其实很简单就是拿来主义。首先你要知道有哪些工具可以搭建博客；然后你可通过搜索引擎搜索官方文档，动动手指就可以本地运行起来。但是运行起来的只是个 demo ,你的要求肯定不仅限于此。 2.怎样搭建一个功能强大的博客呢？ 继续使用搜索引擎搜索博客主题，然后嵌入自己的内容。一款优秀的博客框架，当然有很多开发者的支持。那么肯定很多的主题（The...

后续的部署测试啥的，比较常规，就不写了。这时候，无论点击导航栏还是侧边栏。都会报404，这是因为生成路由了，但是没有对应的页面（vuepress下每个md文件就是一个页面）。到这一步，已经可以开始写markdown技术文档了，但是每次新增，都需要手动新增侧边栏的配置，这样一点也不机智，我希望它能够自动生成侧边栏。为了简化开发成本，我们可以直接使用主题，这里我用的是：[vuepress theme vdoing](导航栏可能包含你的页面标题、搜索框、 导航栏链接、多语言切换、仓库链接，它们均取决于你的配置。

前言 最近在用Vuepress的vuepress-theme-reco搭建我的个人博客个人博客，并部署到GitHub或者Gitee的GitPages的过程中，遇到到了各种各样的坑。为了解决这些坑，我通过加群交流，网上搜寻花费了不少 精力来解决，为了避免大家和我踩同样的坑，我通过此篇博文，特地将遇到的问题和解决方案记录下来，与大家分享。 总结一下，遇到的问题分为两类：1、路径问题 2、部署问题 如果...

1.Node.js：下载 | Node.js 中文网 (nodejs.cn) ，Hexo 是基于Node.js 的博客框架教程：https://blog.csdn.net/weixin_52799373/article/details/123840137。

通过“Git Push即部署”的方式，我们实现了VuePress项目的自动化部署，不仅提高了部署效率，还减少了人为错误的可能性。无论你是个人开发者还是团队负责人，都可以尝试使用这种高效便捷的部署方案来优化你的工作流程。

记录使用vuepress搭建个人博客的过程

大家好，我是若川。我持续组织了近一年的源码共读活动，感兴趣的可以点此扫码加我微信lxchuan12参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》包含20余篇源码文章。历史面试系列。另外：目前建有江西|湖南|湖北|河南籍前端群，可加我微信进群。公众号回复【相亲】关键词可以获取男生、女生的菜单~作为一个程序员，相信每个人都想折腾一个属于自己的...

VuePress+Gitee快速搭建个人博客的尝试 昨天在GitHub上看见了VuePress项目，还尝试一下，不过只是运行了一下，没有部署和修改。vuepress-theme-vdoing使用体验、我对博客网站的认识——wsdchong 今天尝试一下部署。 借鉴不安分的猿人的VuePress +Gitee 快速搭建个人博客 文章目录VuePress+Gitee快速搭建个人博客的尝试部署实现过程重新认识vuepress项目修改过程理论基础摘要 部署实现过程 步骤1：本地博客快速搭建。下载项目，安装依赖（np

使用vuePress搭建自己的博客系统如上是使用vuepress+vuePress快速搭建的一个博客系统使用gitee作为仓库，并且使用Gitee Pages 服务来运行维护博客。一、准备环境二、源码 平常网络随处可见各种个性的网站，有些是官网博客，有些是个人自定义的博客，也有一些是自己开发的博客系统，但是不管怎么说，总归很少有人从零开发一个属于自己的博客，不说样式和代码开发繁琐，而且也没有过多的时间来维护开发，所以借助于三方的博客平台来快速搭建自己的博客系统。 下面让我们来看看博客的效果。

博客地址：点击 「阅读原文」，可直接访问，接下来我们看下具体搭建的步骤：VuePress 自然不用多说，基于 Vue 的静态网站生成器，风格简约，配置也比较简单。之所以不使用 VitePress，是因为想使用现有的主题， 而 VitePress 不兼容当前 VuePress 的生态系统，至于为什么不选择 VuePress@next，考虑到还处于 Beta 阶段，等稳定后再开始迁移。1. 本地搭建// 文件名自定义。

最近想对学过的前端知识以及做过的项目进行整理，于是采用了vuepress+gitee搭建个人博客，本篇文章主要写搭建过程及遇到的坑。 前提条件 VuePress 需要 Node.js >= 8.6 快速搭建博客 mkdir vuepress-starter && cd vuepress-starter //创建一个新目录并进入该目录 yarn init //包管理器进行初始化，或者采用 npm init yarn add -D vuepress //安装vuepress mkd