免費快速搭建博客教程，Hexo&GitHub

經過好一會的折騰，終於搞定了屬於自己的第一個博客的搭建。其中遇到了一些問題，踩了一些坑，特別感謝 @崔斯特 的幫助。先貼上成果無小意的博客

一、前奏

1. 搭建自己博客的原因

• 看過的網站千千萬，為何不能擁有一個自己的網站？
• 曾經經歷過莫名其妙的文章刪除，害怕以後丟失文章信息
• 自由自在的發表，隨心的改造

2.整個過程的時間

• 最開始是參考 @崔斯特 的文章參考文章，看完後有了自己完成一個博客的衝動。
• 用了大概兩個下午的時間，第一天完成了第一個主題，第二天完成第二個主題。

3.環境配置

• windows 8 64位系統，sublime編輯器，git bush
• 缺啥再補啥

4.博客搭建

• 採用hexo框架進行網站代碼的構建，再部署在免費的github上。
• hexo此次安裝重要文檔

二、GitHub配置

1. 登錄GitHub（沒有的就註冊地一個）
2. 保留自己Username，保留網頁或者粘貼下來。
3. 主頁中點擊右上角自己的圖標，點擊your profile
4. 點擊repositories，新建一個
5. Repository name （填自己的名字） http://yourname.github.io(yourname與你的註冊用戶名一致,這個就是你博客的域名了)
6. 例如，我的域名是http://github.com/wuxingggg，就填入http://wuxingggg.github.io

三、環境配置

1. 安裝Node.js
2. 安裝Git
3. 安裝完成後，在開始菜單里找到「Git」->「Git Bash」，進入
4. $ git config –global user.name 「username」
5. $ git config –global user.email 「xxx」
6. cmd中輸入npm install -g hexo-cli（管理員許可權）
7. (npm在你安裝Node.js時就安裝了)這個過程會比較久，如果出現WARN錯誤可以忽略。我記得當時，每次都會出現說有一個依賴包已經不更新，這個不影響。

四、網站代碼以及設置

1. 自己在C盤創建一個test文件夾，cmd內cd進入test文件夾（管理員許可權！一定得有）
2. 輸入hexo init blog（此處如果出現了兩三個WARN錯誤忽視就行，不影響）

• _config.yml，網站的 配置 信息，您可以在此配置大部分的參數。
• source，資源文件夾是存放用戶資源的地方。除 posts 文件夾之外，開頭命名為 (下劃線)的文件 / 文件夾和隱藏的文件將會被忽略。Markdown 和 HTML 文件會被解析並放到 public 文件夾，而其他文件會被拷貝過去。
• themes，主題 文件夾。Hexo 會根據主題來生成靜態頁面。

1. 等待提示Start blogging with Hexo，就是安裝成功了
2. 文件夾中自帶一篇文章「Hello World」
3. 命令行進入blog目錄下
4. 輸入hexo g，生存靜態文件
5. 輸入hexo s，啟動伺服器。默認情況下，訪問網址為： http://localhost:4000/
6. 重新打開CMD，輸入：ssh-keygen -t rsa -C 「Github的註冊郵箱地址」

一直Enter過來，得到信息：

1. 找到該文件，打開（sublime text），Ctrl + a複製裡面的所有內容，然後進入Sign in to GitHub：https://github.com/settings/ssh
2. New SSH key ——Title：blog —— Key：輸入剛才複製的—— Add SSH key

五、博客網站配置信息

1. 進入blog網站，用sublime打開_config.yml文件（博客基本配置信息），修改參數
2. 終極，特別，提醒。每個參數的：後都要加一個空格（這個坑踩的我頭暈）
3. hexo框架的blog基礎信息，按照自己設置就行

title: 無小意的博客subtitle: 不想再猶豫。description: 數據分析之路上~author: 無小意language: zh-CNtimezone: Asia/Shanghai

4.部署伺服器的相關配置信息，只需要修改repo部分，username設置為你的username

deploy: type: git repo: https://github.com/username/username.github.io.git branch: master

6.各類主題的配置信息，要在主題文件夾內的_config.yml上進行配置！

六、發表文章

1. 進入blog文件夾下，輸入hexo new 「Hello blog」
2. 打開info中的地址，打開文件。
3. 文章內容採用Markdown語法進行編輯，需要用相關軟體才能打開這個文件
4. Markdown編輯使用說明

---title: Hello blogdate: tags: 測試---測試文章，歡迎關注作者博客: https://wuxingggg.github.io/雖然啥子都沒有，以後慢慢補充

6.執行以下步驟

C: estlog$ hexo cleanINFO Deleted database.INFO Deleted public folder.C: estlog$ hexo generateINFO Start processingINFO Files loaded in 1.48 s...INFO 29 files generated in 4.27 sC: estlog$ hexo serverINFO Start processingINFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

7.http://localhost:4000/ 打開後檢查，沒問題後部署到伺服器上

C: estlog$ hexo deployINFO Deploying: git

• 其中，可能會出現github登錄界面，正常填寫就行
• hexo deploy 後,出現 error deployer not found:git 的錯誤，輸入以下代碼
• npm install hexo-deployer-git –save
• 再次hexo deploy

「Hello Blog」

七、主題設置

主題設置中，最好玩的就是嘗試各式各樣的主題啦~

官方hexo主題大全，裡面有許多主題都能嘗試一下。

在這裡推薦幾個主題：

• next官網,Git
• Material官網，Git（我用的就是這個啦，十分推薦！）

1. 主題配置，首先要下載主題，到相應的Git鏈接，比如，Material下載Source code (zip)
2. 下載完以後將文件解壓縮後放到blog中的themes文件夾中
3. 修改主題文件夾名稱，將其改為 material 。 然後打開 站點配置文件，找到 theme 欄位，並將其值更改為 material
4. 手動將 material 文件夾中的 _config.template.yaml 複製一份並重命名為 _config.yaml
5. 接下來，打開主題相應的博客中的文檔說明，對比「主題」中的_config.yaml，針對自己需要的功能進行相關設置
6. 有關設置中的圖片，統一放到主題文件夾內sourceimg。在設置中，用」/img/xigua.jpg」類似格式進行圖片設置。
7. 設置時切記 : 後面要加一個空格。這個坑有點惱人~
8. 最後再重新進行一次，hexo clean,hexo g,hexo s,hexo deploy 整個博客就完成主題修改啦

八、總結

• 用了一些時間，完成了自己第一個博客的搭建，感覺還是蠻爽的，有興趣的朋友可以立馬試試。
• 這次搭建自己的博客，過程中經常需要到百度搜索各種各樣信息和問題，遇到一個解決一個就好了。
• 了解到了，有關SSH密匙，npm包管理工具，網站搭建流程，評論功能設置，伺服器部署，hexo框架的文檔，blog各類功能的配置設置。
• 發布文章時用到了Markdown，現在也順便練習一下用法。
• 知乎的文章往博客轉移不太方便，得另外用Markdown再寫一遍。
• 無小意的博客

搭建一個簡單的博客，還是挺簡單的，花點時間琢磨一下肯定能出成果。

期末又要來了，寒假還要盡量找份深圳的實習，有空再寫一下有關數據分析的文章。

覺得有用的話就點個贊~也可以關注一下，以後會儘力帶來更多有價值的文章

推薦閱讀：