当前位置: 首页 > news >正文

github使用gh-pages部署vue静态网站(简单易懂)

github使用gh-pages部署vue静态网站

当我们想把自己的网站部署到一个静态网站上,Github Pages是一个很好的选择(稳定、可靠、不花钱)

假设你已经有一个项目并且已经发布到github上了,先把项目git clone到本地 ,接着在项目中安装

1、安装gh-pages
npm i -D gh-pages

在这里插入图片描述

2、初始化仓库,提交代码到远程仓库

在这里插入图片描述

在这里插入图片描述

3、在package.json文件中添加script脚本
 "deploy": "gh-pages -d dist -r https://github.com/xbysir/vue-TIM.git -b gh-pages",

在这里插入图片描述

4、在终端运行命令
npm run build
npm run deploy

会看到dist文件
在这里插入图片描述

5、打开github仓库,点击setting–>pages–>选择gh-pages分支的root–>点击Save

在这里插入图片描述

6、点击链接就可以访问啦!

在这里插入图片描述

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • gorm不定参数
  • 第129天:内网安全-横向移动WmiSmbCrackMapExecProxyChainsImpacket
  • SOPHGO算能科技BM1684盒子占用空间满的问题解决
  • AI大模型加持的新一代网络舆情系统——“速途观澜”舆情感知引擎发布上线
  • Hadoop的streamingAPI与MapReduce[Python]
  • 使用 NumPy 生成随机数:一个全面的指南
  • ASC格式的协议数据解析
  • 使用Anaconda安装多个版本的Python并与Pycharm进行对接
  • 为企业创建智能支持 AI 代理
  • RTOS(8)信号量和互斥量
  • “Apple Intelligence”的“系统提示词”被曝光了
  • 【环绕字符串中唯一的子字符串】python刷题记录
  • 数据结构(java实现)——优先级队列,堆
  • NSSCTF练习记录:[SWPUCTF 2021 新生赛]include
  • actual combat 45 分布式事务seata,若依cloud项目Test,xid为null
  • 【挥舞JS】JS实现继承,封装一个extends方法
  • 【面试系列】之二:关于js原型
  • 【跃迁之路】【669天】程序员高效学习方法论探索系列(实验阶段426-2018.12.13)...
  • 4. 路由到控制器 - Laravel从零开始教程
  • k个最大的数及变种小结
  • open-falcon 开发笔记(一):从零开始搭建虚拟服务器和监测环境
  • python 装饰器(一)
  • Vim Clutch | 面向脚踏板编程……
  • 不用申请服务号就可以开发微信支付/支付宝/QQ钱包支付!附:直接可用的代码+demo...
  • 测试如何在敏捷团队中工作?
  • 初探 Vue 生命周期和钩子函数
  • 聊聊hikari连接池的leakDetectionThreshold
  • 如何用vue打造一个移动端音乐播放器
  • 小程序开发之路(一)
  • 一道面试题引发的“血案”
  • 再次简单明了总结flex布局,一看就懂...
  • 【运维趟坑回忆录】vpc迁移 - 吃螃蟹之路
  • shell使用lftp连接ftp和sftp,并可以指定私钥
  • 宾利慕尚创始人典藏版国内首秀,2025年前实现全系车型电动化 | 2019上海车展 ...
  • 你学不懂C语言,是因为不懂编写C程序的7个步骤 ...
  • ​2021半年盘点,不想你错过的重磅新书
  • ​queue --- 一个同步的队列类​
  • ​一文看懂数据清洗:缺失值、异常值和重复值的处理
  • # 睡眠3秒_床上这样睡觉的人,睡眠质量多半不好
  • #define用法
  • #我与Java虚拟机的故事#连载11: JVM学习之路
  • $.proxy和$.extend
  • ()、[]、{}、(())、[[]]命令替换
  • (教学思路 C#之类三)方法参数类型(ref、out、parmas)
  • (十三)Maven插件解析运行机制
  • (限时免费)震惊!流落人间的haproxy宝典被找到了!一切玄妙尽在此处!
  • (转)Mysql的优化设置
  • (自用)gtest单元测试
  • .htaccess配置重写url引擎
  • .NET BackgroundWorker
  • .NET Core 控制台程序读 appsettings.json 、注依赖、配日志、设 IOptions
  • .NET 设计一套高性能的弱事件机制
  • .NET命名规范和开发约定
  • :中兴通讯为何成功
  • [ vulhub漏洞复现篇 ] ECShop 2.x / 3.x SQL注入/远程执行代码漏洞 xianzhi-2017-02-82239600