layout: post
title: 如何利用github page快速搭建個人博客
categories: Blog
description: 利用github page快速搭建個人博客
keywords: github page,博客
快速搭建個人博客
背景
本來計劃在簡書或者csdn上一個博客用來記錄一些讀書筆記叽讳，就上知乎搜了一下哪個平臺更好用，當時有大神推薦可以用github page自己搭建一個博客平臺芜飘，隨即我就查閱如何利用github page搭建個人博客携茂，經(jīng)過幾天修改，大功告成了，下面就是我的博客地址塞淹。
注:地址是毛毛蟲_Wendy的簡寫剪菱，歡迎大家fork和star
使用github page搭建博客
Github page
github page是面向用戶、組織和項目開放的公共靜態(tài)頁面搭建托管服務纹笼，站點可以被免費托管在 Github 上纹份，你可以選擇使用 Github Pages 默認提供的域名 github.io 或者自定義域名來發(fā)布站點，更便利地是你直接從你的GitHub存儲庫托管廷痘。只需編輯和推送你的blog蔓涧，并且你的更改是實時的。
搭建流程
第一步:創(chuàng)建倉庫
在創(chuàng)建倉庫之前笋额，默認你有github賬號以及會基礎的git命令能夠上傳代碼元暴，如果不會，請參考廖雪峰git教程【資料1】兄猩。
方式 1:
你只需要登錄GitHub并創(chuàng)建一個名為username .github.io 的新存儲庫 茉盏，其中username是GitHub上的用戶名（如圖1）。
注意：如果存儲庫的第一部分不完全符合你的用戶名枢冤，則不起作用鸠姨，因此請確保正確無誤。
然后你可以參考許多模板【參考模板素材1淹真，素材2】讶迁，基于模板進行修改，打造屬于自己風格的網(wǎng)站核蘸，我這個人比較看顏值巍糯，單選模板都選了一天啸驯，真心累。
方式 2:
當然你也可以直接fork我的項目【地址】祟峦，然后將我的項目名改成你的github用戶名.github.io,按照 GitHub Pages 的規(guī)定坯汤，名稱為 username.github.io 的項目的 master 分支，或者其它名稱的項目的 gh-pages 分支可以自動生成 GitHub Pages 頁面搀愧。正常情況下惰聂，你可以在本地測試啟動程序:
- 進入項目目錄下:
cd DWJWendy.github.io
- 啟動:
bundle exec jekyll serve
然后你可以通過127.0.0.1:4000在瀏覽器中訪問到網(wǎng)頁，如圖2
有關jekyll的具體內容參考【資料2】
第二步:修改模板
-
修改配置咱筛。
網(wǎng)站的配置基本都集中在 _config.yml 文件中搓幌，將其中與個人信息相關的部分替換成你自己的，比如網(wǎng)站的 url迅箩、title溉愁、subtitle 和第三方評論模塊的配置等。
評論模塊： 目前支持 disqus饲趋、gitment 和 gitalk拐揭，選用其中一種就可以了，推薦使用 gitment奕塑。它們各自的配置指南鏈接在 _config.yml 文件的 Comments 一節(jié)里都貼出來了堂污，搭建過程【資料3】
注意： 如果使用 disqus，因為 disqus 處理用戶名與域名白名單的策略存在缺陷龄砰，請一定將 disqus.username 修改成你自己的盟猖，否則請將該字段留空。
圖3
-
刪除我的文章與圖片换棚。
如下文件夾中除了 template.md 文件外式镐，都可以全部刪除，然后添加你自己的內容固蚤。
- _posts 文件夾中是我已發(fā)布的博客文章娘汞。
- _drafts 文件夾中是我尚未發(fā)布的博客文章。
- _wiki 文件夾中是我已發(fā)布的 wiki 頁面夕玩。
- images 文件夾中是我的文章和頁面里使用的圖片你弦。
-
修改「關于」頁面。
pages/about.md 文件內容對應網(wǎng)站的「關于」頁面风秤，里面的內容多為個人相關鳖目，將它們替換成你自己的信息扮叨，包括 _data 目錄下的 skills.yml 和 social.yml 文件里的數(shù)據(jù)缤弦。
增加博客閱讀統(tǒng)計功能。
使用的是leancloud,它是一個一站式后端云服務. 包括云存儲彻磁、數(shù)據(jù)分析碍沐、用戶關系狸捅、消息推送、即時通信等現(xiàn)代應用基礎模塊累提，因為只用存儲博文閱讀統(tǒng)計數(shù)尘喝，所以我用了數(shù)據(jù)存儲模塊，我的修改是直接參照這篇博客的斋陪，非常簡單【資料4】
第三步:上傳
當你的修改完成后朽褪，你就可以進入項目下，并在終端輸入相關的git命令將其上傳到之前建立的倉庫中
#進入項目目錄
cd DWJWendy.github.io
#上傳代碼(依次在終端輸入下面命令)
git init
git add --all
git commit -m "first version"
git remote add origin git@github.com:DWJWendy/DWJWendy.github.io.git
git git push -u origin master
然后你就可以在瀏覽器輸入你的域名就可以訪問你的博客无虚，博客建立好你只需要自己寫博客缔赠，然后按照上述方式傳到github上，你新的博文既可以被別人訪問了友题，如圖3我的博客嗤堰。
域名
說說我在這里踩的坑吧:我忘記域名需要解析，哈哈哈真是超級搞笑……
最初我選擇github page主要是它不用服務器度宦，不要域名就可以搭建自己的博客踢匣，但是大神小白告訴我他去Godaddy上買的域名，果然還非常的便宜戈抄，我只用了7元就買了 mmcwendy.info,有效期1年离唬。
再說域名解析，雖然曾經(jīng)在計算機網(wǎng)絡的課程上知道這個名詞划鸽，但還真是第一次解析男娄，我就直接找了資源【資料5】，按照教程來還是非常簡單的漾稀，這個是我的域名解析圖3
注意事項
- 雖然有很好的模板模闲，但是很多東西還是需要自己的理解，了解最基本的原理崭捍，避免走彎路尸折。
- 不是僅僅將上面的內容改了就可以的，你還需要注意一些細節(jié)殷蛇，比如文件路徑/comment.html里面的部分代碼也需要修改实夹。
- 在使用這個模板之前，你需要在本地安裝Bower和Bundler粒梦，安裝的教程可以在網(wǎng)上找一下亮航，這個很簡單，兩行代碼就可以搞定匀们。
- 博文編輯使用markdown來編寫缴淋。
一點小想法
看顏值選了好多模板，最終確定了這個模板，主要是網(wǎng)站的結構比較清晰重抖，可以直接跟github想的項目直接相連露氮，并且博客可以根據(jù)內容打上不同的tag，可能是機器學習學多了钟沛，非常喜歡這個分類明確的東西畔规，另外，它的wiki部分讓我非常喜歡恨统，并且可以實時評論叁扫，如果有人評論了博文還會有email提醒，很多都是現(xiàn)成的應用畜埋，但是組合在一起就覺得特別棒陌兑。另外，對我而言由捎，之前并沒有用過markdown兔综，這一篇博文用markdown寫感覺markdown寫起來還真是很方便，推薦狞玛。
