正所謂前人栽樹皱炉，后人乘涼庸推。
感謝Huxpro提供的博客模板
前言
從 Jekyll 到 GitHub Pages 中間踩了許多坑蒜茴，終于把我的個(gè)人博客BY Blog搭建出來(lái)了。疆栏。曾掂。
本教程針對(duì)的是不懂技術(shù)又想搭建個(gè)人博客的小白，操作簡(jiǎn)單暴力且快速壁顶。當(dāng)然懂技術(shù)那就更好了珠洗。
前言
從 Jekyll 到 GitHub Pages 中間踩了許多坑，終于把我的個(gè)人博客BY Blog搭建出來(lái)了若专。许蓖。。
本教程針對(duì)的是不懂技術(shù)又想搭建個(gè)人博客的小白调衰，操作簡(jiǎn)單暴力且快速膊爪。當(dāng)然懂技術(shù)那就更好了。
看看看博客的主頁(yè)樣式：
廢話不多說(shuō)了嚎莉，開始進(jìn)入正文米酬。
從注冊(cè)一個(gè)Github賬號(hào)開始
采用搭建博客的方式是使用GitHub Pages+jekyll的方式。
要使用 GitHub Pages趋箩，首先你要注冊(cè)一個(gè)GitHub賬號(hào)淮逻，GitHub 是全球最大的同性交友網(wǎng)站琼懊，你值得擁有。
拉取我的博客模板
注冊(cè)完成后搜索zhangxuewu666.github.io進(jìn)入我的倉(cāng)庫(kù)
擊右上角的Fork將我的倉(cāng)庫(kù)拉倒你的賬號(hào)下
稍等一下爬早，點(diǎn)擊刷新，你會(huì)看到Fork了成功的頁(yè)面
修改倉(cāng)庫(kù)名
點(diǎn)擊settings進(jìn)入設(shè)置
修改倉(cāng)庫(kù)名為你的Github賬號(hào)名.github.io启妹，然后 Rename
這時(shí)你在在瀏覽器中輸入你的Github賬號(hào)名.github.io例如:zhangxuewu666.github.io
你將會(huì)看到如下界面
說(shuō)明已經(jīng)成功一半了??筛严。。饶米。當(dāng)然桨啃，還需要修改博客的配置才能變成你的博客。
整個(gè)網(wǎng)站結(jié)構(gòu)
修改Blog前我們來(lái)看看Jekyll 網(wǎng)站的基礎(chǔ)結(jié)構(gòu)檬输，當(dāng)然我們的網(wǎng)站比這個(gè)復(fù)雜照瘾。
├── _config.yml
├── _drafts
|? ├── begin-with-the-crazy-ideas.textile
|? └── on-simplicity-in-technology.markdown
├── _includes
|? ├── footer.html
|? └── header.html
├── _layouts
|? ├── default.html
|? └── post.html
├── _posts
|? ├── 2007-10-29-why-every-programmer-should-play-nethack.textile
|? └── 2009-04-26-barcamp-boston-4-roundup.textile
├── _data
|? └── members.yml
├── _site
├── img
└── index.html
很復(fù)雜看不懂是不是，不要緊丧慈，你只要記住其中幾個(gè)OK了
_config.yml全局配置文件
_posts放置博客文章的文件夾
img存放圖片的文件夾
修改博客配置
來(lái)到你的倉(cāng)庫(kù)析命，找到_config.yml文件,這是網(wǎng)站的全局配置文件。
點(diǎn)擊修改
然后編輯_config.yml的內(nèi)容
基礎(chǔ)設(shè)置
# Site settings
title: You Blog? ? ? ? ? ? ? ? ? ? #你博客的標(biāo)題
SEOTitle: 你的博客 | You Blog? ? ? ? #顯示在瀏覽器上搜索的時(shí)候顯示的標(biāo)題
header-img: img/post-bg-rwd.jpg? ? #顯示在首頁(yè)的背景圖片
email: You@gmail.com
description: "You Blog"? ? ? ? ? ? ? #網(wǎng)站介紹
keyword: "" #關(guān)鍵詞
url: "https://qiubaiying.github.io"? ? ? ? ? # 這個(gè)就是填寫你的博客地址
baseurl: ""? ? ? # 這個(gè)我們不用填寫
側(cè)邊欄
# Sidebar settings
sidebar: true? ? ? ? ? ? ? ? ? ? ? ? ? # 是否開啟側(cè)邊欄.
sidebar-about-description: "說(shuō)點(diǎn)裝逼的話逃默。鹃愤。。"
sidebar-avatar:/img/avatar-by.JPG? ? ? # 你的個(gè)人頭像 這里你可以改成我在img文件夾中的兩張備用照片 img/avatar-m 或 avatar-g
社交賬號(hào)
在下面你的社交賬號(hào)的用戶名就可以了完域，若沒(méi)有可不用填
# SNS settings
RSS: false
weibo_username:? ? username
zhihu_username:? ? username
github_username:? ? username
facebook_username:? username
jianshu_username:? jianshu_id
新加入了簡(jiǎn)書软吐，jianshu_id在你打開你的簡(jiǎn)書主頁(yè)后的地址如：http://www.reibang.com/u/cbc6eb3971ab中，后面這一串?dāng)?shù)字：cbc6eb3971ab
網(wǎng)站統(tǒng)計(jì)
集成了Baidu Analytics和Google Analytics吟税，到各個(gè)網(wǎng)站注冊(cè)拿到track_id替換下面的就可以了
若不想啟用統(tǒng)計(jì)凹耙，直接刪除或注釋掉就可以了
# Analytics settings
# Baidu Analytics
ba_track_id: 83e259f69b37d02a4633a2b7d960139c
# Google Analytics
ga_track_id: 'UA-90855596-1'? ? ? ? ? ? # Format: UA-xxxxxx-xx
ga_domain: auto
保存
講網(wǎng)頁(yè)拉倒底部，點(diǎn)擊Commit changes提交保存
再次進(jìn)入你的主頁(yè)肠仪，
恭喜你肖抱，你的個(gè)人博客搭建完成了??。
寫文章
利用 Github網(wǎng)站 藤韵，我們可以不用學(xué)習(xí)git虐沥，就可以輕松管理自己的博客
對(duì)于輕車熟路的程序猿來(lái)說(shuō)，使用git管理會(huì)更加方便泽艘。欲险。。
創(chuàng)建
文章統(tǒng)一放在網(wǎng)站根目錄下的_posts的文件夾中匹涮。
創(chuàng)建一個(gè)文件
對(duì)于具體怎么寫 天试，我還要去慢慢探索 ，MarkDown是一種輕量級(jí)的「標(biāo)記語(yǔ)言」然低，這個(gè)我還要去學(xué)學(xué) 喜每，后面還有買域名务唐，綁定自己的域名，我就不講了带兜，在我的一篇空間文章中講過(guò)枫笛，hexo與GitHubpage 太折騰了，這里我要非常感謝
?邱柏?zé)? http://www.reibang.com/p/e68fba58f75c??
? ? ?https://github.com/qiubaiying/qiubaiying.github.io
使得我能在半個(gè)小時(shí)搭建成博客刚照，非常感謝
不得不說(shuō) GitHub真的是一個(gè)好東西 刑巧，許多的源代碼，非常優(yōu)秀的學(xué)習(xí)資源无畔，以及全球男性交友平臺(tái)啊楚，哈哈
