GitHub搭建个人网站

  ₍₍ (̨̡ ‾᷄ᗣ‾᷅ )̧̢ ₎₎妈耶,云服务器不会用的我,竟然偶然得知怎么在github上搭网站。当然,怎么用云服务器我还得捣鼓。
  先介绍一下
1. GitHub pages使用github.io域,HTTPS网络协议。
2. GitHub pages是一个静态的网站托管服务,不支持服务器端代码,如PHP,Ruby,Python。
3. 警告:GitHub页面的网站,即使云端仓库是私人的,仍旧可以在互联网上公开。
4. GitHub页面的网站有以下的使用限制:

  • GitHub网站发布页不能大于1 GB
  • GitHub Pages sites have a soft bandwidth limit of 100GB per month.
  • GitHub Pages sites have a limit of 10 builds per hour.//恩,我也不会翻译了,自己看吧

5.网站必须避免:暴力的或威胁性的内容或活动、色情淫秽内容等。


更多详情点击→ Github pages介绍

当然,如果你不习惯英文的github,也可以选择国内的一些网站:

1.coding pages介绍页面
2.码云 pages介绍页面


英文教程页面(看看就好,下边我会用汉语叙述的):Github pages英文教程

GitHub搭建个人网站
  下边有两个选项,左边是构建个人站点,右边是项目的。emmmm先从左边开始看୧(๑•̀⌄•́๑)૭✧


User or organization site/建立个人网站

1.在网页上创建一个仓库

GitHub搭建个人网站
  在GitHub上,创建一个新的库命名为username.github.io,其中用户名是您在GitHub上的用户名(或机构名称)username一定要和你的用户名匹配,否则不好使哦。不会创建github仓库的看这里
GitHub搭建个人网站


2.你用的是什么Git客户端?

GitHub搭建个人网站
  这个,你电脑是什么系统你总该知道吧……什么系统就是什么客户端啊……₍₍ (̨̡ ‾᷄ᗣ‾᷅ )̧̢ ₎₎选好之后就会弹出相应的英文教程。我的是Windows。


3.Clone the repository(克隆仓库到本地)

 (不会克隆github仓库的看这里,←提供两种克隆方法。)
GitHub搭建个人网站


4.在本地仓库写一个网页

GitHub搭建个人网站
  用你最喜欢的文本编辑器,添加一个index.html文件到您的项目中。
GitHub搭建个人网站找到本地仓库然后开始写网页。写一个.html文件名叫indexGitHub搭建个人网站


5.同步到远程仓库

GitHub搭建个人网站
  (不会同步github仓库的看这里,←依旧提供两种方法。)


6.然后你的网站就可以用了。

  GitHub搭建个人网站


  打不开的话不要着急……等等吧……我就是建完了打不开,第二天才好使……


Project site/项目站点

1.进入已有仓库,点击设置

GitHub搭建个人网站


2.然后任意选一个显示主题

GitHub搭建个人网站
GitHub搭建个人网站


3.选完之后点击绿色按钮确认之后,刚才的页面就会变成这样。红框就是仓库网址,点击会直接进入你的readme.md文件。

GitHub搭建个人网站


4.然后就可以用了,博客主页显示内容是你的readme.md文件。

GitHub搭建个人网站