使用GitHub搭建网站过程记录

使用GitHub pages搭建个人网站、博客等等(静态)。

将网站托管到GitHub,稳定性很高,不用买服务器,也不需要维护,真香!

下面我对这一过程做简略总结。

1、登录GitHub账号,新建仓库

a500ea9c167101ae1711386763a686c0/20230318170913.png

配置新仓库

这里有几点需要注意:

  • 1、”Repository name” 需要设置为用户名.gtihub.io
  • 2、选择”Public”

e55849fe5825c837362027967c168528/20230318170938.png

  • 3、最后”Initialize this repository with” 这里把 “Add a README file” 选上,如图

f605eb1388ccedf74f7091b84e071685/20230318171007.png

  • 最后点击”Create repository” 即可
  • 这时就已经可以使用用户名.girhub.io访问了

3、设置Github Pages主题(可选)

上一步完成之后就会跳转到这个页面,然后点”Settings” 按钮,如图

9f25043af86504a1d9fe62084108cc4f/20230318171051.png

在新的页面中往下滑,找到”GitHub Pages”,如图,点击蓝色链接

5ecc9d831183aa9dc8f19d71eaea0c11/20230318171138.png

这里可以修改主题

c90651278670209e2fd318fae35ee0ba/20230318171203.png

选择主题后,提交修改

757733bc8faaf36d48d59b77964ed870/20230318171243.png

a904874a9549df7d6789d4ef3d63a04d/20230318171351.png

4、克隆项目到本地进行开发

终端中输入指令即可,这里的”用户名”要修改为你自己的

1
git clone https://github.com/用户名/用户名.github.io.git

982f4fc8cbb5077b45d766a311cc7b86/20230318171415.png

需要了解的是Pages只支持静态网页

打赏
  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!
  • Copyrights © 2021-2025 lorzzn
  • 访问人数: | 浏览次数:

      请我喝杯咖啡吧~

      支付宝
      微信