经过github搭建我的博客

今天突发奇想,想用GitHub搭建一个我的博客,就大概学习了一下,特此记录。html

其实很是简单,首先要知道,这里是经过GitHub Pages进行搭建的,什么?不知道什么是GitHub Pages?Github Pages设计的初衷是为托管在GitHub上的项目提供介绍页面,开发者们能够经过GitHub Pages为他们的每个项目建立一个用于介绍该项目的静态网站,由于它是免费的,因此咱们能够拿来搭建我的网站,不过先明确一下,不一样于在服务器上搭建网站,GitHub没有数据库,搭建的也是静态网站,每次新建文章都须要在本地建好,push上去,挺麻烦的,嫌麻烦的仍是用博客园,简书这种吧。git

搭建也是很是简单,首先注册个GitHub帐号,而后新建一个repository,命名为“你的GitHub名字.github.io”,好比个人就是github

为何要这么起名字?人家规定的。数据库

接下来,咱们能够看看官方文档是怎么说的,看完就明白了。服务器

https://pages.github.com工具

官方例子是这样:post

(1)创建仓库DarrenChanChenChi.github.io
(2)下载仓库到本地学习

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

(3) 进入仓库目录,创建网页入口文件网站

cd username.github.io
echo "Hello World" > index.html

(4)提交代码spa

git add --all
git commit -m "Initial commit"
git push -u origin master
这样访问https://darrenchanchenchi.github.io/就是看到网页“hello world”,是否是很简单?
但是这样的页面太low了,本身又不会设置样式咋整?别着急,有官方推荐的jekyll,这玩意又是啥?

jekyll是一个简单的免费的Blog生成工具,将纯文本转化为静态网站和博客;因为我们的GitHub Pages生成的是静态页面,每次更新博客都须要手动更改HTML,这就使得每次写博客都变得很麻烦,而用了这个工具之后,它会根据预先设置好的格式来生成博客内容,你就无需关心html代码,只须要把重心放在博客的写做上。

文件目录的一些介绍以下:

简单了解便可,但是让本身从头写太麻烦了,别担忧,有大神,大神设计好了不少模板供你选择:

JekyllThemes

下载以后按照以前的步骤把模板上传到本身的Github仓库中,在_posts文件夹中放入本身写好的博客,文件名必须是日期-标题名,例如:2018-12-06-个人第一篇博客。

这里推荐一个大神的,样式我比较喜欢,https://github.com/mzlogin/mzlogin.github.io

fork一下,改改内容,就能够了,很简单,人家的说明很详细,读一下README.md,我fork完就是这样:

 

而后clone下来,按照要求改改配置文件便可。改完传上去,万事俱备,个人效果以下:

https://darrenchanchenchi.github.io/

内容仍是人家的,还没替换,要是想换成本身的域名,能够参考:http://www.javashuo.com/article/p-dvitaakn-x.html

参考

http://www.javashuo.com/article/p-ghaxgybj-ep.html

http://www.javashuo.com/article/p-fdfgssln-ke.html

https://www.jianshu.com/p/000bb99a72c3

相关文章
相关标签/搜索