IT技术篇Gitgit及github学习

超简单github pages搭建个人博客

2018-05-04  本文已影响35人  亦然args

一 为什么选择github pages

之前折腾过域名,备案的人都知道,在国内想要有属于自己的博客,这套流程下来很麻烦,后来尝试了一下wordpres,emmmm···如果只是为了记录和展示用的话,没必要搞那么复杂,现成的github就提供了最简单的方案。

二 什么是Jekyll

Jekyll是一个简单的静态博客生成工具,不需要数据库,生成html页面,提高了页面的响应速度,让博主可以只专注于写文章,不用考虑如何排版。

三 步骤

在这里默认大家都已经有github账号,如果没有请申请一个,能看懂官网的朋友直接看这里:https://pages.github.com/
1、创建一个代码仓库

创建仓库
名字命名为:username.github.io,username就是你的账号名

2、将这个空的代码仓库clone到本地

git clone https://github.com/username/username.github.io

3、在这个项目中新建index.html文件用来测试

cd username.github.io
echo "hello world" > index.html

4、Push it

git add -all
git commit -m "initial commit"
git push origin master

5、完成以上步骤,你就可以访问https://username.github.io
会看到打印出hello world,一个超简单的个人博客就搭建完成,后面就是如何加模板。

6、Jekyll模板
网上有一套类似jekyll脚手架的做法,自动搭建整个模板项目,感觉略麻烦,可以直接上该网站:http://jekyllthemes.org/
这是jekyll的官方模板网站,直接挑选合适的模板,点击下载。
然后将整个源码放到自己上面创建的username.github.io仓库里面。

上传完毕
这样基本就完成了,接下来是修改一下配置。

7、修改_config.yml
如果你直接访问https://username.github.io,你会发现有很多报错,提示找不到静态文件,css之类的,所以要修改一下_config文件。

config.yml
如箭头所示,修改一下title和baseurl,url,让css能正确加载到,如果该路径依旧无法加载,可以多试试其他相对路径。
(这一步做完后,会需要等待几分钟才能生效。)

四 完成

等待几分钟之后,访问https://username.github.io,就能正常加载了,目前整体是你下载的那个模板,根据自己需要进行修改就行,后面有空记录一下怎么直接在本地构建模板,以及如何排版写博客。

上一篇 下一篇

猜你喜欢

热点阅读