呢呢 Blog 呢呢 Blog
首页
  • 前端

    • web Worker使用笔记
  • 博客搭建

    • 快速上手
文集
  • 前端公用方法
关于
  • 网站
  • 资源
  • Vue资源
  • 友情链接
GitHub
首页
  • 前端

    • web Worker使用笔记
  • 博客搭建

    • 快速上手
文集
  • 前端公用方法
关于
  • 网站
  • 资源
  • Vue资源
  • 友情链接
GitHub
  • 前端

  • 博客搭建

    • 使用Gitalk实现静态博客无后台评论系统
    • GitHub + jsDelivr + TinyPNG+ PicGo 打造稳定快速、高效免费图床
    • 快速上手
    • 部署到github
      • 1.使用deploy.sh脚本部署
      • 2.使用GitHub Action自动持续集成
  • 微前端

  • Cesium天地图

  • bug记录

  • vuepress

  • 浏览器架构及原理

  • photoshop

  • vue3+vite

  • react

  • 编程
  • 博客搭建
Ni Ni
2021-01-26

部署到github

本项目内置了两种自动部署脚本,用于一键部署到 GitHub Pages

# 1.使用deploy.sh脚本部署

第一步,修改deploy.sh脚本内的仓库地址为你的仓库,如有自定义域名则一并修改,没有则注释

# 如果是发布到自定义域名
echo 'julie7366.com' > CNAME

# 如果发布到 https://<USERNAME>.github.io  <USERNAME> 替换成github用户名
# git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git master

# 如果发布到 https://<USERNAME>.github.io/<REPO>
# git push -f git@github.com:<USERNAME>/<REPO>.git master:gh-pages
1
2
3
4
5
6
7
8

第二步,一键部署命令

npm run deploy
1

windows系统下使用bash命令窗

avatar

第三步,设置仓库的GitHub Pages。

deploy.sh文件看 这里

# 2.使用GitHub Action自动持续集成

第一步 生成github token(令牌)
步骤:右上角头像-> Settings/Developer settings/Personal access tokens 点击generate new token 填写 note 勾选 select scopes

第二步 将这个密钥储存到当前仓库的Settings/Secrets里面。

Settings/Secrets是储存秘密的环境变量的地方。环境变量的名字可以随便起,这里用的是ACCESS_TOKEN。如果你不用这个名字,.github/workflows/ci.yml脚本里的变量名也要跟着改。

第三步 push提交代码到GitHub仓库master分支。

第四步 设置仓库的GitHub Pages GitHub Actions 入门教程 或 github Action自动部署

第五步 配置GitHub Pages 博客地址

julie7366/blog -> settings ->Options 拉到 GitHub Pages

avatar

编辑
上次更新: 2021/07/22, 09:36:34
快速上手
qiankun+vue构建主应用

← 快速上手 qiankun+vue构建主应用→

最近更新
01
react全家桶搭建全家桶模板
10-19
02
react学习到搭建一个全家桶的基础模板
10-09
03
202108自修图
09-24
更多文章>
Theme by Vdoing | Copyright © 2020-2021 Ni Ni | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×