如何使用github页面免费托管网站

如果你有一个简单的网站,你不需要支付网页托管。你可以免费使用GitHub页面!...

网络托管计划有多种选择和价格点。有更昂贵的计划,有能力在世界上最大的网站托管,但如果你只是需要一个简单的网站简单的托管解决方案呢?

host-website-github

对于一个静态网站或小型网络应用程序,有免费的托管计划,可以让你在一瞬间上线运行。他们需要比付费主机多一点的设置,但这是一个值得的免费权衡。

GitHub页面就是这样一种选择,在本文中,我们将向您展示如何****GitHub页面托管一个简单的网站。

什么是github页面(github pages)?

注意:要在GitHub页面上托管,您需要访问整个网站代码。通常,当您从头开始编写网站代码时,此选项效果最佳。

GitHub Pages是由GitHub创建的一个服务,它允许您通过将网站或web应用程序存储在免费的GitHub存储库中来发布它。

Sample Display for GitHub Pages

你可以主持一个完整的网站和无限的“项目网站”,这可以被认为是一个网站上的“网页”。网站代码存储在指定的GitHub存储库中,然后GitHub将发布到任何计算机或平板电脑上查看。

这个过程很简单,但还有一点需要说明。让我们开始讨论如何实现这一点。

github基础知识

GitHub是一种流行的版本控制服务,面向使用Git存储和控制代码的计算机程序员。代码存储在存储库中,这些存储库只是云服务器上的容器,允许您从所有计算机访问代码。

您可以使用GitHub的网站或在安装Git后通过命令行创建新的存储库。存储库是给定名称的,可以是公共的,也可以是私有的,并且可以存储任何语言的代码。一旦您创建了存储库,使用Git您就可以从服务器中提取代码进行更改,然后上传回GitHub。

通过访问Git网站并遵循安装步骤,Git很容易安装在PC和Mac计算机上。Git有很多东西,但是你可以学习Git的基础知识并很快使用它。

GitHub在编程中已经是家喻户晓的名字,当您已经知道如何使用它时,GitHub页面将变得非常有用。

在github页面上设置网站

使用GitHub页面托管网站的过程可以简化为三个步骤:

  1. 创建一个GitHub帐户用一些规则创建一个新的存储库编辑你的代码并上传到GitHub让你的网站上线

让我们看一下如何在GitHub页面上实时发布静态网站的更多细节。你需要一些HTML知识,所以现在是复习一些HTML基础知识的好时机。

创建github帐户

此时您应该安装Git,如果没有,请返回GitHub基础知识并确保完全安装了它。您将需要Git通过GitHub控制您的代码。前往GitHub的网站注册。

你需要选择一个用户名,用你的电子邮件地址和密码注册。用户名将是重要的,让你的网站和运行。注册后,请登录主页以启动您的网站。

创建github存储库

在GitHub主页上,您将看到最左侧的“存储库”部分。这里将列出您的所有存储库,以及一个“新建”按钮,它将允许您创建一个新的存储库。

New Repository Screen for GitHub

单击“新建”,您将进入一个新屏幕,以输入存储库信息。首先,您需要输入存储库名称。存储库名称必须如下所示,其中[USERNAME]是所需的用户名:

[USERNAME].github.io

例如,如果您的用户名是Jake,那么您的存储库名称将是杰克.github.io. 这是非常重要的一步。GitHub Pages将存储库标识为一个活动网站,而不是您想要编码的空白容器。

输入用户名后,您可以输入可选的描述,以向存储库中添加一些详细信息(即“我的体育网站”)。

选择“public”或“private”来控制其他用户是否可以修改您的存储库。Public表示任何人都可以修改,private表示只有您可以修改。

最后,您可以为您的存储库创建一个自述文件,它只是用来保存项目的文档。完全可以选择。

现在您已经填写好了,单击“创建存储库”完成!

编辑和上传你的网站

现在您的存储库已在GitHub上运行,请转到命令行终端。导航到要存储项目的位置,并运行以下命令,确保用实际用户名替换[USERNAME]:

git clone https://github.com/[USERNAME]/[USERNAME].github.io

git的“克隆”功能只是在你的计算机上复制你的存储库,这样你就可以编辑代码了。您对此代码所做的任何更改都可以通过命令行保存到主存储库。

现在存储库已存储在文件夹中,请使用终端或单击计算机上的文件夹导航到该文件夹。创建索引.html此文件夹中的文件。这个HTML文件将存放您的代码。

在文本编辑器中打开HTML文件并添加一行,键入“Hello”。这只是一行显示文本并确保网站正常工作。

返回使用终端存储代码的文件夹。现在您可以通过运行这个git代码将更改保存到存储库中

git add --allgit commit -m "Save changes"git push -u origin master

如果您以前从未使用过Git,这可能会让人困惑,但它非常简单。git add--all将您所做的所有更改添加到要保存的队列中。git commit使用可选的-m标志准备更改,该标志添加了对此提交中更改内容的描述。(“保存更改”就是一个例子。最后,gitpush完成更改并将新代码加载到存储库中。

查看github网页网站

这里有很多,但现在你已经准备好看最后的结果了。加载您最喜爱的web浏览器并导航到https://[用户名]。github.io文件这里,[用户名]同样被您的存储库名称替换。

你将看到你的网站现场发布!它可以在任何电脑、平板电脑或**的任何浏览器中查看。这是一个功能齐全的网站。

免费网络托管的更多选项

既然您知道如何创建一个免费托管在GitHub页面上的网站,您就可以构建任何类型的静态网站。对于只需要一个小解决方案的开发人员和个人来说,这是一个很好的选择。

需要比GitHub页面更强大的东西吗?看看这些可怕的免费网络托管服务。

  • 发表于 2021-03-19 05:27
  • 阅读 ( 219 )
  • 分类:编程

你可能感兴趣的文章

吉特(git)和github(github)的区别

...主服务器,即远程存储库。如果主服务器发生故障,可以使用本地存储库将其恢复。总的来说,Git中有很多特性可以用于更好的软件开发。它具有分布式、轻量级、快速、可靠和安全的特点。 什么是github(github)? Github是一个基...

  • 发布于 2020-10-19 21:44
  • 阅读 ( 203 )

使用dropbox、google drive或onedrive获得免费网站托管

... 如何在dropbox上托管网站 ...

  • 发布于 2021-03-11 15:21
  • 阅读 ( 515 )

8+最好的免费和折扣应用程序的学生与.edu电子邮件

...oft可能会与您联系,以获得您是学生的有效证明。下面是如何找出你是否符合条件。 ...

  • 发布于 2021-03-17 15:52
  • 阅读 ( 464 )

如何创建自己的私有自托管ReadItLater应用程序

... 让我们看看如何在计算机中创建Instapaper或Pocket的克隆,而不会丢失任何网页资源。 ...

  • 发布于 2021-03-19 09:29
  • 阅读 ( 285 )

如何为你的网站获得免费域名

...TLD;美国是唯一一个**网页有特定TLD的国家(例如,英国使用TLD)。英国**) ...

  • 发布于 2021-03-24 04:17
  • 阅读 ( 181 )

如何创建一个托管免费网站与itty比特

...中或直接键入站点内容来创建Itty Bitty站点,但我将演示如何使用以前由Dudley Storey创建的Codepen项目。 ...

  • 发布于 2021-03-24 06:30
  • 阅读 ( 221 )

托管项目源代码的7个最佳github替代方案

...操作,并监视您的软件。强大的计划工具意味着您不需要使用另一个系统来让每个人都保持正常。GitLab的分支系统使得设计、测试和管理代码变得容易。 ...

  • 发布于 2021-03-24 13:26
  • 阅读 ( 260 )

什么是github?基本特征简介

... 如何使用github? ...

  • 发布于 2021-03-26 16:08
  • 阅读 ( 240 )

如何在heroku上免费托管python网站

... 现在让我们研究一下如何在Heroku上免费托管Python网站。注意,这是基于pythonversion3.7和Django version2.1.7的。 ...

  • 发布于 2021-03-30 11:29
  • 阅读 ( 378 )

如何在linux上使用hugo静态站点生成器

...歌云存储 赫罗库 GitLab页面 Netlify公司 莫索 浪涌 相关:如何在谷歌Firebase托管平台上免费托管静态网站 安装雨果 与雨果一起,你需要安装Git。Git已经安装在Fedora32和Manjaro20.0.1上。在ubuntu20.04(focusa,)上,它被自动添加为Hugo的...

  • 发布于 2021-04-01 20:08
  • 阅读 ( 179 )
兜兜里有糖ヾ
兜兜里有糖ヾ

0 篇文章

相关推荐