一、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,安裝完成後如下圖所示:
3、初始化hexo文件夾
(1)、創建文件夾
所有的建站文件都會存儲在一個文件夾中,所以挑選一個位置,創建一個文件夾,路徑和文件夾名字最好是英文。 例如我在C:\\Users\\juemuren目錄下創建myweb的文件夾。
(2)、初始化文件夾
在myweb文件夾內右鍵,選擇Git Bash Here,然後輸入
hexo init
初始化完成後如下圖所:
4、安裝依賴包
在Git Bash中輸入
npm install
安裝成功後如下圖所示:
5、本地運行hexo
在Git Bash中輸入
hexo generate
再輸入
hexo server
完成後在瀏覽器中打開:http://localhost:4000
打開後如下圖所示,此時hexo就運行起來了,如果想停止服務,可以在Git Bash中按Ctrl + C 停止服務。
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
然後依次點擊左側的SSHand GPG keys和右上角的New SSH key
title可以隨意取名,將剛才複製的公鑰粘貼到key的文本框中,點擊Add SHH key,要求輸入密碼,輸入後即可添加成功。
(3)、測試
在Git Bash中輸入
ssh -T [email protected]
會出現提示,輸入yes,再次按回車,當出現下圖所示的文字時,表示測試成功,SSH配置成功!
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的命令可以簡寫,如下:
閱讀更多 掘墓人的小鏟子 的文章