你是否曾经想过拥有一个属于自己的网站?这篇文章将帮助你实现。关键是不用钱。

用GitHub建站可以分为三步

1. 注册GitHub账户,建一个仓库
2. 选择你喜欢的主题
3. 修改主页以链接到其他文件

其实网站有众多教程,但我这篇是十分傻瓜式的:文字不多,尽量用动图展示。

一、引言

用GitHub建站可以分为三步

  1. 注册GitHub账户,建一个仓库

  2. 选择你喜欢的主题

  3. 修改主页以链接到其他文件

其实网站有众多教程,但我这篇是十分傻瓜式的:文字不多,尽量用动图展示。

最终成果可见

二、正式教程

1. 注册GITHUB账户,建一个仓库

首先用邮箱注册账户,要注意用户名决定了你的网站域名

新建一个仓库(repository),命名为用户名.github.io,选择Add a README file

到这里,你的个人网站就完成了。网址就是用户名.github.io。网站主页的内容取决于你的README.md文件。你可以试着修改这个README.md文件,然后登陆你的主页看看(可能得1分钟后才更新)。

2. 选择你喜欢的主题

选择网站主题有几种方法,当然朴素的你也可能觉得不需要这些玩意。

2.1 选择官方主题

在Setting的pages中选就可以了,选完可以登录你的主页看看,显示效果会变成选择的主题的样子。但是这些主题有点丑。

2.2 复制其他人的格式

当你看到其他人用GitHub做得网站觉得做得不错时,可以上他的GitHub去克隆(fork),或者在GitHub上搜website templates,然后找一些喜欢的模板就行。接着再去改html文件就是自己的了。这种方式建的网站最高级,但也是最麻烦的一种,需要修改html文件。

2.3 将md文件转成html文件

这个上面两种方法的权衡,既有比较美观的主题,又比较容易操作。所以下面详细介绍这种方法。

将md文件转成html文件有很多方法,这里不去一一评价。作为例子,我用Typora来实现。

首先,去官网下载Typora。

然后,可以直接用Markdown的语法在Typora上写文章,也可以先在其他平台上写,再复制到Typora上。有关Markdown语法可以去菜鸟教程看看。

最后,选择喜欢的主题后将其转为html文件(默认主题太少,可以到官网下载css文件后导入,这里不展开了)

导出为html文件时,注意命名为index.html,用这个名称GitHub才会把它当做是主页。

2.4 将html文件上传到GitHub上

将你的index.html上传到你GitHub的仓库里面,然后输入你的域名就可以显示出你选择的主题了。(可能需要等1-2分钟才刷新)

3.修改主页以链接到其他文件

如果你只想要一个稍微好看的主页,就已经结束了。如果你想可以让别人从主页链接到其他地方,就需要继续做点。

3.1 上传你想分享的东西

比如说你有一个巨牛的idea写在PDF里面想分享,上传!

如果你用markdown格式写完你的idea后,用Typora转成了html,上传!

3.2 修改你的主页文件

当你的仓库里上传了index.html时,主页文件就是这个html文件。你可以直接修改这个html文件,比方说在这个html文件中添加一条链接到你的pdf文件,那你就可以在你的主页上直接链接到这个PDF文件。但是这种方法得了解一些html语法。

因此,建议是在Typora先修改主页的markdown文件,然后导出为index.html,再上传到GitHub上把原来的覆盖掉。在下面的gif中,我主页的markdown文件是Github建站指南.md

导出后再把这个index.html文件上传到GitHub上。

因为我们后续修改主页需要用到主页的md文件,所以建议把这个文件的名字改为README.md,然后上传到GitHub上。

最后看看成品。