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

如何将子模块添加到gh-pages分支并正确构建静态页面?

要将子模块添加到gh-pages分支并正确构建静态页面,请按照以下步骤操作:

  1. 首先,确保已经安装了Git和Node.js。
  2. 使用命令行进入项目目录,如果还没有创建项目,请使用以下命令创建一个新的Git仓库:git init
  3. 创建一个名为gh-pages的新分支:git checkout --orphan gh-pages
  4. 将项目文件添加到新分支:git add .
  5. 提交更改:git commit -m "Initial commit"
  6. 将新分支推送到远程仓库:git push -u origin gh-pages
  7. 安装静态页面构建工具,例如Hexo或Jekyll。以Hexo为例,请使用以下命令安装:npm install -g hexo-cli
  8. 在项目根目录下初始化Hexo:hexo init
  9. 安装项目依赖:npm install
  10. 生成静态文件:hexo generate
  11. 将生成的静态文件推送到gh-pages分支:hexo deploy
  12. 确保仓库的设置中已启用GitHub Pages,并选择gh-pages分支作为发布源。

现在,您已经成功将子模块添加到gh-pages分支并正确构建了静态页面。您可以通过访问https://<用户名>.github.io/<仓库名>来查看静态页面。

推荐的腾讯云相关产品:

  1. 腾讯云对象存储(COS):提供可靠的云存储服务,适用于存储大量非结构化数据,例如图片、视频、音频等。
  2. 腾讯云CDN:提供内容分发网络服务,加速全球访问速度,适用于静态网站托管。
  3. 腾讯云云巢:提供容器化的应用部署服务,支持Docker容器,适用于容器化应用的部署和管理。

产品介绍链接地址:

  1. 腾讯云对象存储(COS):https://cloud.tencent.com/product/cos
  2. 腾讯云CDN:https://cloud.tencent.com/product/cdn
  3. 腾讯云云巢:https://cloud.tencent.com/product/tke
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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

    ,也可以新建repo,在ci配置上略有不同,这里我采用的是将hexo博客源码托管到独立的repo上,将 Hexo 项目编译生成静态页面,部署到 gh-pages 分支 新建仓库:blog (名字自己起...分支 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模板引擎生成静态文件,推送到...,将 Hexo 项目编译生成静态页面,部署到 gh-pages 分支,very good!...gh-pages是私钥 接下来,转到博客源码存储库设置 转到Deploy Keys使用Allow write access添加您的公钥 gh-pages.pub,name写为public

    1.1K20

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

    你也可以参考其中的内容部署别的前端静态项目。 ✓注意:本文介绍的是如何通过非 github actions 的方式部署代码 方式一:简单部署 1、先使用 vite 创建一个项目,编写好自己的逻辑。...并且相对应的静态资源都需要做调整。因此这种方式通常情况下我们都是不使用的。 第二种,main 分支的 docs 目录下。...这个分支通常为 gh-pages 在项目中添加如下依赖 yarn add gh-pages -D 然后创建一个新分支,命名为 gh-pages 推送到远程分支 git branch gh-pages...git checkout gh-pages git push 确保在远程的 github 仓库中能看到这个分支。...然后在 Pages 配置页面选择 gh-pages 分支选中根目录 确保你的远程分支名为 origin 然后执行我们定义好的打包指令。

    27411

    使用 Github Actions 自动部署 Angular 应用到 Github Pages

    # 创建切换到 gh-pages 分支 git checkout -b gh-pages # 将 dist 文件夹下的文件添加到 gh-pages 分支 git add -f dist # 提交到本地分支...git commit -m 'created gh-pages' # 推送到远程分支 git subtree push --prefix dist origin gh-pages 当然,这样还是显得有些麻烦...gh-pages 分支作为 github page 显示的站点 ng deploy --base-href=/ingos-admin/ 在之前学习 angular 中路由时有提到,在 angular...应用中,框架会将 index.html 文件中的 base 标签的 href 属性值配置为组件、模板、模块文件以及其它一些静态文件的基础路径地址。...job 时,默认是并行执行的,但是存在 job2 需要等 job1 执行完成后才可以执行的情况,这时,我们就可以在 needs 属性中指定 job2 依赖于 job1,从而确保整个 workflow 的正确执行

    1.4K10

    工具安利 | docsify 入坑指南与我放弃 Gitbook 的那些理由

    ,每次补充一道题解重新 build 项目时居然要花上 30 秒左右…… 由于无法忍受 gitbook build 的速度和大量垃圾静态文件,我打算重新构建项目,因此有了与 docsify[3] 的邂逅。...README.md:将作为主页渲染 .nojekyll:阻止 Github Pages 忽略以下划线开头的文件 预览 使用以下命令启动本地服务器: docsify serve docs 路由说明 页面路由和文件夹的对应关系如下.../docs 下创建一个 _navbar.md 文件,在该文件中使用 Markdown 格式书写导航: - 导航 1 - [导航](nav1/child/ "导航") - [导航 2](nav2/...部署到 Github Pages 我的 Github Pages 读取的是 gh-pages 分支下的代码,因此我要把 ..../docs 下的文件上传到 gh-pages 分支上,完整的代码则上传的到 master 分支

    2K30

    github网站部署

    [TOC] 手动部署 介绍 GitHub Pages 是一个静态站点托管服务。...搜索后,会显示 Create branch:gh-pages from main,点击即可创建 ::: 为什么创建 gh-pages 分支呢?...# 把项目的所有文件添加到本地仓库 git commit -m "first commit" # 双引号里是对于添加文件的描述 git push -f URL main:gh-pages # URL...,一定是 gh-pages 分支 蓝色框的地址,就是所有人都能访问的地址,访问之后,就能看到你的博客 ::: Github 一旦更新 gh-pages 分支内容,会自动重新部署,所以访问页面是最新的。...Github 和 Gitee 分别创建一个仓库,并且分别创建 gh-pages 分支,仓库名要一致 将写好的项目源码提交到 master 主支,打包后的项目文件放到 gh-pages 分支,主支名即 default

    14610

    Hugo系列(1) - 简单搭建教程与远程部署

    生成静态页面 输入命令: 1 hugo -D 默认会在站点根目录的public/目录下生成对应的静态页面,可以通过在命令行指定-d或者--destination参数来改变静态页面的存放路径,也可以通过在配置文件中设置...该命令生成的静态页面文件是用来部署到pages服务的,比如GitHub pages或者Coding pages等。...另外,hugo允许对生成的静态页面设置特殊的参数,比如在文章的front matter里设置参数:draft, publishdate和expirydate。...通过gh-pages分支来启用GitHub Pages 还有一种启用的方式是给仓库创建一个名为gh-pages分支,然后把该分支设置为Source,同样可以让该仓库使用到GitHub Pages服务。...如果其他仓库也要使用GitHub Pages,就需要创建gh-pages分支来部署。

    1.9K30

    打造Github Issue到Hexo部署自动工作流

    Github action GitHub action 是一个持续集成和持续交付平台,可以自动化构建、测试和部署。...这里需要使用ncc去打包源码和依赖 ncc是一个用于将 Node.js 模块及其所有依赖项编译到单个文件中的cli。...issue负责编写博客,gh-pages分支用于存放hexo输出的页面产物部署在user.github.io/blog上 blog-source仓库配置 如果此前已经有现成的hexo源仓库可以跳过这一步...将blog仓库的gh-pages分支作为Github Page进行发布 在blog-resource仓库的根目录下新建.github/workflows/deploy.yml文件。...填入以下内容 这个工作流的流程是: blog-resource仓库main分支有push操作时触发 构建hexo静态页面部署到公开仓库blog的gh-pages分支 name: 部署hexo静态页面

    37531

    基于docsify+github+typora构建个人知识库

    不同于 GitBook、Hexo 的地方是,它不会生成静态的 .html 文件,所有转换工作都是在运行时。...如只需要创建一个 index.html 就可以开始编写文档直接部署在github pages上(小清新的样式,干净简洁) 1.本地环境构建说明 ​ docsify更多配置参考官方文档说明:https...分支 # master分支(/(root)) - gh-pages分支 # 在仓库中构建gp-pages # 创建不同的仓库,用于分类存储笔记信息: 访问路径:https://[userName...,引入项目,开启gitee pages服务 ​ 同步更新:可采用手动更新的方式,或者通过构建: ​ 从github中导入项目至gitee仓库,选择导入GitHub仓库,授予权限,随后页面展示所有的...访问当对应仓库的内容

    88910

    用vuepress2搭建自己的github网站

    gh-pages分支,后面的一项直接选根目录/(root),切记最后要点一下后面的save保存,否则不生效哟; 4、如果输入直接的网站地址打开发现是404,就是没部署成功 去代码仓库的Actions里去看下流水线有没有成功...,失败了会是一个红色的小叉叉,点进去可以看到具体的错误位置,成功了是一个绿色的小勾 流水线成功了gh-pages分支里就会自动生成最终打包出来的文件,像下面这这样的: 5、如果部署成功了,但是发现样式和交互都不生效...模块化 有的地方使用import导入文件会报错,如config.js里的配置,这里导出配置用的 module.exports,本身就是node的CommonJS模块规范导出规范,导入要用require来引入...(当你在开发一个 VuePress 应用时,由于所有的页面在生成静态 HTML 时都需要通过 Node.js 服务端渲染) 2. vue组件中使用CommonJS的require导入报错 vuepress...在组件中直接用CommonJS的require其他文件会报错:ReferenceError: require is not defined,vue3的官方文档上也有介绍: Vite 是一个 web 开发构建工具

    40540

    部署Netlify站点博客

    63184ff316f2c2beb1e26ab9.png 2:48:42 PM: Build exceeded maximum allowed runtime Netlify部署成功之后,由于资源路径不正确...“不蒜”允许初始化首次数据,但是需要注册登录,目前“不蒜”暂停了注册功能,那就先这样吧 原GitHub Pages站点不能正常访问。...给blog仓库设置 GitHub Pages,绑定心得个人二级域名,在发布分支gh-pages下面生成一个CNAME文件,用来存放个人二级域名。...存在的问题是:hexo deploy 是把master分支下生成的public目录下的静态文件推送覆盖gh-pages分支下的文件,因为每次生成的public目录下没有CNAME文件,所以CNAME文件就被冲掉了...g的时候,会把source目录下的文件“揍”到public下,然后推送到gh-pages分支上 xxx.xml 网站地图也可以用同样的方式放置到source目录 方法二: 理论上也可以在generateAfter

    1.1K10

    用vuepress2搭建自己的github网站

    gh-pages分支,后面的一项直接选根目录/(root),切记最后要点一下后面的save保存,否则不生效哟;4、如果输入直接的网站地址打开发现是404,就是没部署成功去代码仓库的Actions里去看下流水线有没有成功...,失败了会是一个红色的小叉叉,点进去可以看到具体的错误位置,成功了是一个绿色的小勾流水线成功了gh-pages分支里就会自动生成最终打包出来的文件,像下面这这样的:5、如果部署成功了,但是发现样式和交互都不生效...模块化有的地方使用import导入文件会报错,如config.js里的配置,这里导出配置用的 module.exports,本身就是node的CommonJS模块规范导出规范,导入要用require来引入...(当你在开发一个 VuePress 应用时,由于所有的页面在生成静态 HTML 时都需要通过 Node.js 服务端渲染)2. vue组件中使用CommonJS的require导入报错vuepress最新的...在组件中直接用CommonJS的require其他文件会报错:ReferenceError: require is not defined,vue3的官方文档上也有介绍: Vite 是一个 web 开发构建工具

    37910

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

    Github + Travis-CI 自动构建与部署服务的架构如下图: Sample process 在代码仓库方面,我们需要两个分支,一个是master 分支,用于存放文档源码,另一个是 gh-pages...然后,我们需要配置.travis.yml文件,用于 Travis-CI 构建和部署我们的项目,下面是求全配置,表示仅在在 master分支有push 或者 pull request 事件的时候,才会触发构建.../ npm run deploy // dist是生产代码目录,deploy 所跑脚本是 gh-pages -d dist,最终将代码推送到gh-pages 分支 那第二部份的 ssh key 怎么生成呢.../ npm run deploy // dist是生产代码目录,deploy 所跑脚本是 gh-pages -d dist,最终将代码推送到gh-pages 分支 Webhook 设置 Webhook,...COSCMD 工具 本地同步工具 小型服务根据请求参考,先到本地部署好的文档gh-pages分支代码处,先行更新代码,然后再运行文件上传工具,将文件依次上传到 COS 服务中。

    2.6K00
    领券