使用coding和hexo快速搭建博客

今天教你們怎麼用hexo快速搭建本身的博客。我不是專業人士，不懂前端知識，因此我十分討厭那些專業術語，講了一大堆，對於技術小白來講，就像聽天書同樣，雲裏霧裏的。因此下面的內容都是我本身的理解，語言很通俗，有可能說的不那麼專業，還望專業人士勿噴。
首先聲明一點，剛開始搭建博客會比較麻煩，有不少東西你們可能之前沒有據說過，不要怕，耐着性子一邊看教程一邊動手操做，你必定可以作出來的！好吧，廢話很少說，如今開始！

幾個應該知道的概念（固然這個跳過去也是能夠的）

hexo
hexo是一種博客框架，所謂框架，就是爲了解決和處理一個複雜問題的結構，簡單地說，用已經搭建好的框架來搭建博客，就不須要本身一磚一瓦地去構造了。
git
git是一種版本管理系統。當咱們要開發一款軟件時，軟件有不少的功能須要完善，因此會出現不少版本，好比1.0,2.0等等，可是，當咱們升級到高版本後，忽然發現曾經的版本更好用，這時候該怎麼辦呢？那麼git就是記錄大家每次改版發生的改動，當你想要退回到某一個曾經的版本時，那麼就用git直接回退到曾經的版本就能夠了。這時候你可能會問，爲何你不把曾經的版本備份下來呢？這樣不是更方便嗎？想法很簡單，可是一個軟件有不少的版本，並且有些軟件還很大，因此這樣直接備份會佔用很大空間，會浪費不少資源。並且，git會記錄軟件改版的詳細信息，包括改版的時間，哪一個文件發生了變化等等，因此用git管理開發十分方便，這也是將來的趨勢。注意的是，git須要用命令行管理。
GitHub和coding
這兩個是線上的版本管理系統，你能夠理解爲線上的git，同時他們還有社區的性質。不一樣的是，GitHub是國外的，也能夠說是世界的，由於有不少大牛在上面貢獻本身的開源代碼，包括Google，蘋果，微軟等等世界一流的工程師，在上面開發軟件，會有更多的大牛給你提出意見，幫助你完成開發。而coding是中國的，相對來講名氣更弱一些，可是訪問速度快，還能夠免費擁有私人倉庫。因此，這篇教程咱們使用coding pages部署博客。

須要下載的東西

1.git
2.node.js
3.notepad++
4.hexo（這個須要用git命令行下載，沒有安裝包，須要在電腦的某一個盤裏新建一個文件夾，名字能夠隨便取，好比hexo,用來存放你的博客代碼，進入這個文件夾，右鍵，你會看到有git bash hexo的選項，點擊，你就進入了git命令行，輸入命令 npm install hexo-cli -g,稍等片刻，下面出現一堆英文，那證實已經下載完hexo了！）

 

1

 

開始搭建

初始化

在命令行中輸入命令：

hexo init

稍等一會，出現下面這樣，就初始化完成了。

 

 

2

 

 

3

生成網頁代碼

輸入命令：

hexo g

g是generate的縮寫，生成的意思。
這時命令行中出現下面的狀況：

 

 

4

 

文件夾中出現了一個public的文件夾，這裏面就是剛纔生成的靜態頁面的代碼，那麼下面咱們就讓它呈如今瀏覽器中。

 

 

5

本地預覽

在命令行中輸入命令：

hexo s

s是service的縮寫，在這裏你能夠理解成在本地預覽你的博客。
這是命令行中出現下面的情形：

 

6

這時不要關閉命令行界面，打開瀏覽器，輸入網址localhost:4000
你會看到下面的頁面：

 

7

這說明你已經在本地搭建起本身的博客了，你離成功已經近了一半了，加油！
下面關掉本地預覽，在命令行中按Ctrl+C，結束預覽。

 

註冊coding

如今咱們的博客已經在本地搭建完成，那要怎麼才能讓別人看到咱們的博客呢？咱們選擇把咱們的靜態網頁的代碼發到coding上去，而後由coding負責將咱們的代碼展示出來。註冊步驟比較簡單，須要聲明的是，若是你之後不想綁定獨立域名，那麼coding給你的域名默認爲

倉庫名.coding.me 

而你須要創建的倉庫名須要與你的用戶名保持一致，否則會出現問題，因此慎重起名字。而後填好我的信息，就會升級爲銀牌會員（能擁有5個私人倉庫）。

新建倉庫

在coding上面新建倉庫
出現下面的狀況：

 

 

9

 

項目名稱寫成你的用戶名，好比個人倉庫名字爲vzhiwen,而後描述寫不寫都行，本身選擇公有仍是私有，而後直接選擇建立項目。

配置ssh

這個過程的目的是在你的電腦和coding之間創建聯繫的通道，否則誰都能往上面增長內容，那你的博客豈不亂套了？
首先查看目錄C:Users\用戶名
有沒有.ssh目錄,若是沒有，在本地blog文件內打開git bash hexo,輸入命令:

ssh-keygen -t rsa -C "這裏填上你的郵箱地址" 

而後按3個回車。
再檢查有沒有.ssh目錄，打開目錄，你會看到出現3個文件：

 

10

而後用notepad++打開id——rsa.pub(這個是公鑰，不帶pub的是私鑰，這個不要泄露出去），你會開到一堆字母，全選複製下來。
下面打來瀏覽器，進入你剛纔建立的倉庫，設置-部署公鑰-新建部署公鑰，公鑰名稱能夠不填，將剛纔複製的公鑰粘貼在公鑰內容裏面。把授予權限打上勾！，而後添加就能夠了。

 

11

 

站點配置

下面咱們進行博客的站點配置，打開blog文件夾，你會看到這樣的文件：

 

8

這個文件的意思就是對你的博客進行一些設置，好比的你的用戶名等等，記住這個文件特別重要！，之後你進行配置都要在這裏進行，下面咱們用notepad++打開它，這是你的網站信息

 

12

要是不懂英文就查字典寫，注意：名稱後面要放空格，否則會出錯！！！。而後滑倒最下面，填寫你的git地址，這一步特別關鍵，你能夠照我這個寫，一樣，別忘了空格！

 

13

而後點擊文件保存或者直接按Ctrl+S。

 

上傳代碼

在blog文件夾中打開命令行，依次輸入命令：

hexo clean
    hexo g
    hexo d

若是提交不上去，那就下載一個插件，在命令行中輸入命令

npm install hexo-deployer-git --save

再次提交，就能夠了。

clean表示清除緩存，d是deploy的縮寫，意思是將代碼推送到coding，而後等待一些時間，第一次須要輸入coding的用戶名和密碼或者詢問你yes/no，按照說明輸入便可，出現下面的字樣說明推送完畢

 

 

14

打開pages服務

打開瀏覽器，進入coding，代碼-pages服務，部署來源選擇master，而後能夠選擇https訪問（）這個就是打開你網頁的時候地址欄前面顯示的綠鎖頭，後面寫着安全，若是不選擇，就會出現歎號，不過影響不大。
如今，你的博客已經基本配置完成，如今就打開你的瀏覽器，輸入你的網址試試吧！

怎麼寫博客

hexo博客是須要用markdown語法的，因此方便起見，你最好下載一個markdown的寫做軟件。不過不要爲難，markdown特別好用，語法也沒有幾個，上網一搜就會了。你的文章都藏在blog\source_posts,你能夠直接在裏面新建後綴爲.md文件,進行寫做，不過這樣你得寫好文章名和時間等等，我推薦用命令行直接新建，打開命令行，輸入

hexo new post 2018-02-28 

這樣在_posts文件夾下就出現了一個文件，而後就開始寫做吧！
寫完後，在命令行中依次輸入命令：

hexo clean
                        hexo g
                        hexo d

就發表完文章了。不過建議在hexo d 以前輸入hexo s在本地檢查一下在發表。

高級進階配置

如今，一個基本的博客已經搭建完成，那麼怎麼讓博客變得更加好看，更換不一樣的主題，擁有更多功能，好比評論，打賞，統計等，都須要咱們不停地去折騰才行，下面我給一個連接，若是有須要的同窗能夠本身去研究，這裏面的內容不少，我就不在這裏說了。
連接地址：

http://shenzekun.cn/hexo%E7%9A%84next%E4%B8%BB%E9%A2%98%E4%B8%AA%E6%80%A7%E5%8C%96%E9%85%8D%E7%BD%AE%E6%95%99%E7%A8%8B.html 

寫在後面

折騰的步驟會話費很長時間，可是咱們不能在配置博客的過程當中迷失自我，忘記了搭建博客的目的。最後，祝你們生活愉快！