零成本搭建hexo個人博客

相信每個程序員都有自己想要的個人網(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)工具

https://hexo.io/zh-cn/docs/

安裝前提

  • 需要先安裝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,百度一下怎么安裝,安裝完成后可以替代 npmcnpm

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/

終端

默認(rèn)主題

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

image.png

因為改的是整個網(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

image.png

用戶名和空間地址自己改,這里就不再說了。

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博客

如果不喜歡這個主題,更換主題將在下一篇談到。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容