1. 程式人生 > 其它 >hexo+gitee搭建個人部落格超詳細教程

hexo+gitee搭建個人部落格超詳細教程

一、nodejs和Git的安裝。

nodejs安裝網址
https://nodejs.org/dist/v4.2.3/node-v4.2.3-x86.msi(32位)
https://nodejs.org/dist/v4.2.3/node-v4.2.3-x64.msi(64位)
Git安裝網址
https://git-scm.com/downloads
建議安裝路徑不要改,預設的就行。

下載好之後,開啟cmd命令列(windows+r)輸入cmd回車進入,分別執行以下命令

都可以成功執行就說明安裝成功了,如果報錯,可以複製一下報錯內容百度搜索。

二、Gitee註冊

網址:https://gitee.com/

註冊好之後,新建一個倉庫,與你的個性地址名稱相同。其中語言選擇javaScript

三、安裝hexo

cnpm install -g hexo-cli

然後本地搭建hexo部落格:

在電腦中建立一個資料夾用來存放部落格,資料夾名為blog,比如(D:\blog),之後的命令列操作都在這個資料夾的目錄下。

hexo init #生成一個預設的hexo部落格
hexo s #瀏覽器訪問http://localhost:4000即可檢視hexo部落格頁面

然後在blog檔案中會出現以下檔案,用記事本開啟_config.yml檔案。

修改以下配置
deploy:
type: git
repo: https://gitee.com/wtml/wtml.git (將地址換成自己的地址)
branch: master

然後在blog的根目錄執行命令:

npm install hexo-deployer-git --save # 安裝git外掛

git config --global user.email *********@qq.com # 設定gitee郵箱(gitee的註冊郵箱)

git config --global user.name ‘****’ # 設定使用者名稱(git的註冊暱稱)

hexo deploy # 上傳到gitee

之後,需要再次輸入gitee的註冊郵箱作為username,賬戶密碼作為password
上傳完成之後,倉庫就會多出以下檔案。

然後選擇gitee pages服務,然後選擇開啟 或 更新即可。注意需要繫結手機號,否則不允許使用pages服務。然後訪問網址
這裡需要注意,每次重新上傳網頁後,都需要到這裡來更新網頁。

五、更換主題

主題網址:https://hexo.io/themes/
挑選好自己喜歡的主題之後,下載到部落格裡的themes資料夾裡,複製主題名到_config.yml檔案的theme裡,比如:
成功後執行以下命令:

hexo g
hexo d

重新開啟網站即可。

六、總結

在搭建部落格途中很容易會出現報錯,此時可以複製報錯內容到百度搜索,一般都能找到解決方法,報錯是非常正常的,解決了就是學到了知識。
總之,搭建部落格過程對自己是非常有益的,也希望我的這篇文章能給你帶來幫助。

願君前程似錦,歸來仍是少年