专栏首页LIN_ZONE将静态页面部署到github.io

将静态页面部署到github.io

背景:

  我的腾讯云服务器是之前利用学生身份(有优惠)买的,现在快到期了,而且服务器上面只有一个引导页(静态页面)还有用,别的项目都没有用了。所以就想找一种不花钱买服务器就可以访问到我的引导页的方法。然后突然间想到了之前小伙伴说过hexo写博客非常方便而且是托管到github上的,我就想能不能用类似的方法把自己的静态页面也托管到github上。

效果:

page.zhuchenglin.cn

前提:

这个方法只能用来部署静态页面,而且是可以公开的代码,所以私有项目一定不要图省钱这样部署。

部署步骤:

  1. 如果没有github的伙伴注册一个github账号
  2. 在github上创建一个公开的项目(注意,如果创建私有的项目,并且能从外面访问到html,这是需要收费的! $7/月)
  3. 在Settings里的Options里有 GitHub Pages 选项,选择master branch ,下面的Choose a theme 选不选都行,之后再Custom domain 里面填上自己的二级域名
  4. 将这个项目克隆到本地,在这个项目里面完成自己的静态页面,然后提交并推送到远程
  5. 这时候你可以使用 github账号.github.io/项目名/页面.html 来访问你的页面
  6. 进入你的域名管理后台(阿里云或其他的),开一个CNAME类型的二级域名解析到 github账号.github.io,注意:二级域名要和步骤3中的二级域名保持一致

如果正常的话,这个页面现在就可以通过自己设置的二级域名访问了。

注意:

  1. 上面步骤3完成后,项目里会多一个CNAME文件(如果步骤3中进行了Choose a theme会多一个_config.yml文件),这个CNAME文件是用来控制域名的,只能有一个域名,如果有多个,多余的将无效。如果自己的二级域名变的话,可以直接修改这个文件的内容。
  2. 私有代码一定不要这样部署,或者付费部署也可以
  3. 这种方法只能部署静态开源页面,不能部署含有后端语言的代码

如需转载请注明出处 : https://www.cnblogs.com/zhuchenglin/p/11574840.html

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JetBrains系列IDE快捷键大全(转载)

    lin_zone
  • 大型网站技术架构:核心原理与案例分析-李智慧(第一次看)

    CAP认为,一个提供数据服务的存储系统无法同时满足数据一致性、数据可用性、分区耐受性(系统具有跨网络分区的伸缩性),在大型网站中,通常会选择强化分布式存储系统...

    lin_zone
  • MySQL视图更新

    昨天在写美团2019秋招笔试题的时候遇到了关于视图是否能更新的问题,突然感觉这个问题之前复习的时候重点关注过,但是却又想不全。今天特地搜了一些资料总结一下。本文...

    lin_zone
  • 3分钟搭建个人博客

    https://segmentfault.com/a/1190000014879081

    前端博客 : alili.tech
  • [转]类似github的框架

    github是程序员经常上的网站,但如果是在一家苦逼不能访问外网的公司,那不能把自己的代码托管在github上绝对是一件非常痛苦的事情。如 果想要在公司内网也可...

    owent
  • vue项目初始化目录, 包含微信jssdk一些配置 @vue/cli版本^3.3.0

    github地址 https://github.com/nan1010082085/vue-components/tree/master/%40vue3-cat...

    yangdongnan
  • 使用码云加速下载 github 项目

    但是,需要注意的是,即时和 github 关联了,在平时项目的 push 和 pull 的过程中,对于 github 依然很慢,这点需要注意~不过总体而言 gi...

    DrawSky
  • 提高 GitHub 下载速度的方法「100%有效」可达到 2MB/S!

    因为大家都知道的原因,在国内从github上面下载代码的速度峰值通常都是20kB/s。这种速度对于那些小项目还好,而对于大一些的并且带有很多子模块的项目来讲就跟...

    杰哥的IT之旅
  • 自由软件永远是自由的,github你可以继续使用,只要不是用于搞原子弹

    由于贸易战的影响,华为被谷歌suspend了自己的一些业务,但开源的除外。以下是一些报道的截图:

    ImportSource
  • Github contribution settings 提交颜色说明(绿的程度)

    双愚

扫码关注云+社区

领取腾讯云代金券