02.29 Hexo建站全攻略

一、Hexo簡介

Hexo 是一個快速、簡潔且高效的博客框架,使用 Markdown解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。

官方文檔:https://hexo.io/zh-cn/docs

參考文檔:http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html

二、搭建流程(Windows)

1、準備工作

(1)、安裝git

下載地址:https://git-scm.com/download 選擇對應的平臺,下載到本地,默認安裝即可。

(2)、安裝node.js

下載地址:https://nodejs.org/en 推薦下載LTS版,默認安裝即可

2、安裝hexo

在任意位置右鍵,選擇Git Bash Here,然後輸入

npm install -g hexo-cli

回車之後,開始安裝hexo,安裝完成後如下圖所示:

Hexo建站全攻略

3、初始化hexo文件夾

(1)、創建文件夾

所有的建站文件都會存儲在一個文件夾中,所以挑選一個位置,創建一個文件夾,路徑和文件夾名字最好是英文。 例如我在C:\\Users\\juemuren目錄下創建myweb的文件夾。

(2)、初始化文件夾

在myweb文件夾內右鍵,選擇Git Bash Here,然後輸入

hexo init

初始化完成後如下圖所:

Hexo建站全攻略

4、安裝依賴包

在Git Bash中輸入

npm install

安裝成功後如下圖所示:

Hexo建站全攻略

5、本地運行hexo

在Git Bash中輸入

hexo generate

再輸入

hexo server

完成後在瀏覽器中打開:http://localhost:4000

打開後如下圖所示,此時hexo就運行起來了,如果想停止服務,可以在Git Bash中按Ctrl + C 停止服務。

Hexo建站全攻略

6、創建倉庫

在github上創建博客的倉庫,創建倉庫地址:https://github.com/new 例如我的github帳號名為juemuren4449,那麼我的Repository的name就必須為http://juemuren4449.github.io

7、修改配置文件

(1)、修改deploy

打開C:\\Users\\juemuren\\myweb下的_config.yml文件,搜索deploy,修改為如下格式,其中repository就是剛才創建的倉庫地址,需要注意的是每個字段後都有冒號,冒號後有一個英文的空格 修改如下所示:

<code>deploy:  type: git  repository: https://github.com/juemuren4449/juemuren4449.github.io.git  branch: master/<code>

(2)、修改URL

搜索ULR,將url替換成https://juemuren4449.github.io/

<code># URL## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'url: https://juemuren4449.github.io/<code>

8、設置SSH keys

(1)、生成SHH keys

在Git Bash中輸入下面的命令,查看是否生成過ssh,如果有則將C:\\Users\\用戶名目錄下的.ssh文件夾刪除

ls -al ~/.ssh

然後依次輸入下面的命令,郵箱為你自己申請github的郵箱

ssh-keygen -t rsa -C "[email protected]" ssh-agent -s ssh-add ~/.ssh/id_rsa

如果出現Could not open a connection to your authentication agent.則依次輸入下面的指令

eval `ssh-agent -s` ssh-add

然後輸入下面的命令,複製公鑰

clip < ~/.ssh/id_rsa.pub

(2)、設置SSH keys

點擊github的頭像,選擇Settings

Hexo建站全攻略

然後依次點擊左側的SSHand GPG keys和右上角的New SSH key

Hexo建站全攻略

title可以隨意取名,將剛才複製的公鑰粘貼到key的文本框中,點擊Add SHH key,要求輸入密碼,輸入後即可添加成功。

(3)、測試

在Git Bash中輸入

ssh -T [email protected]

會出現提示,輸入yes,再次按回車,當出現下圖所示的文字時,表示測試成功,SSH配置成功!

Hexo建站全攻略

9、部署到github上

在Git Bash中輸入

hexo generate

然後再輸入

hexo deploy

如果出現以下錯誤:

<code>ERROR Deployer not found: github/<code>

就需要安裝hexo-deployer-git模塊,在Git Bash中輸入

npm install hexo-deployer-git --save

安裝好之後重新執行

hexo deploy

10、訪問博客

在瀏覽器打開:https://juemuren4449.github.io/ ,即可訪問基於hexo的博客了! PS:部署之後可能有延遲,請耐心等待。

11、命令簡化

hexo的命令可以簡寫,如下:

Hexo建站全攻略


分享到:


相關文章: