天天看點

從零開始搭建GitHub個人部落格--第一步

最近一段時間工作不是很忙,便開始着手整理部落格并梳理自己的履歷

可是,打開cnblog後第一眼我便開始了糾結~

原起:

  一直在cnblog寫部落格,看部落格,突然發現這種線上純文檔記錄的方式俨然跟不上時代的發展,取而代之的是各種各樣的Markdown編寫的blog,新穎、簡潔、高效、編寫簡單、能突出技術人員的特色。而且在最近一年多的工作中越來越多的接觸到了GitHub Pages文檔,經過調研發現其配合Jekyll工具能夠完美支援Markdown文法,更重要的有了github的加持,以後編寫blog無需再開啟網頁、登入各種網站、記錄各種各樣的密碼 ,這一點非常符合我這樣的公司項目周期性忙碌,無連續時間整理部落格的人。工作中有所學習,或任何感悟、學習随時都可以在本地IDE進行記錄,完事兒一句git push即可更新至Pages,感覺爽歪歪~~廢話不多說,撸起袖子就是幹~

第一步,環境準備  

首先,你需要有一個GitHub賬号(我想大部分做技術的都應該有吧,寫不寫代碼是一會兒事兒,湊一波熱度也是應該的),自行登入:github.com

按照網站提示三部搞定

        

從零開始搭建GitHub個人部落格--第一步

然後登入便可以看到此頁面

        

從零開始搭建GitHub個人部落格--第一步

選擇建立新的倉庫(項目)(點選

從零開始搭建GitHub個人部落格--第一步

),輸入項目名稱,根據自己需要建立開放或私有項目,點選建立

        

從零開始搭建GitHub個人部落格--第一步

至此項目便建立成功,如下圖

        

從零開始搭建GitHub個人部落格--第一步

下面開始配置上面建立的項目并完成部落格首頁釋出,點選項目右上部的“Settings"進入設定頁面,注意此處的項目名稱可随意更改,但更新完成後要重新克隆到本次倉庫才可,否則本地倉庫無法與origin建立關聯。

找到settings中的GitHubPages部分,此部分内容即為操作首頁對外釋出的設定

Source:GitHub Pages is currently disabled. Select a source below to enable GitHub Pages for this repository.

 此處指定GitHub Page源檔案有兩種方式,

 其一:從項目master分支下讀取任何資源檔案,此時要求項目必須存在master或pg-master分支,否則部落格首頁無法加載

 其二:從項目/docs目錄下讀取任何資源檔案,此時要求項目必須事先建立好該目錄,切以後不允許删除,否則部落格首頁無法加載

Theme Chooser:Select a theme to publish your site with a Jekyll themeusing the 

master branch

.

此處可以選擇GitHub官方提供的模闆主題

        

從零開始搭建GitHub個人部落格--第一步
從零開始搭建GitHub個人部落格--第一步

一切設定妥當,點選儲存後即可看到頁面提示,首頁已釋出到https://settingboy.github.io/GitHub-Page/.點選此處通路即可

PS:此處需注意,使用github.io 建構的項目在首頁釋出後續等待15分鐘左右才可通路,若使用github.com建構的項目在首頁釋出後即可實時通路,此處應該是有一個github.io到github.com的同步過程(猜測)

          

從零開始搭建GitHub個人部落格--第一步

至此,你的GitHub Pages個人部落格首頁已經搭建完成,通路https://settingboy.github.io/GitHub-Page/可以看到如下效果:即表示已搭建成功

          

從零開始搭建GitHub個人部落格--第一步