背景交代
相信每個程序員都有自己做過個人網站,博客之類的項目了,但是現在還在維護嗎?反正我前前後后做過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開發者,相信對這些文件再熟悉不過了,還是對上述幾個文件簡單解釋一下:
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行銷專家,教你從零開始的技巧