图解利用Github Pages免费搭建网站

互联网从诞生发展至今日,每天有无数的人在上面留下自己的足迹,他们用它记录生活、抒发情感、分享见解,这一切都离不开一个可以承载文字的平台,一个独立的、由自己掌控的平台,而 GitHub Pages 就是这么一个平台。

在这个平台里你可以使用自己的个性域名;可以在海量的主题里挑选最适合你的那一款,如果你技术极客,也可以根据自己的喜好,设计属于自己的个性化页面;你既可以在线创建和发布网站,也可以在本地通过客户端工具或者命令行进行网站和内容的管理。

你完全可以通过 GitHub Pages 展示和输出自身价值,甚至可以把它打造成属于自己的互联网「身份证」。


为什么使用 GitHub Pages

  • 首先他是完全免费的,相较其他的同类产品,他能替你省下一笔服务费,节约下的钱可以让你买一些其他的会员服务;
  • 无须自己购买云服务进行搭建,只需按步骤一步步操作即可,即使你不懂他的技术细节;
  • 支持的功能多,玩法丰富,你可以绑定你的域名、使用免费的 HTTPS、自己 DIY 网站的主题、使用他人开发好的插件等等;
  • 当完成搭建后,诸如环境搭建、系统维护、文件存储的事情一概不用操心,都由 GitHub 处理

如何使用 GitHub pages

介绍了这么多,下面就具体来谈谈如何使用它。

第一步

首先我们进入Github官网:https://github.com/,相信各位程序员都有gayhub账号叭(没gayhub叫啥程序员/流汗滑稽),不过咱照顾一下萌新们,还是走一遍注册流程叭,已有账号的可以直接跳到第二步

请输入图片描述

让我们点击右上角的Sign up,也就是注册,接下来直接看翻译了的图叭
请输入图片描述

请输入图片描述

请输入图片描述

请输入图片描述

验证邮箱后,注册就完成啦!


第二步-新建仓库

新用户验证邮箱后直接会跳出来新建仓库的界面,老用户也都知道叭,那这里就不说太多直接上翻译图

请输入图片描述

第三步-具体设置

创建完成后,我们直接进入设置页面,如图

请输入图片描述

然后一直往下翻找到Github Pages字样,如图,点击Choose a theme(选择一个主题)

请输入图片描述

请输入图片描述

直接点击Select theme保存,页面会自动跳转,咱不管他,直接再次进入设置
依然往下翻,找到Github Pages字样,这时候这个板块已经变成了这个亚子

请输入图片描述

那就说明Github Page开启完成啦,点击链接就能访问,不过还没结束噢
接下来返回code项(也就是进入仓库时默认那个项),如图点击上传

请输入图片描述

上传完成后,再次访问就是你源码的亚子啦

第四步-绑定域名

如果你没有域名就可以不用看下去啦,或者,去买一个再看下去2333
到这里我就不细讲啦,直接解析个cname到你的github page域名,这里直接用的hqsblog.cn顶级域
然后我们在GitHub仓库的code项里,点击上传按钮左边的新建按钮,然后看图叭

请输入图片描述

填写好后直接保存。然后再到设置里,同样往下翻找到Github Pages,这时候你会看到已经变成了你填写的域名

第五步-开启SSL(HTTPS协议)

这个直接接着第四步,把下面的Enforce HTTPS勾上即可

教程到这里就结束啦,大家阔以来康康我用Github Pages部署的网站:

简洁的玩机导航网:https://muabl.github.io/WJWHG/

Jsproxy:https://muabl.github.io/jsproxy/


总结

一个账号可以部署多个静态网页,网站,大家可以用来部署个人引导页,导航网之类的,最重要免费,稳定。

需要注意的是,Github Pages在国内访问较慢,如果你想访问快,可以部署cdn,像CF就是很不错的选择。

 

早就想写一篇Github Pages搭建网站的教程,刚好看到寒穹博客有,就转了.

文章:用Github pages搭建个人主页


相关文章:

  • 图解利用Github Pages免费搭建网站插图(12)
    图解利用Github Pages免费搭建网站插图(13)

    两种方法上传本地文件到Github

    互联网从诞生发展至今日,每天有无数的人在上面留下自己的足迹,他们用它记录生活、抒发情感、分享见解,这一切都离不开一个可以承载文字的平台,一个独立的、由...
  • 图解利用Github Pages免费搭建网站插图(15)
    图解利用Github Pages免费搭建网站插图(16)

    安卓手机搭建Hexo博客网站并绑定域名.Hexo+Github

    互联网从诞生发展至今日,每天有无数的人在上面留下自己的足迹,他们用它记录生活、抒发情感、分享见解,这一切都离不开一个可以承载文字的平台,一个独立的、由...
  • 图解利用Github Pages免费搭建网站插图(18)
    图解利用Github Pages免费搭建网站插图(19)

    HG导航-清爽干净的网址导航,无需服务器一键搭建

    互联网从诞生发展至今日,每天有无数的人在上面留下自己的足迹,他们用它记录生活、抒发情感、分享见解,这一切都离不开一个可以承载文字的平台,一个独立的、由...
3 条回复 A文章作者 M管理员
  1. 不错

  2. 不能自定义源码上传吧?找不来仓库里的源码

    • 可以自定义,先解压,直接拖文件夹进去