利用 GitHub Pages 快速搭建个人博客

正所谓前人栽树,后人乘凉。
感谢Huxpro提供的博客模板
我的博客: 柏荧的博客 | BY Blog
我在Bolg上的教程:《快速搭建个人博客》

前言

从 Jekyll 到 GitHub Pages 中间踩了许多坑,终于把我的个人博客BY Blog搭建出来了。。。

本教程针对的是不懂技术又想搭建个人博客的小白,操作简单暴力且快速。当然懂技术那就更好了。

看看看博客的主页样式:

 

 

在手机上的布局:

 

 

废话不多说了,开始进入正文。

快速开始

从注册一个Github账 开始

我采用的搭建博客的方式是使用 GitHub Pages + jekyll 的方式。

要使用 GitHub Pages,首先你要注册一个GitHub账 ,GitHub 是全球最大的同性交友 站(吐槽下程序员~),你值得拥有。

拉取我的博客模板

注册完成后搜索 进入我的仓库

点击右上角的 Fork 将我的仓库拉倒你的账 下

稍等一下,点击刷新,你会看到Fork了成功的页面

修改仓库名

点击settings进入设置

<p id = “Rename”></p>
修改仓库名为 ,然后 Rename

这时你在在浏览器中输入 例如:

你将会看到如下界面

说明已经成功一半了。。当然,还需要修改博客的配置才能变成你的博客。

若是出现

则需要 检查一下你的仓库名是否正确

有一个小tips 建议一下, 当fork之后, 修改setting文件,访问自己的 站 404 时,建议修改一下CNAME 文件,commit 一下,然后回到repository 刷新一下就可以访问了。详细参照:https://github.com/prose/prose/issues/703
感谢@ErCargo提供的建议

整个 站结构

修改Blog前我们来看看Jekyll 站的基础结构,当然我们的 站比这个复杂。

很复杂看不懂是不是,不要紧,你只要记住其中几个OK了

  • 全局配置文件
  • 放置博客文章的文件夹
  • 存放图片的文件夹

其他的想继续深究可以看这里

修改博客配置

来到你的仓库,找到文件,这是 站的全局配置文件。

点击修改

接下来我们来详细说说以下配置文件的内容:

基础设置

侧边栏

交账

展示你的其他 交平台

在下面你的 交账 的用户名就可以了,若没有可不用填

新加入了简书, 在你打开你的简书主页后的地址如:中,后面这一串数字:

评论系统

博客中使用的是 Disqus 评论系统,在 官 注册帐 后,按下面的步骤简单的配置即可:

进入 设置页面 配置个人信息

配置 Disqus 个人信息

找到 Username

Disqus Account

这个 Username 就是我们 中

很对人反映 Disqus 评论插件加载不出来,因为 Disqus 在国内加载缓慢,所以我新集成了 Gitalk 评论插件(感谢@FeDemo的推荐),喜欢折腾的朋友可以看这篇:《为博客添加 Gitalk 评论插件》。 我已经在 配置就好了,只需要填写参数可以了。

站统计

集成了 Baidu Analytics 和 Google Analytics,到各个 站注册拿到track_id替换下面的就可以了

这是我的 Google Analytics

不要使用我的track_id。。

若不想启用统计,直接删除或注释掉就可以了

好友

保存

讲 页拉倒底部,点击 提交保存

再次进入你的主页,

恭喜你,你的个人博客搭建完成了

写文章

利用 Github 站 ,我们可以不用学习git,就可以轻松管理自己的博客

对于轻车熟路的程序猿来说,使用git管理会更加方便。。。

创建

文章统一放在 站根目录下的 的文件夹中。

创建一个文件

在下面写文章,和标题,还能实时预览,最后提交保存就能看到自己的新文章了。

格式

每一篇文章文件命名采用的是时间+标题的形式,空格用替换连接。

文件的格式是 的 MarkDown 文件。

我们的博客文章格式采用是 MarkDown+ YAML 的方式。

YAML 就是我们配置 文件用的语言。

MarkDown 是一种轻量级的「标记语言」,很简单。花半个小时看一下就能熟练使用了

大概就是这么一个结构。

按格式创建文章后,提交保存。进入你的博客主页,新的文章将会出现在你的主页上.

到这里,恭喜你!

你已经成功搭建了自己的个人博客以及学会在博客上撰写文字的技能了(是不是有点小兴奋。

首页标签

在首页可以看到这些特色标签,当你的文章出现相同标签(默认相同的标签数量大于1),才会自动生成。

所以当你只放一篇文章的时候是不会出现标签的。

建站的初期,博客比较少,若你想直接在首页生成比较多的标签。你可以在 中找到这段:

将其修改为, 这样只有一个标签时也会出现在首页了。

相反,当你博客比较多,标签也很多时,这时你就需要改回 甚至是 了。

自定义域名

搭建好博客之后 你可能不想直接使用 baiyingqiu.github.io 这么长的博客域名吧, 想换成想 qiubaiying.top 这样简短的域名。那我们开始吧!

购买域名

首先,你必须购买一个自己的域名。

我是在阿里云购买的域名

阿里云 app也可以注册域名,域名的价格根据后缀的不同和域名的长度而分,比如我这个 的域名第一年才只要4元~

域名尽量选择短一点比较好记住,注意,不能选择中文域名,比如 ,GitHub Pages 无法处理中文域名,会导致你的域名在你的主页上

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2019年1月18日
下一篇 2019年1月18日

相关推荐