使用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账号，可以自行注册）

创建你的网页项目仓库：

注意点：

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

步骤2-上传代码

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

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

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

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

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

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

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

不足点：

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

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

https://blog.csdn.net/qq_58832911/article/details/128033181https://blog.csdn.net/qq_58832911/article/details/128033181

这是我部署的网页，欢迎大家访问：

Boris - 张博涵 - 个人主页算法工程师，热爱生活的码农，喜欢音乐，摄影，烹饪。http://boris-123.gitee.io/boris-2021.github.io/

在github上部署静态页面相关推荐

使用 github pages, 部署静态网页
使用 github pages, 部署静态网页效果预览我自己的个人博客点击需要源码的话github仓库点击 github保存到自己仓库在github创建一个仓库为仓库命名将本地文件上传到gi ...
web文件群晖_【原创】群晖NAS 上部署静态网站
概要 1.简介 NAS 除了用来管理文件,用作个人云盘之外,还有很多用途.因为群晖的操作系统 DSM 本身就是一个 Debian 的定制系统,所以完全可以把 NAS 当作一台个人的服务器,你可以在上面 ...
Github开源之旅启程：GitHub 上部署网页
------·今天距2020年97天·------ 这是ITester第39次推文 ‍ ‍‍ 大家好,我是coco小锦鲤今天给大家介绍点儿好玩的 ‍‍‍ 在GitHub上部署网页 Github是一个 ...
在gitee上部署静态html表白烟花页面，Gitee Go (持续集成)服务（保姆级图文+实现代码）【杂记】
目录实现效果 1. 首先把网站源码放到gitee上托管 2. 启动托管网页服务 3. 访问我们的静态网站怎么快速部署你的网站总结『杂记』分享一些实用的技巧方法安装环境,配置环境教程,推荐实用 ...
自动部署静态html,手把手教你用 GitHub 来部署静态网页
在尝试过用 GitHub 部署静态 HTML 网页后,觉得其实挺容易的,这里简单说说如何用 GitHub 来完成部署. 1.首先我新建了一个版本库作为 demo,然后点击settings 2.选择 G ...
git 使用writer_「github 教程」写给大家看的教程：从零开始在GitHub上部署个人博客 - seo实验室...
github 教程本文适合的读者:希望搭建个人博客的朋友,无需了解Git.Ruby等技术. GitHub是一个利用Git进行版本控制.专门用于存放软件代码与内容的共享虚拟主机服务(来自维基百科),我 ...
git pages部署静态页面，可以免费发布简历之类的静态网页。
1.写一个静态网页,并发布到github上. 2.按照步骤 3.选择文件分支,选择root,点击保存.然后就出来个链接,点进去就是刚刚写的静态页面. 点击查看
在腾讯云上部署静态网页
1.首先要有一个云服务器我用的腾讯云,不知咋的搞了个免费15天使用... 关于如何购买并使用云服务器,请参照此篇腾讯云官方文档快速配置 Linux 云服务器 2.把本地项目文件传输至腾讯云的Lin ...
如何在服务器上部署静态网页，让所有人都能访看到？
前两天自己买了百度云服务器和域名,然后写了一个静态的网页,准备把这个静态的网页放到服务器上去,这样的话,任何人输入网址,都可以看到我写的这个静态网页:于是这两天一直在研究这东西要怎么做才能实现,零零散 ...

在github上部署静态页面

需求

Gitpage介绍

步骤1-新建项目

步骤2-上传代码

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

在github上部署静态页面相关推荐

最新文章

热门文章