最近代碼君興趣來潮,想搭建一個自己的博客,說干就干,搭建過程遇到不少坑特此記錄下來,希望對后來要搭建自己博客的讀者有用~
搭建準備
- 下載Node.js
以為Hexo是基于Node.js的所以需要按照這個,選擇自己電腦對應的版本就好,這個很簡單,一路安裝就可以,這就沒什么說的啦。
Node.js.png - 安裝Hexo
$ npm install -g hexo-cli
如果報無權限的錯誤,用一下命令
2B32A02D-EEF8-458B-A457-7B378B866BFA.png
$ sudo npm install -g hexo-cli 再輸入密碼就行
打開命令行,輸入上面命令,就開始安裝啦,就這么簡單,可以輸入$ npm -v來測試是不是安裝成功,輸出版本號,就證明已經安裝成功啦,如下圖
Hexo配置.png
博客搭建
一、本地博客搭建
- 建立一個文件夾,用于放Hexo的項目,為了方便我在桌面建立了一個名為Blog的文件夾,執行下面代碼 hexo init 文件路徑,不知道怎么寫路徑,可以在輸入完hexo init 后拖拽要放的文件夾到命令行,終端會自己寫入路徑的
$ hexo init /Users/apple/Desktop/Blog
- cd 到Blog文件夾,執行如下命令,安裝npm:
$ cd /Users/apple/Desktop/Blog
$ npm install
- 安裝完成后繼續執行如下命令,開啟服務器
$ hexo s
此時,打開瀏覽器輸入網址http://localhost:4000,就會有驚喜,surprise~
surprise.png
二、Github搭建
- 用Github那就必須有Github賬號,沒有的自行注冊
- 新建一個倉庫,倉庫命名最好是你的Github用戶名.github.io
New repository.png
Create repository.png
- 創建完成后,什么東西都沒有,給自己加一個主題Theme,在項目中找到Setting->GitHub Pages-> Choose a Theme,選擇完成后,輸入你剛才定義的庫名稱,就是以github.io結尾的,我的是https://jiangzepeng.github.io/,這個就是你自己的網上博客啦
my blog.png
三、搭建網上博客
剛才我們是隨便選了一個簡單的主題,那怎么把我們本地的博客放到這個網址上吶,接著往下看
-
找到剛才我們建立的Blog文件夾,找到_config.yml文件,打開,找到deploy配置,修改如下面的配置,這你你要把repository里的地址換成你的,其實就是換一下用戶名,配置好后記得保存
_config.yml.png
deploy:
type: git
repository: https://github.com/jiangzepeng/jiangzepeng.github.io.git
branch: master
- cd 到Blog文件路徑下,執行生成靜態頁面的命令
$ cd /Users/apple/Desktop/Blog
$ hexo generate 或者hexo g
- 在執行上傳github命令
$ hexo deploy 或者:hexo d
如果一直提示:ERROR Deployer not found: git,無法連接git或找不到git,那說明你沒安裝hexo-deployer-git依賴包,執行下面命令行進行安裝
$ npm install hexo-deployer-git --save
安裝完再次執行hexo deploy命令就不會出現上面的問題了
- 若你未關聯Github,則執行hexo deploy命令時終端會提示你輸入Github的用戶名和密碼,即
Username for 'https://github.com':
Password for 'https://github.com':
- 如果hexo deploy 執行成功,你再次輸入以github.io結尾的個人博客就會出現你本地的那個酷炫界面啦
個人博客.png
擴展
一、 如何寫一篇博客
- 寫博客主要是用Markdown,首先還是cd到Blog路徑,執行一下命令
$ cd /Users/apple/Desktop/Blog
$ hexo new "myblog"
- 執行成功后,會生成一個myblog.md的文件,文件路徑在Blog/source/_post里面,當然你下次也可以直接在_post里面直接生成.md文件
二、 添加ssh key到Github
- 如果閑每次上傳文章輸入github密碼太麻煩的話,可以添加ssh key到github上,執行如下命令,檢查SSH keys是否存在。如果有文件id_rsa.pub或id_dsa.pub,則直接進入步驟1.3將SSH key添加到Github中,否則進入下一步生成SSH key。
$ ls -al ~/.ssh
- 生成新的ssh key
執行如下命令生成public/private rsa key pair,注意將your_email@example.com換成你自己注冊Github的郵箱地址。
$ ssh-keygen -t rsa -C "your_email@example.com"
默認會在相應路徑下(~/.ssh/id_rsa.pub)生成id_rsa和id_rsa.pub兩個文件。
- 將ssh key添加到Github中
Find前往文件夾~/.ssh/id_rsa.pub打開id_rsa.pub文件,里面的信息即為SSH key,將這些信息復制到Github的Add Deploy key頁面即可。
進入Github --> Settings --> Deploy keys --> add deploy key:
Title里任意添一個標題,將復制的內容粘貼到Key里,點擊下方Add key綠色按鈕即可。
三、 新增欄目 比如個人簡歷
路徑:根目錄-》themes-》landscape-plus-master-》_config.yml
在菜單欄里面新增需要的欄目
image.png