Jekyll博客搭建及域名绑定

无意间浏览到一个博主用jekyll搭建博客主题很简约,于是整个周末的晚上都在研究如何使用jekyll搭建博客及绑定域名,踩了好多坑才搞定,记录一下并希望帮助和我遇到一样难题的人。

选择合适模板并clone到本地

这是之前我说的博主的主题,克隆到本地

添加多说

拷贝在多说注册后得到的代码,如下为我的多说代码截图(圈出出需要与)


Jekyll博客搭建及域名绑定_第1张图片
我的多说代码截图

使用Sublime Text打开如下位置文件


Jekyll博客搭建及域名绑定_第2张图片
post.html

将多说代码拷贝至post.html的最底部,按照如下圈出处进行对应更改,这段代码有3个地方要填

data-thread-key填上{{ page.id }}
data-title 填上 {{ page.title }}
data-url 填上 your web site/{{ page.url }}
Jekyll博客搭建及域名绑定_第3张图片
圈出处进行对应更改

上传至github

使用sourceTree添加上传该博客所在文件夹至github,创建仓库名字为 用户名.github.io (最好删除CNAME文件后再进行上传)。可以通过访问username.github.io验证是否成功。

注意,我在网上查阅资料大部分说要新建gh-pages分支,gh分支访问的网址应该是username.github.io/repo。

直接上传master分支就好了

验证

在浏览器输入xiaobeifeng.github.io,若成功在几秒后就可以看到自己的博客了。若几秒钟后没见到就去找原因吧,绝对不会是网上所说的github有延迟。

更新markdown和highlighting

使用该模板搭建浏览时会一直给你注册的github的邮件发送邮件,大致意思是markdown和heightlight版本过低
邮件里会写明解决办法,我直接贴出改好后的_config.yml.部分代码

markdown: kramdown
highlighter: rouge
permalink: /:year/:month/:day/:title.html
name: "wait mitsuha"
markdown: kramdown

绑定域名

进入DNSPod网站进行域名解析

Jekyll博客搭建及域名绑定_第4张图片
域名解析

进入记录管理中获得域名记录值

Jekyll博客搭建及域名绑定_第5张图片
域名记录值

进入域名控制台

将默认的DNS修改为DSNPod中获得的域名记录值


Jekyll博客搭建及域名绑定_第6张图片
域名记录值

在DNSpod中在网站记录管理中添加如下信息

Jekyll博客搭建及域名绑定_第7张图片
添加如下信息

新建CNAME

在本地博客文件夹下新建CNAME文件,填入要绑定的域名。


Jekyll博客搭建及域名绑定_第8张图片
绑定的域名

最后通过域名访问博客就可以了

后记

jekyll搭建成功后,markdown文章需要按照如下格式添加头部信息

---
title: '在 linux 下驱动 Compaq 万通宝'
layout: post
guid: urn:uuid:b87da13a-a4dd-402f-b06a-cef7eeee2d80
tags:
  - linux
---

guid代表文章的唯一标示符,可以通过在线guid网站生成,如上,用新生成的guid替换掉 b87da13a-a4dd-402f-b06a-cef7eeee2d80 就可以了。通过guid确定文章唯一标识,以生成底部箭头进行文章切换

这是我的博客效果图

你可能感兴趣的:(Jekyll博客搭建及域名绑定)