Hexo快速構建我的小站-Hexo初始化和將項目託管在Github(一)

 

背景交代

    相信每一個程序員都有本身作過我的網站,博客之類的項目了，可是如今還在維護嗎？反正我前先後後作過2到3個了，維護一段時間後由於一些不可逆的緣由(主要是懶)都沒有維護了，購買的一些域名和服務器信息也都過時了，最近玩了一下hexo，發現這個東西挺方便的，基本半個小時就能夠搞完，而且若是 徹底託管在github上基本就是0成本，用做學習記錄輸出是夠了。

 

1.依賴於nodejs安裝，安裝nodejs和npm

下載地址，能夠對照電腦系統版本進行下載安裝：https://nodejs.org/en/download/
如今nodejs的安裝包內置了npm，因此下載安裝完成以後，nodejs和npm都會安裝好

檢查安裝是否成功

安裝成後會顯示出對應的版本信息，因爲我電腦以前就安裝過了，因此應該不是最新的版本

2.安裝hexo

安裝命令：

sudo npm i -g hexo

直接一步就安裝完成了,而後能夠經過hexo -v查看是否安裝成，成功安裝的話，會打印出上面截圖中的一些版本信息

3.hexo初始化博客項目

命令：

hexo init

 

初始化完成以後，看看hexo在文件夾給我生成了哪些文件

 

若是你是一名前端或者nodejs開發者，相信對這些文件再熟悉不過了，仍是對上述幾個文件簡單解釋一下：

• node_modules：存放依賴包信息

• public：存放生成的頁面

• scaffolds：存放生成文章的一些模板

• source：存放用命令建立的各類文章

• themes：存放博客使用的主題

• _config.yml：存放整個博客的配置

• db.json：存放source解析所獲得的

• package.json：存放項目所需模塊項目的配置信息

 

4.將生成的博客項目跑起來

一、清除
hexo clean
二、生成
hexo g
三、啓動服務
hexo server

 

啓動完成後就能夠按照提示，打開 http://localhost:4000 來訪問咱們在本地初始化好的博客項目了

能夠看到咱們的項目已經成功跑起來了，成功的邁出了第一步，先暫且按耐住激動的心情，咱們繼續！

 

5.在GitHub上建立倉庫用於託管博客項目

打開Github：https://github.com/PeyShine，新建一個倉庫，如圖

倉庫名稱須要配置爲：我的名字.github.io，倉庫設置爲公開，而後點擊建立就能夠

 

6.配置_config.yml

deploy:
   type: git
   repository: https://github.com/PeyShine/PeyShine.github.io.git
   branch: master

　　

7.上傳項目 

在此以前請先安裝一個插件

npm install hexo-deployer-git --save

　　

部署（上傳到GitHub） 

hexo d 或者 hexo deploy

上傳過程當中輸入了用戶名和密碼，若是提早配置好ssh也能夠不用輸入

到Github上看一下，是否上傳成功

能夠看到文件都已經上傳成功了

8.成功訪問

經過域名「https://peyshine.github.io」 來訪問