vuepress部署脚本

最新推荐文章于 2024-01-27 10:32:35 发布
最新推荐文章于 2024-01-27 10:32:35 发布
阅读量396 收藏
点赞数
文章标签： git 运维 shell
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/han1396735592/article/details/100043752
版权

vuepress部署脚本

rm -rf docs

vuepress build 
# 导航到构建输出目录
# mv .vuepress/dist .
# mv dist docs
echo 'docs.github.qqhxj.cn' > docs/CNAME
git init
git add .
git commit -m 'deploy'

# 推到你仓库的的 gh-page 分支
# 将 <USERNAME>/<REPO> 替换为你的信息
git push -f git@github.com:/han1396735592/docs.git master
# 打开浏览器
start chrome https://docs.github.qqhxj.cn
han1396735592
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vuepress_blog:基于vuepress的博客
04-03
通过学习和实践，你可以了解到 Vuepress 的基本用法，掌握 Markdown 语法，了解如何配置和扩展 Vuepress 以满足自己的需求，同时也可以学习到一些自动化部署的技巧。对于希望创建技术博客或者文档站点的人来说，Vue...
vuepress项目部署到自己的服务器,VuePress + Nginx + Git 实现自动部署
weixin_39875503的博客
08-09 3388
vuepress是一个静态网站生产器，是一个开箱即用的开源项目文档web页面生成工具，vue的在线web文档就是用vuepress制作的。本文主要介绍如何配置vuepress以及利用nginx部署vuepress，分成项目生成和项目的部署两个部分来说明如何进行博客的搭建。一、项目生成：VuePress在官方文档中，已经有较为详细的介绍，如何生成一个默认主题的VuePress项目。总体来说，可以使用...
5-vuepress文档部署到linux服务器
majc111111的博客
04-11 552
打包命令执行成功后会在.vuepress目录下面生成一个dist文件,我们需要上传该文件到服务器。我这里测试的地址是 https://www.hellocoders.cn/vuepress/在docs目录下打开cmd,输入打包的命令。
如何使用VuePress开发并部署静态博客网站（附进阶的自定义主题教程）
qq_43792937的博客
02-09 6949
作为一个程序员，拥有一个自己的博客网站算得上是家常便饭了 每当我们解决一个问题时，及时总结并记录下来是一个对学习很有帮助的习惯，方便以后遇到同类型的问题时，不用再去百度谷歌找半天。而将这些内容发布在自己的博客网站上，同样也可以让其他遇上同样问题的人看到，并帮助到他们。借用在一个个人博客上看到的一句话： > 对任何渴望进步的人来说，写博客/文章/回答对自己的成长帮助都是巨大的。频率和数量不必过分强求，有话要说就写写，没事就歇歇，随意点。因为坚持写作的那一刻起，你就已经开始受益。
我的 VuePress 博客部署之路
INT_FUTURE的博客
02-10 1578
本文介绍基于 vuepress-theme-hope 主题部署博客至 GitHub pages、Gitee pages的基本步骤和原理（GitHub Actions），同时介绍国内其他平台的静态网页托管服务
vuepress搭建个人博客以及部署
最新发布
qq_43206280的博客
01-27 1453
vuepress，Vue 驱动的静态网站生成器，以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作。vuepress存在很多主题，也可以自定义设计主题，上传npm使用这里采用vuepress-theme-hope主题模板进行制作创建项目命令yarn/npm/pnpm都可以这里记录几个关键点。
vuepress-demo.zip
05-23
5. **预览和部署**：VuePress 提供了 `vuepress dev` 命令用于本地开发预览，而 `vuepress build` 则用于生成静态页面，这些页面可以直接部署到任何静态托管服务上。 6. **Markdown 功能**：VuePress 支持 Markdown...
vuepress
03-22
在 VuePress 的上下文中，这可能是指使用批处理脚本来自动化构建、部署或更新 VuePress 项目。例如，可以编写一个批处理脚本来执行 `vuepress build` 命令，以便在每次代码更改后自动构建网站。批处理脚本通常以 `....
vuepress-demo
03-07
在标签 "Shell" 指示了可能包含用于构建、部署或管理 Vuepress 项目的命令行脚本。例如，使用 `npm` 或 `yarn` 安装 Vuepress 和相关依赖，运行开发服务器，以及构建生产环境的静态文件，这些操作通常通过 Shell 脚...
博客：包含我的VuePress支持的博客
02-14
4. **一键部署**：VuePress内置了简单的部署脚本，使得将博客发布到GitHub Pages、Netlify或其他静态托管服务变得非常简单。 5. **即时预览**：在开发过程中，VuePress提供热重载和按需编译，使得你能快速看到改动的...
vuepress服务器部署问题
qq_45903688的博客
11-30 140
使用了阿里云服务器，准备配置一个VuePress的静态博客到服务器上。通过nginx，监听8080端口。开了端口之后，999端口可以访问，8080端口报了500，于是就发现了第二个问题。服务器是linux，复制的文件经过了window系统，导致出现错误。从宝塔中复制一个文件到另一个文件夹。3.复制文件的问题（不确定），报了500，说明端口不通。2. 两个文件夹的权限不同。然后是报500，但是。最后发现，两个问题；
服务器CentOS+宝塔面板快速部署vuepress（自动发布静态）
08-15 2984
很多小伙伴需求将vuepress部署到服务器，且服务器装了宝塔面板（嗯，我就是这样），网上找了一圈，几乎没有这方面的步骤分享。经过小编自己研究+向大佬咨询，终于学会了，下面我将步骤分享给大家。...
【Linux】云服务器自动化部署VuePress博客（Jenkins）
ReturnTmp的博客
08-10 1167
博主此前是将博客部署在（基于 Github Action）和Vercel上的，但是这两种部署方式对于国内用户很不友好，访问速度堪忧。因此将博客迁移到自己的云服务器上，并且基于Jenkins（一款开源持续集成工具）实现本地推送代码后，自动化集成部署环境云服务器：CentOS 7，OracleJDK 11本地主机：Windows 11。
手把手教你如何把vue项目打包后部署到服务器（小白教程）
热门推荐
Orange71234的博客
06-21 1万+
（5）输入用户名密码登录出现如下页面 ，点击左侧网站-->添加站点-->输入域名-->根目录地址会 自动生成-->点击提交-->站点创建成功。1.vscode打开你的vue项目-- >点终端 -- >输入npm run build 按回车进行打包；3.下载安装好软件后双击打开，选择SSH连接，填写如下信息，最后点击确定。（7）点击上传，按照下图方式上传之前打包好的dist文件夹下的内容，(2)查看服务器是否安装宝塔，如安装则出现宝塔面板命令，(3)输入14，查看并复制外网面板地址以及用户名，密码。
GitHub Actions 自动部署 VuePress
Dablelv 的博客专栏。
05-26 911
大咖好呀，我是恋喵大鲤鱼。我的第二本开源书籍《后台开发命令 365》上线啦。为了方便阅读，使用 VuePress 将之前记录的后台常用 Linux 命令博文整理成一个系统的开源在线书籍，希望能够帮到大家。是 GitHub 于2018年10月推出推出的 CI/CD 服务。GitHub Actions 允许开发人员编写构建、测试、发布等多种功能的脚本，在特定的条件下（如 push 变更到指定分支时），执行事先写好的脚本，自动完成构建发布等操作。
Jenkins自动化构建Vue项目的实践
修己xj的博客
12-03 840
Jenkins自动化构建Vue项目的实践
前端自动化部署jenkins+gitee一个博客系统vuePress项目
weixin_42424283的博客
01-19 364
前端自动化部署jenkins+gitee一个博客系统vuePress项目,由于我的是博客系统，每次写文档后都要手动部署，于是实践了jenkins+gitee，vue项目也是同样的操作。
【教程】使用vuepress构建静态文档网站，并部署到github上
橙子的博客
10-15 1623
【教程】使用vuepress构建静态文档网站，并部署到github上
自动化部署vue项目到服务器
qq_18256741的博客
12-09 1999
通过js脚本实现自动化部署vue项目到nginx服务器
vuepress项目部署到自己的服务器,vuepress 文档项目，部署在GitHub上遇到问题
05-18
如果你想将 VuePress 项目部署到自己的服务器上，可以按照以下步骤进行操作： 1. 在服务器上安装 Node.js 和 Git。 2. 通过 Git 将 VuePress 项目克隆到服务器上。 ``` git clone https://github.com/{username}/{repository}.git ``` 3. 进入项目目录，安装依赖。 ``` cd {repository} npm install ``` 4. 在项目根目录下创建一个 `.vuepress/config.js` 文件，用于配置 VuePress。 5. 在 `package.json` 文件中添加以下脚本： ``` "scripts": { "dev": "vuepress dev docs", "build": "vuepress build docs" } ``` 6. 运行 `npm run build` 生成静态文件。 7. 使用 Nginx 或 Apache 等 Web 服务器配置站点，将生成的静态文件部署到服务器上。 如果你将 VuePress 文档项目部署在 GitHub 上遇到问题，可以按照以下步骤进行操作： 1. 在 GitHub 上创建一个新的仓库，用于存储 VuePress 文档项目。 2. 将 VuePress 项目上传到 GitHub。 ``` git remote add origin https://github.com/{username}/{repository}.git git push -u origin master ``` 3. 在 GitHub 仓库的设置中，将默认分支设置为 `gh-pages`。 4. 在 VuePress 项目中安装 `gh-pages` 模块。 ``` npm install gh-pages --save-dev ``` 5. 在 `package.json` 文件中添加以下脚本： ``` "scripts": { "deploy": "vuepress build docs && gh-pages -d docs/.vuepress/dist" } ``` 6. 运行 `npm run deploy` 将生成的静态文件部署到 GitHub Pages。 注意：在部署到 GitHub Pages 时，可能会遇到 `404` 错误。这是由于 GitHub Pages 在部署时会将仓库名称作为根目录。因此，如果你的仓库名称为 `docs`，则应将 VuePress 项目中的 `docs` 目录更名为 `docs-docs`，然后在 `.vuepress/config.js` 文件中设置 `base: '/docs/'`。这样，生成的静态文件才能正确地部署到 GitHub Pages 上。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值