Github+Jekyll搭建个人博客三步走 | 极简小白教程

我们的口号是:人不折腾枉少年。
此教程只针对小白,当然也欢迎高手留言提出改进意见。
此教程不需要下载任何安装程序,只要你有浏览器就可以操作。
通过以下步骤,可以使你熟悉整个github操作流程及关键概念。
建议在电脑上阅读此文。


Step 0 步骤概览

Step 1 创建博客

Step 2 配置博客

Step 3 发布日志

Step 1 创建博客

1.1 创建自己的Github账号

首先,你得有个Github的账号。如果没有Github账号,请登录Github创建一个。

注意:github的username会用在个人博客地址里,所以请谨慎选择。

1.2 Fork 一个Jekyll模板

这里以jekyll-now这个模板仓库(Repository)为例说明如何fork一个仓库。
a. 登录github
b. 在Github的搜索框里输入jekyll-now找到此仓库
c. 点击Fork

b and c

d. 选择自己的账号

d

Forking中,请耐心等待

Forking

Fork成功后,显示如下


Fork success.png

1.3 更改模板仓库名字(Rename)

e. 进入设置(setting)

e

f. 将模板仓库名字jekyll-now名字改为yourusername.github.io (这个就是你的博客地址了), 也就是你的github的username+github.io。例子请见下一步骤g。

f.png

g. 输入完毕,点击Rename

g

1.4 预览博客

h. 在浏览器中输入你的博客地址yourusername.github.io,例如我的是anattaguo.github.io (https://anattaguo.github.io/), 如下图所示。此时,页面成功显示。博客搭建大功告成。

h

Step 2 配置博客

2.1 更改博客标题、描述及头像

i. 在自己的博客仓库下,找到_config.yml 文件,点击打开

i

j. 点击小铅笔图标,进入编辑模式

j

k. 修改名字、描述及头像

#
# This file contains configuration flags to customize your site
#
# Name of your site (displayed in the header)
name: Your Name       ##**在这里填入你的博客名字**
# Short bio or description (displayed in the header)
description: Web Developer from Somewhere        ## **在这里填入你的博客**
# URL of your avatar or profile pic (you could use your GitHub profile pic)
avatar: https://raw.githubusercontent.com/barryclark/jekyll-now/master/images/jekyll-logo.png      ##**将此地址替换为你的头像地址**

我的是这样的:


k

l. 修改好后,点commit提交。Commit changes可以填,也可以不填

l

2.2 预览配置后博客

m. 在浏览器中再次输入自己的博客名字,浏览自己的博客(参考步骤h)

m

Step 3 发布日志

3.1 创建日志文件

n. 在自己的博客仓库下找到post文件夹,点击进入

n

o. 点击create new file 创建日志文件

o

p. 输入日志文件名称,格式为yyyy-mm-dd-xxx-xxx.md,如2016-11-29-Self-Introduce.md

注意

  1. 日志文件名一定要以.md结尾
  2. 日志文件名之间一定要有连字符 -
  3. 日志文件名不可以包含中文字符
p

3.2 撰写日志

q. 将以下内容复制黏贴到编辑器中,将title后面的文字改为日志的标题, layout: post 不用修改

    ---
    layout: post
    title: You're up and running! ## 在这里输入你的日志标题,如“我是谁?”
    ---
q

r. 用markdown语法写日志

r

s. 输入完成后,可以点击Preview changes对写好对日志进行预览

s.png

t. 点击commit提交日志(参考步骤l)

u. 预览日志,打开自己的博客地址,发现刚写的日志已经发布完成了。

u

祝贺你,到这里,利用Jeklly+Github创建个人博客就大功告成了。


如果你在创建过程中遇到问题或者有其他疑问,欢迎留言。

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

推荐阅读更多精彩内容