关于 GitHub Pages

GitHub Pages 是一项静态站点托管服务，它直接从 GitHub 上的仓库获取 HTML、CSS 和 JavaScript 文件，（可选）通过构建过程运行文件，然后发布网站。 您可以在 GitHub Pages 示例集合中查看 GitHub Pages 站点的示例。

GitHub Pages 快速搭建个人或者组织机构站点

  1. 新建一个github 仓库

Where {username} is your username (or organization name) on GitHub.

  1. 上传一个 index.html 文件到 {username}.github.io 仓库中

  2. 浏览器访问: https://{username}.github.io

GitHub Pages 快速搭建 project 的站点

  1. 上传一个 index.html 文件到 任意 仓库中

  2. 仓库 --> settings --> GitHub Pages
  3. 浏览器访问: https://{username}.github.io/仓库名/

  如：https://weixsun.github.io/imgs


Notice: 无论哪种搭建都可以在 GitHub Pages 中决定是否选用 Jekyll theme.

深度定制 GitHub Pages

为 GitHub Pages 站点创建自定义 404 页面

Github Pages 默认 404 页面继承的是 Github 404 页面

可以自定义访问您站点上不存在的页面时显示的 404 错误页面

为 GitHub Pages 站点创建自定义 404 页面 - GitHub Docs

自定义 GitHub Pages 站点的域名

GitHub Pages 支持使用自定义域名，将网站的 URL 从默认值（如 weixsun.github.io）更改为您拥有的任何域名（obmq.com）。

  1. 仓库 --> settings --> GitHub Pages


  2. 导航到域名解析服务提供商（阿里云举例）

Github Pages 推荐同时配置apex域和www子域



  3. 浏览器访问: https://obmq.com 或者 https://www.obmq.com

注意: 访问 https://weixsun.github.io 将会重定向到 https://obmq.com

JSDelivr 对静态资源进行静态加速

jsDelivr 是一个很著名的CDN加速商，这个服务商只对 GitHub 中的静态资源加速，但是并没像 Cloudflare 一样提供全站加速。

更多 jsDelivr 使用相关参考：https://www.jsdelivr.com/features

Cloudflare 免费 CDN 全站加速

因为Cf在国内没有节点，所以可能出现不加速反而减速的结果，但是有总比没有好。

前提: 首先你需要注册一个域名，国内国外都有相关的域名的注册商

  1. 到 cloudflare 注册账号（提供邮箱即可）

  2. 注册成功后，跳转到如下页面，输入需要加速的站点主域名，然后点击 Add Site 添加

  1. 选择一个套餐（免费）

  1. 配置DNS 记录

  1. 选择默认方法迁移域名：修改nameserver

  1. 快速教程配置结果

  1. 修改域名提供商的DNS服务器为Cf提供的

Google Analytics

Google Analytics

Baidu Analytics

更多信息请参阅

  1. GitHub Pages Home Page

  2. 使用 GitHub Pages - GitHub Docs

  3. Getting Started with GitHub Pages · GitHub Guides

  4. 应该如何使用Github Pages? - 学习 Web 开发 | MDN