你是否曾经想过拥有一个属于自己的网站?这篇文章将帮助你实现。关键是不用钱。
用GitHub建站可以分为三步
1. 注册GitHub账户,建一个仓库
2. 选择你喜欢的主题
3. 修改主页以链接到其他文件
其实网站有众多教程,但我这篇是十分傻瓜式的:文字不多,尽量用动图展示。
一、引言
用GitHub建站可以分为三步
-
注册GitHub账户,建一个仓库
-
选择你喜欢的主题
-
修改主页以链接到其他文件
其实网站有众多教程,但我这篇是十分傻瓜式的:文字不多,尽量用动图展示。
最终成果可见
二、正式教程
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上。
最后看看成品。