本来想花几个小时来写一篇完整的教程文章的,但是看了看简书上还是有不少好的类似文章,索性就转载过来吧,感谢这位博主的辛苦。
下面文章有几个注意的点,由于GitHub的版本更新,下面的(第六步、第七步)有一点点差异,但是不影响。
一、为什么选择github?
github有一个很有爱的项目,叫做github pages,这个项目是给开发者建立一个私人页面,上面用来分享新颖的想法和自己写的代码,而且最主要的是,这个是免费而且没有空间流量限制的。这也就是我为什么放弃了自由度很高的,却需要支付高昂的主机费的wordpress,而转投了github pages阵营。
那么废话少说,开始我们的教程吧
二、注册github账号
打开https://github.com/站点,注册一个账号
拿到了这个账号你就可以做两件事啦
建立咱们的博客
托管自己写的代码
我们今天主要讨论的当然还是建立博客~
三、完成注册
注册完后别急着关掉页面,先选择free来明确你老子就是冲着免费来的态度,然后甭管别的,直接点击下面绿色的Finish sign up
接着,到你的邮箱验证账号,这样你才能之后生成你的个人主页
四、创建仓库
接下来到这个页面去创建一个新仓库
这个新仓库就将是存放你即将拥有的博客的地方
注意,你的仓库名不能随便取,这样会导致github混乱,取名的格式应该为“用户名.github.io”
后面的操作照配图做就可以了
五、进入仓库设置
建完仓库后,在当前页面右边选择Settings,进入设置页面,在这里生成你的github pages
六、自动生成博客
在设置页面往下拉,在github pages那一栏点击“launch automatic page generator”
七、编辑用户界面
到这一步,其实是让你编辑你的页面上所展示的信息,如果你就只想有这一面的话,你就可以开始编辑了
记住编辑是用markdown语言,如果你编辑完了(如果你要想有我这样的有很多页面的博客事实上根本不用管它),直接点下面的绿色按钮,“continue to layouts”
八、公布页面
这一步对于只要一个展示页面的同学来说,应该算是终结了,选择一个喜欢的主题模板,然后点击“Publish page”,你的页面就公布出来了!
如果还想继续做博客,那就继续看吧。
九、预览页面
在继续教程前,你可以先预览一下你的页面,但实际你最后做出的效果会和这个比起来好几百倍,但你可以先确认一下能不能显示出页面来
十、下载安装github
下载属于你的系统的github,并安装
Windows:https://windows.github.com/
我之后就用Windows示范了
十一、克隆你的仓库
登录你的账号,在左上角点击“+”,然后选择“clone”,点击存放你博客的仓库,把它克隆到本地,并选择存放克隆文件位置,一般默认就好
默认的位置在我的文档下的github文件夹里
十二、选择主题框架
这时候,你就该真正考虑一下你的博客主题风格了,如果你前端开发的功底不好,就不建议频繁更换主题了,虽然要改也不是不行,只是要折腾就是了
到这个网站选择你喜欢的模板
我就以这套模板为范例来进行教程,因为这个极其精简,可塑性(后期更改性)极强,推荐一下
http://jekyllthemes.org/themes/cool-concise-high-end/
点击“downlod”,把它下载下来吧
十三、应用主题
打开存放你克隆下来仓库的文件夹,把里面的文件全部都删了(没错),除了隐藏文件夹“.git”不要删就好了,然后把模板里的东西全部拖到你的原博客仓库里
十四、配置博客
我先简单介绍一下这个仓库里的内容,你根据自身需要用文本编辑器来修改内容
index.html:这是你博客的主页面,里面的内容就是你的主页了
_config.yml:这是你博客的基本配置文件,里面有你博客的名字,以及存放博主的一些基本信息
_layouts:这文件夹里面存放你每个页面的设计,一般有default.html(默认页面)和posts.html(博文页面)
_includes:这个文件夹里的的内容将会通用到你博客每个页面,起到一种便利的作用
_posts:这里面装的就是你的博文啦,记住,要用markdown语法写,要不上传会失败的。
那么以上就是一个Jekyll规范的博客的基本内容了,想想也不难吧
十五、上传到github
现在你已经把博客基本配置完成了,那么就该把它上传到github公布吧
打开github软件,你会发现changes那栏多了数字,这就是你本地文件发生改变数目的情况,在“summary”随便写串东西记录一下,然后按“commit to master”,等“Sync”出现数字后,你就戳那里同步到github吧!
十六、后记
稍等一会儿,打开你的网站,就会发现你的博客已经神奇的出现了,
比如我的:http://cyzfiles.github.io/
那么教程到这儿也差不多完了,之后你可以在_posts 文件夹里继续撰写博文,然后按照第17步 上传到github即可
相关内容
未经允许请勿转载:程序喵 » 利用 GitHub Pages 快速搭建个人博客