在Github上发布您的永久网站

Github是一家托管“代码存储库”、项目代码集合的公司。许多代码存储库是“开源的”,这意味着它们对全世界都是公开的。这太棒了,因为这就是程序员相互学习并在彼此工作的基础上发展的方式!可汗学院有不少开源存储库。代码存储库可以包含各种类型的代码,而不仅仅是 HTML 和 CSS – 使项目工作所需的任何代码。
我为什么要告诉你他们的事?好吧,Github 有一个叫做Github Pages的功能,它可以让你轻松免费地创建一个托管在shluqu.github.io.
注意:可汗学院不隶属于 Github。在决定注册帐户之前,请查阅 Github 使用条款和其他政策,特别是如果您未满 13 岁。

注册一个 Github 帐户

访问github.com,你会在他们的首页看到一个注册表单。(如果您没有,恭喜,您已经有一个帐户!您可以跳到第 2 步)。
当您拿起您的用户名时,请记住它会在互联网上公开查看,并且会在您网站的 URL 中:shluqu.github.io. 出于隐私原因,有些人喜欢使用昵称或有趣的名字来代替他们的真名,但这取决于你。

在Github上发布您的永久网站

Github 注册界面截图
在第 2 步中,选择免费计划。对于公共网站存储库,您不需要付费计划。(如果您成为一名多产的 Github 用户并需要他们的专业功能,您可以随时升级。)

在Github上发布您的永久网站

Github 注册步骤 2 截图
在第 3 步,您可以回答调查问题或跳过该步骤:

在Github上发布您的永久网站

Github 注册过程截图,第 3 步调查
填写新帐户表格后,请确保检查您的电子邮件收件箱并单击链接以验证您的电子邮件地址:

在Github上发布您的永久网站

Github 的 Gmail 验证屏幕截图

为您的网站创建一个 Github 项目

验证您的电子邮件地址后,您将看到起始页。单击“启动项目”。

在Github上发布您的永久网站

Github 启动页面的屏幕截图,带有两个按钮,阅读指南和启动项目
在项目创建页面上,系统会要求您输入项目名称。确保将您的项目准确命名为“YOUR_USERNAME.github.io”。这告诉 Github 您正在制作一个特殊的网页项目,以便它知道在您更改文件时将文件上传到该面向用户的 URL。由于我的用户名是“PamelaFoxBot”,我将我的项目命名为“PamelaFoxBot.github.io”:

在Github上发布您的永久网站

Github 新建项目界面截图
恭喜,你有一个新项目!但它还没有文件。作为创建第一个文件的快速方法,单击“README”链接

在Github上发布您的永久网站

新建项目后Github界面截图
现在您正在查看 Github 文件编辑器界面,其中包含一个名为README.md将文件名从 更改README.mdindex.html服务器期望index.html是网站文件夹的主文件的名称。然后,您的索引可以链接到网站的其他页面。

在Github上发布您的永久网站

README.md 的 Github 文件编辑器屏幕截图,文件名已圈出
删除文件编辑器的当前内容并将其替换为您网页的 HTML。您可以从可汗学院的项目或您一直在计算机上开发的项目中复制和粘贴 HTML。

在Github上发布您的永久网站

编辑框中带有 HTML 的 Github 文件编辑器截图
向下滚动页面直到找到提交区域,然后单击“提交新文件”。每次创建文件的新版本时,您都在进行“提交”以将其记录在文件版本历史记录中。每个提交都有一条消息来描述更改。Github 建议使用默认消息(在本例中为“Create index.html”),但您可以通过在框中键入来覆盖它。

在Github上发布您的永久网站

Github“提交新文件”界面截图
在浏览器中输入 YOUR_USERNAME.github.io,然后重新加载,直到您的网页出现。
Github 需要 1-10 分钟才能将您的项目更改上传到面向用户的网页 URL,因此您可能需要耐心等待。您可能还需要“硬重新加载”(重新加载时按住 shift),以清除浏览器缓存。

在Github上发布您的永久网站

github.io上的网页截图

上传多文件网站到 Github

你们中的一些人可能已经使用桌面编辑器在可汗学院之外的多文件网站上工作。您的网站可能有多个 HTML、CSS、JS 和图像文件。
如果您想将该网站上传到 Github,请不要担心,您无需单独复制和粘贴每个文件!那确实会变得相当乏味。有更好的方法…
在 Github 上打开您的项目,然后单击“上传文件”。

在Github上发布您的永久网站

Github项目界面截图,“上传文件”按钮红圈
您将看到 Github 文件上传器界面。要选择文件,请拖放或使用文件选择器

在Github上发布您的永久网站

找到您的项目文件夹并选择要上传的文件。
通常,您要上传已更改的任何文件。如果您不确定,请上传所有内容。Github 将使用一种算法来确定哪些已更改和未更改,并且只为更改的文件制作新版本。

在Github上发布您的永久网站

文件选择器截图
根据需要更改提交消息,然后单击“提交更改”。

在Github上发布您的永久网站

提交上传文件的截图
重新加载您的网页以查看更改!
请记住,它最多需要 10 分钟。耐心是我们的朋友。😊
这就是为什么最好在本地桌面环境中进行开发和测试,并且只有在您对网站在本地的外观感到满意时才上传到 Github(或任何其他托管服务提供商)。

在Github上发布您的永久网站

https://www.shluqu.cn/13536.html
点赞
0.00 平均评分 (0% 分数) - 0

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注