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

如何用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.3K20

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.2K10
您找到你想要的搜索结果了吗?
是的
没有找到

如何搭建免费博客

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

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

97920

印记中文推出文档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

一篇教你代码同步 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
领券