首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

GitHub Actions 自动构建Hexo 并发布到 gh-pages

引言 当文章较多时,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

1.3K10

如何用Github的gh-pages分支展示自己的项目

其实完全可以借助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 ?

4.5K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HEXO系列教程 | 使用GitHub Actions部署Hexo GitHub 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

    14710

    如何搭建免费博客

    具体的规则 在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 .

    1.1K40

    一文教你使用GitHub 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 最后本地仓库的目录结构大致如此。

    1.4K20

    印记中文推出文档CDN + COS部署方案

    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 服务中。

    2.6K00

    Hexo+GitHub搭建个人博客,实现云端编辑、一键发文

    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

    1.1K20

    来认真学一下,项目部署到 github pages

    方式二: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

    19110

    一篇教你代码同步 Github 和 Gitee

    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

    1.3K40
    领券