在github上部署静态页面
创始人
2024-04-12 11:04:21
0

使用github-page部署静态页面

需求

假如你辛辛苦苦写好了一个静态网页,很想要炫耀一下,让大家都可以通过公网访问看到我的网页。但是不想太麻烦,买服务器,安装软件,部署环境,配置域名,备案,什么的。

这里有一种最简单的方式,使用gitpage功能,将你的网页通过gitpage部署,大家都可以通过公网看到你的网页了,省去了卖服务器,自行配置,备案的麻烦。

 

Gitpage介绍

文档主页:GitHub Pages | Websites for you and your projects, hosted directly from your GitHub repository. Just edit, push, and your changes are live.

介绍视频:https://www.youtube.com/embed/2MsN8gpT6jY

简单的说,gitpage 是git平台提供的一个帮助你网页部署上限的工具。通过你上传到托管github 平台的代码,将上传的页面代码上线。不需要你考虑服务器,安装部署软件,网络问题,域名,备案等问题。一键上线你的代码。极其方便。

 

 

上线你的网页代码,你需要按照一下步骤。

步骤1-新建项目

在你的github平台上新建一个项目(前提你要有个github账号,可以自行注册)

 

创建你的网页项目仓库:

注意点:

  1. 项目名称一定是这种格式:  账号名称.github.io (不是这种格式无法使用gitpage)。
  2. 项目仓库一定需要是公开的public, 不能是私有的private。私有的无法使用gitpage。

 

步骤2-上传代码

我在本地写好了我的页面代码:

 将我得代码上传到我的建好的仓库:

 注意点:在仓库中的根目录中要有一个index.html的网页文件! gitpage 上线你的代码后,自动打开index.html。没有这个文件,gitpage无法使用。

 步骤3-服务启动查查看网页链接

 

如图示:在setting(设置)中,点击page,等待几秒后,黄框的位置会出现一个上线的链接。进入这个链接就可以看到你写好的网页了。

如果没有出现链接,说明没有上线成功,检查一下上边的步骤中的注意点是否操作错误。

如果您的代码可以正常上线,你可以发现code页面,左下角开发状态,有一个github-page 激活的显示。

 

不足点:

Gitpage帮你上线的网页服务器在国外,国内访问速度有点慢。容易卡掉。

当然也有办法。国内版本的gitee 也上线了giteepage功能,你可以将你的代码上传到gitee,访问速度块多了,部署方式同样很方便。我将在这篇博客介绍gitee中的giteepage。

相关内容

热门资讯

前端-session、jwt 目录:   (1)session (2&#x...
linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作: 我们首先创建了一个文件并在这个文件里面添加了...
关于测试,我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语,但并没有使用过测试工具。偶然看到编程老师...
前缀和与对数器与二分法 1. 前缀和 假设有一个数组,我们想大量频繁的去访问L到R这个区间的和,...
nodejs:本地安装nvm实... 一、背景-使用不同版本node的原因 vue3+ts、nuxt3版本,node...
JAVA集合知识整理 Java集合知识整理 HashMap相关 HashMap的底层数据结构:jdk1.8之...
无刷直流电机介绍及单片机控制实... 无刷直流电机介绍及单片机控制实例前言基本概念优势与劣势使用寿命基本结构使用单片机控制实例电子调速器&...
fwdiary(2) dp2 1.传纸条  AcWing 275. 传纸条 - AcWing 走两条路,走一条最大的...
常用的DOS命令 常用的DOS命令 DOS(Disk Operating System,磁...
<C++> 类和对象(下) 1.const成员函数将const修饰的“成员函数”称之为const成员函数,cons...