使用hexo+github搭建個人博客


此處輸入圖片的描述

前言

上大學期間都沒有做筆記、寫博客的習慣,工作以后學的東西多了,接觸的東西多了,才發現做筆記是一件很重要的事情,做筆記可以將自己的想法、思路寫下來,方便以后查閱,俗話說好記性不如鍵盤黨,做筆記、寫博客也可以讓自己學會總結、學會分享,今年年初才開始使用cnblogs來寫博客,賬號已經申請了兩年多了,大學期間一直沒用,cnblogs寫了一段時間發現網上一些大牛都有自己的博客,因為我比較喜歡折騰和裝X,所以我也打算搭建一個博客,我不是做web方向的,也不懂jsp、asp.net、php(世界上最好的語言)、webpy等語言和技術(大學時學過,后來就忘了),之前我看到我同學基於WordPress搭建了一個博客,這個需要數據庫啊,服務器之類的,感覺有點麻煩,后來在網上查閱資料看到hexojekyll配合github就可以用來搭建博客,github作為服務器這樣還省去了租用服務器的費用,有人會問國內的coding也可以作為部署服務器啊,還快些,我只想說信仰不同,不相為謀,存儲圖片我也是用的github,沒有用七牛的,最后我選擇的hexo + github方案來制作個人博客,我是在ubuntu上搭建的,在windows和mac上搭建的朋友本篇博客還是有參考意義,下面是詳細的制作過程(個人博客也發表了《使用hexo+github搭建個人博客》)。

安裝git

部署服務器需要使用github,所以git成了必要工具。

sudo apt-get install git

安裝node.js

我直接在node.js官網下載二進制包來安裝的,下載過后,解壓,設置軟鏈接。

ln -s /your/nodejs/dir/bin/node /usr/local/bin/node
ln -s /your/nodejs/dir/bin/npm /usr/local/bin/npm

將上面路徑替換成你的nodejs真實路徑,也可以直接將node可執行文件拷貝到/usr/local/bin目錄下。

安裝hexo

sudo npm install -g hexo-cli

安裝hexo需要使用npm包管理器來安裝,安裝好后運行hexo命令,控制台提示說找不到該命令,讓我郁悶了一哈,后來才發現hexo命令在/your/nodejs/dir/bin/目錄下,還是老辦法,設置軟鏈接。

ln -s /your/nodejs/dir/bin/hexo /usr/local/bin/hexo

建立站點

hexo init blog

blog目錄就是你的站點根目錄,目錄里面的_config.yml站點配置文件,后面還會說到主題配置文件,每一個主題都用一個_config.yml文件,不要搞混了,到目前為止博客環境已經搭建完成。

本地調試

博客搭建好了,沒有run起來感覺心里是虛的,接下來我們把博客run起來看,首先生成靜態頁面。

hexo generate(可以縮寫成g)

啟動本地服務,在瀏覽器輸入http://localhost:4000就可以看效果了。

hexo server(可以縮寫成s)

此處輸入圖片的描述
看到上圖出現,說明搭建博客成功。

配置github

hexo生成的靜態頁面是要上傳到github上面的,所以需要配置好github,首先需要在github上建立一個倉庫,倉庫名格式是username.github.io,比如我的就是chxuan.github.io,不要亂取,不然配置不成功。之后編輯站點配置文件在末尾加入。

deploy:
  type: git
  repo: https://github.com/chxuan/chxuan.github.io.git
  branch: master

repo行需要替換成你自己的倉庫路徑,保存之后運行如下命令。

npm install hexo-deployer-git --save
hexo deploy(可以縮寫成d)

至此hexo已經關聯好了github,在瀏覽器輸入http://username.github.io/,比如我的是http://chxuan.github.io/就可以瀏覽了,github默認提供的是一個二級域名,你也可去阿里雲購買域名,替換掉github提供的。

發表文章

hexo new "xxxxxxxx" 
hexo clean
hexo generate(可以縮寫成g)
hexo deploy(可以縮寫成d)

以上是發表文章的步驟,執行hexo new 之后會在站點目錄的source/_posts/目錄下生成.md結尾的博客,我用的Cmd Mardown來寫博客的。

創建一個標簽頁

hexo new page "about" 
hexo clean
hexo generate(可以縮寫成g)
hexo deploy(可以縮寫成d)

上面創建了一個關於我的標簽頁並部署到github服務器上。

設置主題

我使用的是NexT主題,目前github星星數最多的一個主題,主題界面一般,主要是文檔齊全吧,所以很受人們歡迎,我也建議新手使用該主題,主題配置參考NexT官方文檔
此處輸入圖片的描述

集成第三方插件

若想要別人評論你的博客、查看訪問次數、搜索博客等功能需要第三方插件支持,你可以參考NexT官方文檔

多電腦發布博客

公司電腦和家用電腦都可以寫博客,當環境搭建好后,怎么進行文章同步呢,我使用的是github,我在github上創建了一個名為blog的倉庫用來存放博客文件,你需要將本地站點blog目錄進行hexo clean之后,hexo clean執行過后就是刪除public里面生成的靜態頁面等操作,將剩下的文件放入github同步就可以了。

參考文章

  1. hexo官方文檔
  2. NexT主題官方文檔


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM