在Github上发布您的永久网站

Github是一家托管“代码存储库”、项目代码集合的公司。许多代码存储库是“开源的”,这意味着它们对全世界都是公开的。Github 有一个叫做Github Pages的功能,它可以让你轻松免费地创建一个托管在shluqu.github.io.如果你把他作为一个轻量级的个人博客服务,GitHub Pages 相较 WordPress 之类的建站服务有什么优势呢?

  1. 首先他是完全免费的,相较其他的同类产品,他能替你省下一笔服务费,节约下的钱可以让你买一些其他的会员服务;
  2. 无须自己购买云服务进行搭建,只需按步骤一步步操作即可,即使你不懂他的技术细节;
  3. 支持的功能多,玩法丰富,你可以绑定你的域名、使用免费的 HTTPS、自己 DIY 网站的主题、使用他人开发好的插件等等;
  4. 当完成搭建后,你只需要专注于文章创作就可以了,其他诸如环境搭建、系统维护、文件存储的事情一概不用操心,都由 GitHub 处理

 

当然了,作为一款免费的服务,我们也是要遵守 GitHub 官方使用建议和限制,在使用的时候项目和网站的大小不要超过 1GB,也不要过于频繁的更新网站的内容(每小时不超过 10 个版本),每个月的也要注意带宽使用上限为 100GB。

综合来看,GitHub Pages 依旧可以说是中小型博客或项目主页的最佳选项之一。

访问github.com,你会在他们的首页看到一个注册表单。(如果您没有,恭喜,您已经有一个帐户!您可以跳到第 2 步)。

在Github上发布您的永久网站

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

在Github上发布您的永久网站

Github 注册步骤 2 截图
在第 3 步,您可以回答调查问题或跳过该步骤:
在Github上发布您的永久网站

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

在Github上发布您的永久网站

Github 的 Gmail 验证屏幕截图

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

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

在Github上发布您的永久网站

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

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

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

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

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

Github“提交新文件”界面截图
在浏览器中输入 仓库名称.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上发布您的永久网站

网站的同步

现在我们已经有了一个基本功能健全的网站了,接下来我们需要试着对博客的内容进行管理,并且给博客添加一些更个性化的设置,官方提供两种方式:

  • 命令行方式(Mac 和 Windows 确保拥有 Git 环境)
  • 桌面客户端形式(需要安装官方提供的客户端)

 

更多阅读:20个Git 命令的示例

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。如需转载,请注明文章出处豆丁博客和来源网址。https://shluqu.cn/13536.html
点赞
4.00 平均评分 (84% 分数) - 1

发表评论

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