start_time: 2024-05-11 10:47:49 +0800

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

96
简疏志
IP属地: 上海
2016.11.30 11:14 字数 849

我们的口号是:人不折腾枉少年。
此教程只针对小白,当然也欢迎高手留言提出改进意见。
此教程不需要下载任何安装程序,只要你有浏览器就可以操作。
通过以下步骤,可以使你熟悉整个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创建个人博客就大功告成了。


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

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