Jekyll+Github个人博客构建之路

公众号:ChinanewsTT;网站:www.robotkang.cc

本文转载自Lilian,后稍加改之。特此声明!

本博客的搭建真是历经了千辛万苦、一步一坑啊。

参考博客

Jekyll搭建个人博客

说在前面的话

我们需要做很多事情。包括环境配置,账号注册,域名购买(不是必须)等。之前一直想搞一个属于自己的博客,16年我以16元的价格买了一个域名「话说域名的续费有点小贵啊..」并且用python搭了一个离线的博客之后就不了了之了「关键部署太麻烦..」。直到前几又萌生出了搭建博客的心思,才又重新搞起。好在,经过几天的瞎搞,弄出来了。

几个关键内容

Jekyll

Ruby

DevKit

Pygments

Python

Github

账号

客户端

域名

网站统计

百度

google

多说评论系统

一步一步建立自己的小站

建立github

注册github。

建立仓库。仓库名为<用户名>.github.io,详细请参看该博客github建立个人博客

上述都是在github网页中操作。为了后续测试及更新博客的方便安装github客户端。

域名等设置

我是在阿里云网站购买。也可以去其他地方。注册用户,挑选合适的域名,付款(支付宝,比较方便)。然后需要域名空间绑定,找域名服务器管理商进行管理。

图床用了七牛家的。免费版的目前够用,放一些图片比较方便

Windows上安装Jekyll「也可用linux」

参考:Windows 上安装 Jekyll。安装好Jekyll后。打开github客户端,登录。将之前建立的仓库clone到本地。例如我的:dearLilian.github.io, clone到d://lilian/下。就会看到d://lilian/下出现了一个名为dearLilian.github.io的文件夹。

网站评论与统计

首先是网站统计,你需要在百度统计Google Analytics注册账号,并提取相应的id(详细操作请baidu or google)例如我的baidu id为e572ae9801b3a18891f123796b889f77,google id为UA-88738012-1,后面会使用。

其次是网站的评论管理系统,在多说(点击我要安装)上注册账号,设置域名。比如我的是www.robotkang.duoshuo.com。即多说的用户名为robotkang(后面会用到)

选择博客模板

例如,我选择了baixin的博客模板。如果大家喜欢,可以将这个download下来。也可以去我的github上fork我的。

将模板修改为自己的博客

将上述模板下载后,解压。并将leopardpan.github.io-master里面的文件copy到kangblog.github.io文件夹里。此时,如果你打开Jekyll服务,即:命令行模式输入

cd d://zhijun/kangblog.github.io

jekyll serve

然后浏览器打开:localhost:4000,此时就能看到原作者(baixin)的博客。

那么现在来修改模板,呈现你的东西吧。(为了方便编辑各种格式的文件,建议事先安装sublime Text)

工作路径:d://zhijun/kangblog.github.io

1、修改配置文件

首先打开_config.yml文件.修改你想修改的地方。

需要修改的项目包括:

titile:你的博客标题

subtitle:你的博客子标题

description:你的博客描述

avatarTitle:你的头像里的标题

avatarDesc:你的头像描述

url:改成你的域名

comment里的duoshuo:改成你的多说的用户名

social里面的

weibo:你的微薄id(不是用户昵称)

github:你的github用户名

mail:你的邮箱

其他的可以补充,没有的可以不写,将原文中的删除即可

baidu:id:你的百度统计的id

ga:id:你的Google Analytics的id

2、修改域名配置文件CNAME

修改为你自己的域名,如:robotkang.cc如果没有直接清空(后面访问时,直接访问自己的github page即可)

3、修改个人文件about.md

这里也应该修改为你自己的介绍。(要求会基本的markdown语法。)

4、头像

如果你想使用自己的头像,那么请打开images文件夹,将你自己的头像图片放在该文件夹,并重命名为avatar.jpg。

5、网站图标

如果你想使用自己的个性网站图标,同样的将你的图标图片放在该文件夹,并重命名为favicon.png。

6、博客文章

最后就是你的博客内容。请打开_posts文件夹,可以把原来的文件都删除掉,然后编辑你自己的博客。

这里面,你在新建博客时必须包含前6行的内容,其中title后写你自己的博客标题,date后写你自己的时间(但格式要保持一致),tag后写你自己的标签。后面的内容则是markdown语法的内容。 将上述文件保存,命名为:2016-08-04-MyFirstBlog.md。

此时重新启动jekyll服务

shell

cd d://zhijun/kangblog.github.io

jekyll serve

然后打开localhost:4000,打开博客主页,就可以看到你刚刚发布的这篇博客了。

博客上线

之前的操作都是在本地,剩下最关键的一步啦。就是在github客户端将这些changes统统commit并sync到服务端。详细请查询github如何commit以及sync(客户端就点击几下就ok了)。用git shell的话使用如下命令:

git commit -a

git push

当同步完成后,在浏览器输入你的域名,比如我的是:robotkang.cc,然后就能看到你的博客了。任何人都可以看到哦。

掉进过的那些坑

关于jekyll

在启动jekyll时候,由于gemfile中需要的gem没有安装好,或者有依赖的没有安装,总会报错。解决办法是在官网上查询好依赖关系,依次安装好。

其次,项目中所需要的gem必须都要在gemfile中声明好,否则启动服务失败。

关于github提交冲突的问题

发生冲突后,会发现冲突的文件会出现两种内容,当然会有一定的标志。这时候需要将你不需要的那个版本(以及冲突的那个标志)去掉。具体还需要去进一步学习github的相关内容。

后续学习

版本控制git

因为需要经常更新博客。而且不只在一个终端。所以要学习好git来更熟练的操作。

markdown

博客的内容基本采用markdown编写,需要熟知markdown语法才能写出更美观的博客。

HTML,CSS

觉得现在的模板太丑了?那你要学习怎么去设置及设计更符合你审美的博客外观。

jekyll,ruby

本博客是基于jekyll搭建的,然而到现在我还是不太知道jekyll到底是个啥。同时jekyll是基于ruby的,哦,ruby我知道是个编程语言。然而不知道怎么编,那还是去学习一下基本语法及常见应用场景吧。

搜索

我还想给自己的博客添加一个搜索功能。后续再想想怎么做吧。

结束语

由于我也是个菜鸟新手。所以如果大家有什么问题的话,可以留言,也可以email(robotkang@foxmail.com)我,请教谈不上,大家一起探讨。

本文转载自Lilian,后稍加改之。特此声明!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,723评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,080评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,604评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,440评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,431评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,499评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,893评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,541评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,751评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,547评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,619评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,320评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,890评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,896评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,137评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,796评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,335评论 2 342

推荐阅读更多精彩内容

  • 前言:博主目前大三,Web 前端爱好者。写博客的好处,不是为了写而写,而是一个记录思想的过程。不要考虑它能带给你什...
    白小明0927阅读 5,606评论 5 29
  • 作者:李旺成 时间:2016年4月27日 一、技术选型 常见个人博客搭建方案 搭建个人博客通常有如下选择: Wor...
    diygreen阅读 26,181评论 26 311
  • RxJava,它就是在观察者模式的骨架下,通过丰富的操作符和便捷的异步操作来完成对于复杂业务的处理。RXJava学...
    龙在阿里阅读 288评论 0 1
  • 问题:如果我10月底11月初怀上二宝,会不会完不成减肥的目标? 已经问过吃瘦叔叔,他说最好是达成减脂目标之后再怀上...
    陈敬Chris阅读 608评论 0 51
  • 因为外事处的办事员辞职(这里的工作人员流动性好强呀!),我的延签等事项都是语言所心理语言学部的Марина Ник...
    雅君李阅读 680评论 16 7