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.將生成的博客項目跑起來

1、清除
hexo clean
2、生成
hexo g
3、啟動服務
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” 來訪問

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※超省錢租車方案

※別再煩惱如何寫文案,掌握八大原則!

※回頭車貨運收費標準

※教你寫出一流的銷售文案?

FB行銷專家,教你從零開始的技巧

您可能也會喜歡…