目录介绍VuePress2pnpm搭建安装Node.js安装pnpm安装VuePressstep1：创建文件夹并进入该目录编辑step2：初始化项目step3：安装VuePressstep4：在package.json中修改 scriptsstep5：创建目录和配置文件step6：将默认的临时目录和缓存目录添加到.gitignore文件中step7：启动服务器来开发你的文档网站构建你的网站基本布局添加导航栏侧边栏配置部署新建仓库添加base路径配置创建GitHubActions配置文件提交项目到github仓库不管是找工还是个人提升，对于程序员来说打造自己的github和博客网站都是必不可少
整体思路1.Github创建项目，本地创建切换到docs分支，通过VuePress构建文档项目（写一些文档），上传至Github。2.TravisCI自动clone后安装依赖、编译、上传至Githubmaster分支。3.通过GitHubPages功能将master分支上的内容展示在web上。相关资料：我的文档看下效果：https://codexu.github.io/我的文档远吗：https://github.com/codexu/codexu.github.ioVuePress中文文档(1.x)：https://v1.vuepress.vuejs.org/zh/TravisCI：https
一、gitpush自动部署1、创建用于工作流的文件在项目根目录下创建一个用于GitHubActions的工作流.yml文件name:docson:#每当push到main分支时触发部署push:branches:[main]#手动触发部署workflow_dispatch:jobs:docs:runs-on:ubuntu-lateststeps:-uses:actions/checkout@v4with:#“最近更新时间”等git日志相关信息，需要拉取全部提交记录fetch-depth:0-name:Setuppnpmuses:pnpm/action-setup@v2with:#选择要使用的p
部署vuepress项目到githubPage1.项目文件夹下有两个分支（main和gh-page）1.1main分支存放项目代码1.2gh-page分支存放npmrundocs:build之后的dist里面的所有文件2.分别提交到github上3.你的项目/docs/.vuepress/config.jsmodule.exports={title:'vuePress',description:'VuePressGitHubActions',base:'/yt-ui-doc/',//必须配置正确repo:'https://programmermao-001.github.io/yt-ui-do
目录概述部署至GitHubPages基本步骤1.确保在创建项目时勾选了创建自动部署文档的GitHub工作流2.选择GitHubPages3.触发工作流4.设置部署分支部署基本原理部署至GiteePages基本原理自定义域名国内各平台的静态网页托管服务Gitee-PagesCoding腾讯云-Webify阿里云-Codeup总结参考概述在尝试使用Hexo、VuePress构建博客后，我最终选定了更为熟悉的VuePress（Vue语法）构建我的第一个博客在使用VuePressThemeHope主题完成自定义的博客开发后，我迫不及待地开始部署博客，秉着提高访问速度的原则，我开始寻找部署到除GitHu
文章目录最终效果，一睹为快！一、工具选型二、什么是VuePress三、准备工作3.1node安装3.2Git安装3.3Gitee账号注册四、搭建步骤4.1初始化VuePress4.2安装VuePress4.3初始化目录4.4编写文章五、部署到Gitee5.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解决部署完成后，浏览器访问页面异常问题
官网快速上手|VuePress(vuejs.org)构建项目我们跟着官网的教程先构建一个demo这里我把vuepress-starter这个项目名称换成了howtolive创建并进入一个新目录mkdirhowtolive&&cdhowtolive使用你喜欢的包管理器进行初始化yarninit这里的问题可以一路回车将VuePress安装为本地依赖我们已经不再推荐全局安装VuePressyarnadd-Dvuepress注意:如果你的现有项目依赖了webpack3.x，我们推荐使用 Yarn (opensnewwindow)而不是npm来安装VuePress。因为在这种情形下，npm会生成错误的依
作者：倾城博客：https://www.codingbrick.com寄语：当你意识到面子不重要时，你才算个真正的成年人。在建设博客的初期，我采用GitBook构建了编码专家的专栏系统。GitBook是基于Node.js的静态页构建组件，可以将Markdown文档渲染为静态页，支持插件扩展，使用非常简单。由于它不支持深度的定制，使用了一段时间后，无法满足我的要求了。有一天我看到某博客采用VuePress，简洁美观、功能强大。VuePress的帮助文档非常详实，是Vue团队的诚意之作。正好我有一些Vue开发的功底，犹如出狱的色狼碰上了洗澡的刘亦菲。如果时间可以倒流，我绝对不会用WordPress
vuepress（二）插件安装推荐文章目录vuepress（二）插件安装推荐前言系列文章二、插件1.back-to-top2.last-updated3.看板娘4.樱花插件5.代码复制6.添加著作权信息7.动态标题展示8.我的所有插件配置前言这里是一个关于vuepress搭建的系列教程，里面也包括了我自己对博客的一些优化和魔改我的博客👉：一枚前端程序媛的blog我的面筋小站👉：面筋小站面筋小站是使用vuepress默认主题开发我的博客使用gungnir主题开发我在最开始时用的是Hexo+butterfly搭建博客，但是后来发现，hexo的界面虽然很好看，但是自认为vuepress的文章分类更清
前言博主此前是将博客部署在GithubPages（基于GithubAction）和Vercel上的，但是这两种部署方式对于国内用户很不友好，访问速度堪忧。因此将博客迁移到自己的云服务器上，并且基于Jenkins（一款开源持续集成工具）实现本地推送代码后，自动化集成部署环境云服务器：CentOS7，OracleJDK11本地主机：Windows11安装配置Jenkins官网安装介绍（Redhat）：RedhatJenkinsPackages注意：最新版本Jekins最好适配jdk11，使用jdk8可以正常启动，但是可能会有其他错误导入密钥sudowget-O/etc/yum.repos.d/je
