win10利用hexo+gitee搭建博客

第一次用hexo搭建博客，總結了下經驗，但願能幫到後來人，也是給本身一個記憶。

本篇主要講述hexo搭建博客的步驟，將博客部署到gitee上，以及解決github登陸不了的問題。
這是我搭建的hexo博客https://tourey-fatty.gitee.io/

準備工做

下載工具

想要用hexo搭建我的博客，須要用到node還有git，以及hexo-cli

安裝node

http://nodejs.cn/

node安裝完成後，配套的npm包管理工具也就自動安裝了。

可使用以下命令檢查是否安裝成功

node -v

npm -v

若是有返回版本號就是安裝成功了。

npm能夠安裝不少東西，可是速度很慢，可使用淘寶的鏡像源加快下載速度

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

經過上述命令，之後使用npm安裝模塊時，使用的就都是淘寶鏡像的源了。

安裝git

https://git-scm.com/downloads

git在官網下載其實很慢，老是失敗，最好在網上找找有沒有網盤提供git資源

安裝hexo-cli

npm install -g hexo-cli

一樣驗證是否安裝成功

hexo -v

新建文件

第一步：新建一個文件夾來存放靜態博客這個項目，我本身創建的文件夾是blog

第二步：打開命令行工具cmd，經過cd命令，進入到項目文件夾blog。

cmd默認打開的路徑是C盤的，若是須要跳轉到其餘盤符，只需輸入盤符:而後回車便可，個人項目文件是在D盤就是d:而後回車。

以後就是cd 路徑，到達項目文件夾裏

以後的全部操做都是在項目文件夾裏操做的，大膽的嘗試，最壞的結果也只不過是把這個項目文件刪掉而已。

至此準備階段完畢

hexo初始化

hexo init

hexo init

這時會從github拉取項目，這裏有一個重要的問題，若是電腦登陸不了github這個網站的話，那麼該命令也拉取不了項目，操做失敗。

github這個網站有時登陸不了，有時登陸得了。

成功登陸github

首先嚐試下可否登陸github，能夠的話就不須要進行如下步驟了。

登陸該網站https://github.com.ipaddress.com/www.github.com，找到ip地址。

而後修改本地電腦的hosts文件，地址爲C:\Windows\System32\drivers\etc，在該目錄下有個hosts文件，用記事本或其餘編輯器修改它。

添加以下代碼

# GitHub Start 
github的ip github.com
# GitHub End

例如

# GitHub Start 
140.82.113.4 github.com
# GitHub End

保存hosts文件，接下來應該能夠登陸github網站了，我本身這麼弄確實是沒問題的，親測有效。

解決完github訪問不了的問題後，再從新執行命令hexo init，這樣應該就能夠正常初始化了。

初始化完成後blog文件夾就有不少東西了。

本地運行hexo博客

hexo的相關命令行

一切命令行都在項目文件夾裏執行

清空項目的緩存，每次對文件進行修改後，最好清除下緩存。

hexo clean

從新生成文件

hexo g

運行本地項目

hexo s

上傳至遠程倉庫

hexo d

在執行hexo d以前須要一些操做，後面再說。

先執行hexo s試試看能不能在本地運行。

能夠的話就進行下一步，將它上傳至gitee。

千萬不要本身手動將整個項目文件夾上傳到gitee那裏。

讓全部人都能訪問本身的hexo我的博客

這裏咱們須要借用遠程倉庫，原本我是打算用github的，可是後來發現生成的github page訪問不了，因此就用gitee了，若是以前沒有用gitee的童鞋能夠先註冊一下，不要急着創建遠程倉庫，我的博客的倉庫命名有些規則。

註冊gitee帳號

若是沒有註冊的童鞋參考這篇進行註冊

https://blog.csdn.net/qq_43567345/article/details/105416642

註冊時我的空間地址能夠儘可能弄得簡單易記。

建立gitee倉庫

建立倉庫時，倉庫名跟註冊時的我的空間同樣，這樣我的博客的地址將會是我的空間地址.gitee.io，而沒有/和後面的一大堆東西。

是否開源選擇公開

最後建立倉庫

修改_config.yml文件

該文件位於項目文件夾裏，也就是跟目錄

打開該文件，在文件的最下方，有以下代碼

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: ''

對齊進行補充，以下

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: 你本身遠程倉庫的地址
  branch: master

例子

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: https://gitee.com/tourey-fatty/tourey-fatty.git
  branch: master

遠程倉庫地址，在這裏查看

進入到遠程倉庫頁面，便可看到下圖

繼續修改代碼

# URL
## If your site is put in a subdirectory, set url as 'http://example.com/child' and root as '/child/'
url: 我的空間地址.gitee.io
root: /

我的空間地址要換成本身的。

改這裏是爲了解決上傳到gitee後樣式缺失

安裝hexo的git插件

npm install --save hexo-deployer-git

這時候就可使用命令hexo d將其部署到gitee了。

成功後部署後就能看到倉庫裏多出了不少文件

接下來就差最後一步了。

啓動gitee pages服務

啓動服務

啓動服務的速度比較慢，耐心等待下。

啓動成功後將會看到以下的網站地址，固然不一樣的人，看到本身的地址實際上是不一樣的。

經過這個網站地址，全部人均可以訪問本身的我的博客了。

博客的主題是默認的，修改主題下一篇再說吧。

結尾

若是以爲對本身有幫助的話，能夠犒勞一下我。