github pages 部署单页面

github pages介绍

GitHub Pages是一个免费的托管服务，可以直接从GitHub存储库中创建和托管网站。可以使用GitHub Pages来构建自己的网站或为项目生成网站。每个GitHub帐户和组织都可以拥有一个站点，以及无限的项目站点。

主站点的地址就是用户名.github.io，项目名就是在此基础上加uri以区分。

单页面

之前我已经部署过主站，是一个博客项目，这次我想部署一个单页面，顾名思义，就是该链接只指向这一个页面，纯展示用，也不做别的。所以本教程可以作为部署项目站点的教程来看。

教程

步骤非常简单，首先我们在gtihub新建一个项目库，
在这里插入图片描述

然后上传一个index.html文件，文件内容自己定，不过刚开始，我们可以来一个demo页，参考如下：

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>我的网站title>
head>
<body>
    <h1>欢迎来到我的网站！h1>
    <p>这是一个示例页面。p>
body>
html>

1
2
3
4
5
6
7
8
9
10
11
12

将该页面命名为index.html，然后上传到新建的项目库，如图：
在这里插入图片描述

然后准备工作就完成了，接下来打开配置，找到pages选项。选择deploy from a branch，然后选择main分支，保存。
在这里插入图片描述
然后等一会儿，刷新该页面。等出现这行以后，点击visit，就可以访问刚才的单页了。

效果如下：

限制

GitHub Pages有一些限制，例如：

GitHub Pages源存储库的推荐限制是1 GB。
发布的GitHub Pages网站不能超过1 GB。
GitHub Pages网站每月有100 GB的软带宽限制。
GitHub Pages网站每小时有10次构建的软限制。

不过个人使用，这些资源也足够了。

相关阅读:
【GPGPU编程模型与架构原理】第一章 1.1 GPGPU 与并行计算机
多线程 - 阻塞式队列
AJAX---发送POST请求、Get请求、请求四步、解决低版本的缓存问题
JavaScript的Web api接口
one-hot和Embedding
含分布式电源的配电网可靠性评估（matlab代码）
ASEMI肖特基二极管MBR40200PT参数和作用详解
YYDS！由浅入深学习阿里JDK源码，已在阿里内部疯拿3个金奖
【电子通识】为什么高速信号传输要用差分
基于Hadoop的学习行为数据云存储平台的设计与实现

原文地址：https://blog.csdn.net/u013036688/article/details/133240990