Skip to content

以此模板为基础通过GitHub pages建立自己的网页

Orangii edited this page Apr 23, 2021 · 1 revision

以此仓库模板为基础建立Github pages

如果你不想购买服务器、域名等服务,可以使用Github自带的Github pages建立自己的网页,并使用本仓库的模板

提前声明,即使是以此步骤生成了网页,也仍然需要根据其他页面的步骤修改其中的内容,并不会有更简单的办法

使用Github Pages生成网页

第一步,Fork此项目(或下载项目源码,新建仓库并上传)

如果选择Fork项目,那么只需要点一下右上角的Fork按钮,连二次确认都没有,就行了;如果是下载项目的话,可以从Releases中下载,也可以在仓库首页点击代码右上角Code下载压缩包(Download Zip)。

Download Zip

你猜我建议哪个。

第二步,创建Github pages

  1. (可选,有自己域名的同学可以跳过)如果你没有自己的域名,那么你之后网站的域名将是 http://[Your Github Username].github.io/[Your repository name] ,例如,以我的账户举例举例,仓库URL即为 http://Jiaocz.github.io/Personal-page 。 如果需要去掉后面的仓库名称,打开根目录即是仓库内的内容,则需要将仓库名改为 [Your Github Username].github.io ,例如Jiaocz.github.io ,具体设置在仓库设置首页即可看到,设置后即可通过 http://[Your Github Username].github.io/访问内容。

  2. 进入仓库设置,点击进入左侧边栏中Pages功能

  3. 在Source模块中选择 Branch: master /(root) ,然后点击Save

  4. (可选)如果你已有自己的域名,可以在Custom Domain中添加你自己的域名,然后点击Save。 之后需要将域名添加CNAME记录至 [Your Github Username].github.io ,即可使用自定义域名。

  5. (可选)勾选Enforce HTTPS可以加强访问网页时的安全性。

设置完成后应该差不多这个样子:

Github Pages

这时候就可以通过绿框框里标识的网址进行访问了。

修改内容及发布

肯定少不了修改这项的。

Ⅰ. 通过Git工具克隆到本地

可以使用原生Git工具用 git clone <Repo URL> 克隆到本地,也可以使用Github Desktop、VS Code这样的工具/IDE克隆下来,然后按照Wiki中的教程对内容进行修改或增加新的内容,不需要的页面也可以删,以免出现破绽

克隆到本地后,所有的修改都可以在本地预览,所以在进行下一步前可以先确保自己的修改没有疏漏或者错误,因为git的存在所有提交上去的代码都有历史记录。当然本地的预览肯定也是更方便的。

Ⅱ. 再通过Git工具提交上去

仍然可以用原生Git用 git commit -a git push来推送所有更改到Github,也可以继续用Github Desktop、VS Code这样的工具/IDE推送你需要推送的修改到Github。

提交成功后就可以在你仓库中的Code里面看到新的提交。

Ⅲ. 到此你的网站就完成了!

现在你就可以去第一步中创建的Github Pages链接中看到你完成的网站了! Over.