引言 当文章较多时,Hexo生成较慢,比较耗时,而且还需要 手动发布到 gh-pages,过程比较繁琐,而 GitHub Actions 作为 GitHub推出的免费CI/CD服务,正好可以用来解决这一问题...github-pages-deploy-action@3.7.1 with: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} BRANCH: gh-pages...secrets.GITHUB_TOKEN }} 其中 GITHUB_TOKEN 为内置变量,无需在secrets手动添加 参考:Authentication in a workflow - GitHub Docs gh-pages...github-pages-deploy-action@3.7.1 with: GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} BRANCH: gh-pages...注意:建议,先执行 hexo d 发布一次,以便创建 gh-pages 分支 查看仓库,切换到 gh-pages 分支,如下可见构建情况: 前往 GitHub首页,即动态页,可以看见一次 来自 github-actions
其实完全可以借助Github的gh-pages打造出自己的一个作品集,无论是对自己的提升整合还是日后的面试都大有裨益。...这次讲的重点主要是gh-pages,接着继续。 案例1 那可能有朋友会不解,既然楼主你说的 Github用户名.github.io 已经能展示页面了,那gh-pages是什么作用呢?...所以就有了gh-pages这个东东。 理解了这点,接着举个例子。 ? 如上图所示,通过git-add -A、git -commit -m "..."...接着我们要做的是展现dist目录下的静态文件,那最关键的语句来了 git subtree push --prefix=dist origin gh-pages 意思就是把指定的dist文件提交到gh-pages...git add -A git commit -m "..." git push origin gh-pages ?
首次将gh-pages分支push到GitHub 在本地Hexo仓库(HEXO文件夹)打开git命令界面(Git Bash),初始化仓库: git init 切换到gh-pages分支: git checkout...生成,夜梦已经验证了可行性): 1、本地没有创建 gh-pages 分支 你可能正在尝试将 gh-pages 分支推送到远程仓库,但本地并没有创建该分支。...解决方法: 创建 gh-pages 分支: 你可以通过以下命令从现有的分支(例如 main 或 master)创建 gh-pages 分支: git checkout -b gh-pages...推送 gh-pages 分支到远程仓库: git push origin gh-pages 2、本地分支还没有任何提交 如果你已经创建了 gh-pages 分支,但没有任何提交记录,那么 Git...git commit -m "Initial commit on gh-pages" 推送 gh-pages 分支到远程仓库: git push origin gh-pages 3
把本地teach文件夹中的_book文件夹cp出来放一个位置 master放源码,gh-pages放HTML文件 建立并进入gh-pages分支 git checkout -b gh-pages 现在把...Total 1 (delta 0), reused 0 (delta 0) remote: remote: Create a pull request for 'gh-pages' on GitHub...by visiting: remote: https://github.com/hyinli/teach/pull/new/gh-pages remote: To https://github.com.../hyinli/teach.git * [new branch] gh-pages -> gh-pages ?...END 以后的更新: 生成的静态网站cp到上面那个目录 push 到gh-pages即可
的时候比较多 2.vuepress的界面比较符合我的审美 开工 1.创建仓库并设置仓库开启github page setting->GitHub Pages下做如下配置: Source栏目下: Branch:gh-pages.../root gh-pages分支是我们构建好的静态vue页面。...创建.nojekyll 防止Github Pages build错误 touch .nojekyll git init git add -A git commit -m 'deploy' # 推送到gh-pages...分支 git push -f "https://${access_token}@github.com/Codeniu/lanbitou.git" master:gh-pages 2.使用 Travis...CI 实现自动化部署 在每次提交时,让Travis 替我们完成buid以及推动到gh-pages分支的工作。
deployment.yaml │ │ ├── _helpers.tpl │ │ └── service.yaml │ └── values.yaml 准备 gh-pages...分支 创建 gh-pages 分支并 push 到 github 仓库: git checkout --orphan gh-pages # 创建 gh-pages 空分支 touch README.md...git add README.md git push origin -u gh-pages Github Action 为项目添加 GitHub Action,在 .github/workflows...Configure Git 中是 Github Action 提交 chart 到 gh-pages 分支时所用到的 Git 用户信息,可根据情况自行修改。...如果成功,可以在 release 页面看到自动生成的压缩包: 同时,在 gh-pages 分支可以看到 index.yaml 自动生成(index.yaml 中会引用 release 中的 chart
具体的规则 在github的项目中,创建一个gh-pages的分支,分支创建完成后就可以使用http://{userName}.github.io/{projectName}来进行访问。...# 创建gh-pages分支。...---- 总结一下 对于上面所述的github Pages(以下称gh-Pages)是github给用户提供一个“静态页面的web服务器”,我们可以根据需要把页面上传到指定的仓库中,可以通过github...到这里,不禁有一个疑问,gh-Pages虽然给了一个可以展示html平台,写博客如果全部都写html,那我们还要精力去调整样式和布局的问题.再者博客也要有评论功能,这两个问题如何解决?...到这里,我们使用jekyll根据我们写的模板生成了对应的静态页面,下面我们把数据传入到github的gh-pages下面。 git add .
github-pages-deploy-action-temp-deployment-folderPreparing worktree (detached HEAD c5bddfd)/usr/bin/git checkout --orphan gh-pagesSwitched to a new branch 'gh-pages'Created...the gh-pages branch… /usr/bin/git reset --hard/usr/bin/git commit --no-verify --allow-empty -m Initial...gh-pages commit[gh-pages (root-commit) d8850af] Initial gh-pages commit/usr/bin/chmod -R +rw /home/runner...srlubmjwhSwitched to a new branch 'github-pages-deploy-action/srlubmjwh'/usr/bin/git commit -m Deploying to gh-pages
而网上说部署网页项目时最好将代码文件提交到gh-pages分支,于是搞不清楚到底是在desertsx.github.io个人博客项目里新建gh-pages分支(我还真这么干过,逃),还是另外开个GitHub...仓库,然后在里面的gh-pages分支里提交,对后者的困惑是这么做就同时存在两个蛮相关的项目仓库,怕出问题(后面发现其实也没有)。...分支 git checkout -b gh-pages # 显示有变更的文件 git status # 删除 master 分支 git branch -d master # 添加当前目录的所有文件到暂存区...分支推送到 origin 服务器上 git push origin gh-pages 刷新GitHub仓库:DesertsX/desertsx.github.io,本地仓库的文件提交成功后,GitHub...git status git add . git commit -m '添加展示图片和README说明' git push origin gh-pages 最后本地仓库的目录结构大致如此。
Travis-CI is used for building your code that you need to publish and push them to your gh-pages branch...(2nd part of deploy.sh) The 2nd part of the script is aiming for pushing code to gh-pages branch....One more thing to note is that npm run deploy in deploy.sh is used here which use gh-pages library to...to fetch all stuff from gh-pages branch and only show the latest record....Reference Auto-deploying built products to gh-pages with Travis
git commit -m "xxx" git push origin master 执行项目构建命令,并将构建后的静态页面推送至gh-pages分支 1....切换到gh-pages分支 git checkout -b gh-pages(创建gh-pages并切换到该分支)/ git checkout gh-pages (切换到gh-pages分支)...将build/dist目录下的所有文件夹推送至远程仓库的gh-pages分支,执行以下命令: # 强制添加build(react项目)/dist/_book(gitbook项目)文件夹,因为...Initial the page of project' # 部署dist目录下的代码 git subtree push --prefix build origin gh-pages...这时候,只是切换到gh-pages即可。 我的博客即将搬运同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?
Github + Travis-CI 自动构建与部署服务的架构如下图: Sample process 在代码仓库方面,我们需要两个分支,一个是master 分支,用于存放文档源码,另一个是 gh-pages.../ npm run deploy // dist是生产代码目录,deploy 所跑脚本是 gh-pages -d dist,最终将代码推送到gh-pages 分支 那第二部份的 ssh key 怎么生成呢...id_rsa ssh -T git@bitbucket.org javascript // deploy.sh 第三部份,用于向github推送代码 chmod -R 777 node_modules/gh-pages.../ npm run deploy // dist是生产代码目录,deploy 所跑脚本是 gh-pages -d dist,最终将代码推送到gh-pages 分支 Webhook 设置 Webhook,...COSCMD 工具 本地同步工具 小型服务根据请求参考,先到本地部署好的文档gh-pages分支代码处,先行更新代码,然后再运行文件上传工具,将文件依次上传到 COS 服务中。
deploy: type: 'git' repo: git@github.com:all-smile/blog.git branch: gh-pages 提交到远程仓库 创建 gh-pages...分支 hexo结合GitHub创建个人网站指定的分支名,hexo 内默认设置的分支也是叫这个名字 git checkout -b gh-pages git push -u origin gh-pages...远程仓库开启 github pages 指定部署分支:gh-pages 4、手动部署 本地项目执行命令: hexo clean hexo g hexo deploy hexo模板引擎生成静态文件,并推送到...gh-pages分支下(替换原先分支下的所有文件) 到这里就已经完成了博客的搭建 需要注意的是:hexo deploy 命令并不会帮助我们同步本地的修改到远程仓库,所以当在本地写完博文之后,要做两件事...gh-pages是私钥 接下来,转到博客源码存储库设置 转到Deploy Keys并使用Allow write access添加您的公钥 gh-pages.pub,name写为public
方式二:gh-pages 刚才这种方式确实比较简单,但是每次都需要把打包文件提交到 main 分支,有点不太优雅,如果你不太能接受这种情况的话,我们可以使用另外的方式,把打包之后的代码放到另外的分支上。...这个分支通常为 gh-pages 在项目中添加如下依赖 yarn add gh-pages -D 然后创建一个新分支,命名为 gh-pages 并推送到远程分支 git branch gh-pages...git checkout gh-pages git push 确保在远程的 github 仓库中能看到这个分支。...然后在 Pages 配置页面选择 gh-pages 分支,并选中根目录 确保你的远程分支名为 origin 然后执行我们定义好的打包指令。..."build": "vite build && cp docs/index.html docs/404.html", npm run build 然后再自定义一个发布指令 "deploy": "gh-pages
具体如下 1 先建立个人项目仓库比如名字kk 2 建gh-pages分支(不能用master) ? 建立gh-pages分支 3 域名解析 ?...但是是可以带www的,只是项目仓库必须建在gh-pages分支,master分支会一直提示错误。 5 根目录的'config.yml文件,修改 ?
3 修改branch 可以看到新建rep的branch一定是master,我们需要将branch改成gh-pages才可以使用。 我是直接在本地使用命令行去更改的。...cd XXXX进入代码目录 git branch可以查看一下本地分支 git branch gh-pages在本地建立一个分支 git checkout gh-pages切换到新分支 git push...origin gh-pages将新分支发布在github上 git branch -d master将本地的master分支删除 git push origin :master将github远程端的master
本地编译后部署到服务器 前面已经提到本地和服务器同步的机制,这里我们可以用 gh-pages ,很方便的把 Gatsby 编译后的静态文件同步至仓库。...本地安装 gh-pages 包 npm install gh-pages --save-dev 配置 package.json,在 scripts 中添加 deploy 发布指令,这段指令的意思是运行...gatsby build 编译成功后调起 gh-pages,把目标目录 public 的文件推送至 https://git.avenirzheng.net/blog.git 仓库的 master 的分支..."scripts": { "deploy": "gatsby build && gh-pages -d public -b master -r https://git.avenirzheng.net
https://.github.io/ git push -f git@github.com:mqyqingfeng/learn-typescript.git master:gh-pages...git push -f git@gitee.com:mqyqingfeng/learn-typescript.git master:gh-pages cd - 复制代码 当我们执行 sh deploy.sh...Github Actions 自动同步 我们也可以利用 Github Actions,写一个工作流,在发现 Github 博客仓库的 gh-pages 分支代码更新后,自动同步当前代码到 Gitee 上....github/workflows ,然后创建一个名为syncToGitee.yml 的文件: name: syncToGitee on: push: branches: - gh-pages...但是现在还有几个问题要注意: 因为我们是提交到 Github 的 gh-pages 分支上,这个文件和目录需要写在 gh-pages 分支 观察我们的脚本代码,我们就会发现,每次我们 sh deploy.sh
OK [git rev-parse --abbrev-ref HEAD] [git status --porcelain] [git push --set-upstream origin HEAD:gh-pages...] Creating pull request for gh-pages into master in cnych/qikqiak.com [git rev-parse --show-toplevel...$ gh pr status [git remote -v] [git rev-parse --abbrev-ref HEAD] [git config --get-regexp ^branch\.gh-pages...200 OK Relevant pull requests in cnych/qikqiak.com Current branch #153 Update gitignore rules [gh-pages...] - Checks passing Created by you #153 Update gitignore rules [gh-pages] - Checks passing
问题来了 项目现在Github上有两个分支,分别是 master 和 gh-pages,其中master没什么东西,代码都在gh-pages分支上,而我现在想要克隆gh-pages
领取专属 10元无门槛券
手把手带您无忧上云