Verdvana

空持千百偈 不如吃茶去

如何利用GitHub Pages搭建个人博客

18 Dec 2018 » Others

1.前言

       利用GitHub为开发者建立的私人页面“GitHub Pages”来搭建个人博客,不需要租服务器或购买域名。


2.注册GitHub帐号

       打开GitHub官网注册帐号。 → GitHub

注册账号


3.创建仓库

       去创建一个新的仓库。 → 新建仓库

       仓库的名称必须是 “用户名.github.io” (区分大小写)。

新建仓库


4.设置仓库

       新建仓库后,在当前页面选择Setting,进入设置页面,用来生成GitHub Pages。

       先去选择一个主题。

选择主题

       选择。

选择

       生成。

生成pages

       设置好之后就可以打开这个页面了,地址就是 “用户名.github.io”

       这时候这个网页就初步搭建好,只是还没有任何内容。


5.选择模板

       去Jekyll选择一个喜欢的模板。 → Jekyll

       将选择的模板下载并解压,把解压出的文件替换掉你github.io仓库中的文件。

替换文件

       刚建好的仓库肯定没我这么多东西,大概就两三个文件,都删掉再把模板拖进去也行。

       替换的时候可以用Sourcetree或者GitHub客户端等软件将你的仓库克隆到本地进行替换,我懒得写了所以这里直接在网页上替换了,往里拖就行。

       等一分钟。

       再打开你的GitHub Pages页面,就会变成刚刚选择的模板的样式,但内容还是模板里面自带的。


6.修改内容

       首先看下这些文件都是些啥:

文件

  • index.html:博客主页内容;

  • _config.yml:博客的基本配置文件,修改主页的文字就在这里面修改;

  • \data: 这文件夹里放的是工程页面中的内容,可以添加工程名儿和日期照片啥的;

  • _layouts:这文件夹里面存放每个页面的设计,一般有default.html(默认页面)和posts.html(博文页面);

  • _includes:这个文件夹里的的内容将会通用到你博客每个页面,起到一种便利的作用;

  • _posts:这个文件夹里就是博文了,要用markdown语法编写。

       按照需求修改就行了,我从没学过网页也能猜到个大概。修改完之后保存上传至GitHub,上个厕所回来再刷新GitHub Pages网页就可以看到网页有变化。

       至于能写成啥样就不关我的事儿了。


7.结尾

       到现在这个域名为“用户名.github.io”的博客就基本搭建完了,但为啥我的域名是自己的呢?

       因为我买了域名呀!

域名

       我也只能买得起域名了。。。。。

续费

       告辞。