????????最近有個想法，那就是打造一個屬于自己的博客，研究了下，發(fā)現(xiàn)用hexo來打造屬于自己的博客，那還是相對比較簡單的，在這過程中，也遇到了很多坑，所以，就想著把這些記錄下來。一來可以自己看，二來說不定還能幫到別人。
所需工具
Git：版本控制器
Node：提供服務器端JavaScript開發(fā)環(huán)境
GitHub：需注冊一個賬號
安裝Node和Git
要按照下面的順序一步步安裝，每安裝完一項，可以在cmd工具中通過查看對應版本的方式檢測是否安裝成功：name -v，例如：node -v；只要顯示出了版本號就代表已經(jīng)安裝成功。
安裝Node。Node.js中文官網(wǎng),下載到桌面按默認路徑安裝，一直下一步即可；
安裝git。Git官網(wǎng)或者百度軟件中心下載到桌面按默認路徑安裝，一直下一步即可。安裝正確的話，在桌面或文件夾空白處鼠標右鍵菜單會新增“Git GUI Here”和“Git Bash Here”兩個選項。
這樣我們安裝軟件的工作就完成了。
在本地電腦找個地方，新建個文件夾，我這新建了個叫blog的文件夾
運行命令cmd,打開命令提示符窗口（最好用管理員身份打開），然后輸入?npm install -g hexo-cli
如上圖表示安裝hexo腳手架成功，可以進行下一步。
提示：如果hexo -v 出現(xiàn)報錯，需要使用gnvm 將node的版本切換到12以上或最新
然后，初始化hexo，輸入hexo init,出現(xiàn)?如下圖表示
此時新建的blog文件夾會多出很多文件，如下圖
接下來生成靜態(tài)的hexo網(wǎng)頁文件，只需要輸入命令hexo g?或者hexo generate （ps:兩個詞之間有個空格），如下圖
有了靜態(tài)文件后，那么肯定想著去預覽，對不。此時再輸入命令hexo s?或者?hexo?server （ps:兩個字母間有個空格），如下圖
看到我標出的紅框沒，只需要復制http://localhost:4000/?到瀏覽器，打開就可以看到屬于你自己的網(wǎng)站了，當然，這只是個臨時預覽的網(wǎng)站 。如下圖
不知道大家有沒覺得這個網(wǎng)站比較不好看，反正我是覺得不太好看。不過沒關系，可以換主題的，我找來找去，選擇了Next這個主題。一來這個主題相對比較好看，二來這個主題有大神做了比較完善的文檔（http://theme-next.iissnan.com/），方便使用。
在命令提示符中，按鍵盤ctrl + c，然后輸入Y?或者按再次，就可以結束服務器預覽命令，此時在瀏覽器中輸入?http://localhost:4000/?，是打不開網(wǎng)頁的。因為預覽服務器已經(jīng)關閉了。
大家可以打開這個網(wǎng)站?https://github.com/hexojs/hexo/wiki/Themes?選擇需要的主題,我博客使用的主題為NexT（https://github.com/iissnan/hexo-theme-next?），以此為例。
在之前新建的文件夾中，我這里是blog，在里面空白處右鍵，點擊Git Bash Here,就會彈出一個窗口，如下圖
在Git Bash Here中輸入git clone?https://github.com/iissnan/hexo-theme-next?themes/next ， 如下圖
輸入命令后，提示這個，表示下載完成，如下圖
此時next文件夾多出很多文件，如下圖
此時，你可能迫不及待想看看這個主題吧，再介紹個命令，那就是hexo clean?這個命令是清除緩存的命令，最好每次有改動，都清除下，以避免緩存，導致網(wǎng)頁沒及時更新。再輸入?hexo g ，再輸入hexo s,打開網(wǎng)頁http://localhost:4000/?，發(fā)現(xiàn)網(wǎng)頁主題還是一樣呀。
其實，我們下載完文件，還需要配置下的，在主目錄下，也就是那個新建文件夾blog下，有個_config.yml，看到?jīng)]。這個文件很重要，基礎配置都在這里配置的。如下圖
可以用記事本打開這個文件或者用自己喜歡的代碼編輯器打開，默認是landscape主題，把這個改成next即可，如下圖
然后保存，在命令提示符窗口中，輸入 hexo clean，再輸入hexo g，再輸入hexo s ，再打開http://localhost:4000/,此時頁面已經(jīng)更換主題成功了，高大上多了，如下圖
????????主題的風格設定，打開http://theme-next.iissnan.com/getting-started.html，這個網(wǎng)站，這個網(wǎng)站是大神寫的next主題文檔，方便別人開發(fā)使用的?？梢钥吹饺缦聢D：
打開主題配置文件，就是新建目錄blog下的themes文件夾里面的next文件夾里面的_config.yml文件。如下圖：
打開后，只需要按照文檔說的，搜索關鍵詞scheme,再想要哪個風格，只需要把前面的#號去掉，但只能只有一個沒有#號的，如下圖：
然后，跟上面的一樣，執(zhí)行命令hexo clean ,再執(zhí)行hexo g,再執(zhí)行hexo s，再打開http://localhost:4000/，就能看到效果了。
設置語言，這時大家肯定有個疑問，為什么是英文，別急，其實這也是可以設置的。按照文檔說的，打開站點配置文件（ps:也就是新建文件夾blog里面的_config.yml）,如下圖：
我們來修改下，然后執(zhí)行三命令，hexo clean ，hexo g，hexo s ，如下圖效果：
????????文檔還有許多可以設置的，只要按照文檔操作，都是非常簡單的。這樣子，基本上，也就把網(wǎng)站搭建起來了，但是呢，現(xiàn)在也只是臨時的，只能在自己的電腦才能看到，下一篇文章，我會教大家如何，讓自己的網(wǎng)站，讓別人可以在網(wǎng)上打開看到。
????????第一次寫技術文章，感覺挺有意思的，但也挺累的。希望能幫助到大家，有什么不足的，可以留言告訴我。有什么不懂的，也可以留言告訴我，我會及時回復的。
