相信每個程序員都有自己想要的個人網(wǎng)站,而且最好是不花一分錢的那種,越方便越好。今天我們就講一下hexo這個精致、小巧、高逼格的靜態(tài)博客,還有怎么部署到gitee(碼云)、github上。
-
github提供開啟公共庫(Public)的 Pages 是免費的,私有要收費,沒有其他巴拉巴拉的條件;gitee私有倉庫同樣可以免費使用 Pages 服務(wù),但是需要賬號綁定手機號碼;coding私有倉庫同樣可以免費使用 Pages 服務(wù),提供獨立模塊,但是是最麻煩的,限制組內(nèi)人數(shù),還要提供身份證、手機號碼,所以不考慮coding。
1. 新建倉庫
- github
首先github新建一個倉庫,倉庫名必須為<username>.github.io格式,其中username是你github的昵稱。因為github是自動配置的,如果不這么命名,Pages將無法配置。 - gitee
gitee新建一個倉庫,方法差不多,倉庫名可以隨便命名,為了避免那些不必要的麻煩,還是命名為<username>格式,其中 `` 是你`gitee 的空間地址。如果忘記的,可以點擊設(shè)置找到個人空間地址查看一下
gitee個人空間
2. 安裝前提所需相關(guān)工具

- 需要先安裝
node.js(百度搜一下就知道怎么安裝了,這里就不講了)不然無法使用npm軟件包管理工具,Node Package(包) Manager(管理器)。需要安裝git,同樣是百度一下怎么安裝使用(建議先git操作嘗試推送成功后再來)。 -
如果沒有vscode,建議還是下載個vscode來操作一下比較方便,對與代碼的操作,這里就不講vscode怎么下載安裝了,運行vscode的新終端,cd到自己想要的路徑下面(不懂cd是啥的,百度一下),接下來我們就正式開始。
image.png
3. 全局安裝hexo
我們可以參考hexo的官方文檔來操作 https://hexo.io/zh-cn/

全局安裝hexo(如果安裝很慢,先去安裝cnpm,百度一下怎么安裝,安裝完成后可以替代
npm為cnpm)
npm install hexo-cli -g
等待執(zhí)行完畢后,執(zhí)行下一條命令,初始化項目
hexo init blog中的blog是可以自己隨便命名的,執(zhí)行命令后將會把項目克隆到這個文件夾下面
hexo init blog
接著進入你命名的這個文件夾
cd blog
接著我們在這個目錄下安裝
npm install
然后我們編譯啟動hexo server可以省略為hexo s
hexo s
如圖編譯成功后,我們就可以訪問http://localhost:4000/


然后可以修改網(wǎng)站的語言,把en改成zh-CN就可以把網(wǎng)站改為中文

因為改的是整個網(wǎng)站的語言,你需要重新清一遍已編譯的靜態(tài)網(wǎng)頁,重新生成
現(xiàn)在終端Ctrl+C讓進程中止,然后執(zhí)行命令
hexo clean清除已編譯靜態(tài)網(wǎng)頁
hexo clean
執(zhí)行hexo generate生成靜態(tài)網(wǎng)頁,hexo generate同樣可以省略為hexo g
hexo g
hexo s

你可以執(zhí)行下列命令來創(chuàng)建一篇新文章或者新的頁面。他會在source/_posts生成mardown文件,
hexo new "文章標(biāo)題"

如果還想了解其他主題的可以參考一下官方文檔https://hexo.io/themes/
4. 部署
在項目根目錄下找到 _congif.yml,找到 deploy

用戶名和空間地址自己改,這里就不再說了。
deploy:
- type: git
repo: https://github.com/用戶名/用戶名.github.io.git
- type: git
repo: https://gitee.com/空間地址/空間地址.git
branch: master
message:
接著在終端上執(zhí)行hexo deploy省略為hexo d
hexo d
將會同時推送到遠(yuǎn)程倉庫
github
執(zhí)行完畢后,github會自動部署,直接訪問https://用戶名.github.io/-
gitee
gitee則需要手動執(zhí)行,選擇服務(wù)里的Gitee Pages
gitee
勾選 https后啟動
gitee
部署完畢后
會給你一個地址 https://空間地址.gitee.io
然后就可以訪問了。
5.后續(xù)
如果需要使用自己的域名,我將在后面談到,怎么使用自己的域名。我自己是沒有使用域名的。

歡迎大家訪問,我的gitee博客
如果不喜歡這個主題,更換主題將在下一篇談到。



