使用Hexo建立一個輕量、簡易、高逼格的博客

原文轉載自「劉悅的技術博客」https://v3u.cn/a_id_93

在之前的一篇文章中,介紹瞭如何使用Hugo在三分鐘之內建立一個簡單的個人博客系統,它是基於go lang的,其實,市面上還有一款類似的靜態頁生成器,就是Hexo 讀音/hækso/ ,它是基於node.js的,和Hugo一樣,Hexo 正常來說,不需要部署到我們的服務器上,我們的服務器上保存的,其實是基於在hexo通過markdown編寫的文章,然後hexo幫我們生成靜態的html頁面,然後,將生成的html上傳到我們的服務器。簡而言之:hexo是個靜態頁面生成、上傳的工具。

首先安裝Hexo,在此之前,請確保電腦裏已經安裝好新版的node.js

npm install -g hexo-cli

如果感覺安裝速度比較慢,可以爲npm指定國內的源

npm config set registry https://registry.npm.taobao.org

安裝完成後,創建博客項目

hexo init blog

這樣,就建立起了一個blog文件夾,進入到blog目錄下 cd blog,建立第一篇文章

hexo new myfirst

然後運行hexo服務

hexo server

就可以在本地訪問你的博客網站了,默認端口號是4000

那麼如何將博客網站打包呢?直接運行打包命令,這樣就能使用 Hexo 引擎將 Markdown 格式的文件解析成可以使用瀏覽器查看的 HTML 文件,HTML 文件存儲在 blog/public 目錄下

hexo generate

下面我們可以配置一下hexo主題,Hexo 提供了默認主題 landscape,主題的位置在 blog ->themes 文件夾下。主題根據自己喜好可以在網上找到:https://hexo.io/themes/

主題都放在blog/themes文件夾下面,這我們下載一個新的主題

mkdir themes/next
git clone --branch v5.1.2 https://github.com/iissnan/hexo-theme-next themes/next

然後在修改 /blog/config.yml 文件,將其中的 theme 改成 next

最後,將打包好的public目錄上傳到服務器,使用nginx代理訪問就可以了,具體配置請移步:https://v3u.cn/a_id_81

如果沒有自己的域名和服務器怎麼辦?沒關係,可以申請 Github 免費靜態內容空間,在github.com註冊一個賬號,然後創建一個新的倉庫

倉庫名稱一定要定義成 賬號名.github.io,這種形式,注意賬號名一定要和你的github當前登錄的賬號吻合

這樣你的靜態內容空間就已經創建好了,在瀏覽器輸入你的https://你的賬號.github.io/ 就可以訪問了。

將之前打包好的public中的文件push到剛剛創建好的github倉庫中去

訪問靜態空間網址https://zcxey2911.github.io

沒有問題,搞定收工

原文轉載自「劉悅的技術博客」 https://v3u.cn/a_id_93

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章