正所謂前人栽樹，后人乘涼。
感謝Huxpro提供的博客模板
前言
從 Jekyll 到 GitHub Pages 中間踩了許多坑，終于把我的個(gè)人博客BY Blog搭建出來了。。。
本教程針對的是不懂技術(shù)又想搭建個(gè)人博客的小白，操作簡單暴力且快速。當(dāng)然懂技術(shù)那就更好了。
前言
從 Jekyll 到 GitHub Pages 中間踩了許多坑，終于把我的個(gè)人博客BY Blog搭建出來了。。。
本教程針對的是不懂技術(shù)又想搭建個(gè)人博客的小白，操作簡單暴力且快速。當(dāng)然懂技術(shù)那就更好了。
看看看博客的主頁樣式：
廢話不多說了，開始進(jìn)入正文。
從注冊一個(gè)Github賬號(hào)開始
采用搭建博客的方式是使用GitHub Pages+jekyll的方式。
要使用 GitHub Pages，首先你要注冊一個(gè)GitHub賬號(hào)，GitHub 是全球最大的同性交友網(wǎng)站，你值得擁有。
拉取我的博客模板
注冊完成后搜索zhangxuewu666.github.io進(jìn)入我的倉庫
擊右上角的Fork將我的倉庫拉倒你的賬號(hào)下
稍等一下，點(diǎn)擊刷新，你會(huì)看到Fork了成功的頁面
修改倉庫名
點(diǎn)擊settings進(jìn)入設(shè)置
修改倉庫名為你的Github賬號(hào)名.github.io，然后 Rename
這時(shí)你在在瀏覽器中輸入你的Github賬號(hào)名.github.io例如:zhangxuewu666.github.io
你將會(huì)看到如下界面
說明已經(jīng)成功一半了??。。。當(dāng)然，還需要修改博客的配置才能變成你的博客。
整個(gè)網(wǎng)站結(jié)構(gòu)
修改Blog前我們來看看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存放圖片的文件夾
修改博客配置
來到你的倉庫，找到_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? ? #顯示在首頁的背景圖片
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: "說點(diǎn)裝逼的話。。。"
sidebar-avatar:/img/avatar-by.JPG? ? ? # 你的個(gè)人頭像 這里你可以改成我在img文件夾中的兩張備用照片 img/avatar-m 或 avatar-g
社交賬號(hào)
在下面你的社交賬號(hào)的用戶名就可以了，若沒有可不用填
# SNS settings
RSS: false
weibo_username:? ? username
zhihu_username:? ? username
github_username:? ? username
facebook_username:? username
jianshu_username:? jianshu_id
新加入了簡書，jianshu_id在你打開你的簡書主頁后的地址如：http://www.itdecent.cn/u/cbc6eb3971ab中，后面這一串?dāng)?shù)字：cbc6eb3971ab
網(wǎng)站統(tǒng)計(jì)
集成了Baidu Analytics和Google Analytics，到各個(gè)網(wǎng)站注冊拿到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)頁拉倒底部，點(diǎn)擊Commit changes提交保存
再次進(jìn)入你的主頁，
恭喜你，你的個(gè)人博客搭建完成了??。
寫文章
利用 Github網(wǎng)站 ，我們可以不用學(xué)習(xí)git，就可以輕松管理自己的博客
對于輕車熟路的程序猿來說，使用git管理會(huì)更加方便。。。
創(chuàng)建
文章統(tǒng)一放在網(wǎng)站根目錄下的_posts的文件夾中。
創(chuàng)建一個(gè)文件
對于具體怎么寫 ，我還要去慢慢探索 ，MarkDown是一種輕量級的「標(biāo)記語言」，這個(gè)我還要去學(xué)學(xué) ，后面還有買域名，綁定自己的域名，我就不講了，在我的一篇空間文章中講過，hexo與GitHubpage 太折騰了，這里我要非常感謝
?邱柏?zé)? http://www.itdecent.cn/p/e68fba58f75c??
? ? ?https://github.com/qiubaiying/qiubaiying.github.io
使得我能在半個(gè)小時(shí)搭建成博客，非常感謝
不得不說 GitHub真的是一個(gè)好東西 ，許多的源代碼，非常優(yōu)秀的學(xué)習(xí)資源，以及全球男性交友平臺(tái)，哈哈
