Hexo博客系統配置+連接github數據倉庫
1.安裝git、node.js、Hexo
1.1 安裝git
(1)官網下載:https://git-scm.com/download/win ,選擇好自己電腦的版本。我的是win10-64位
(2)一直點 Next,繼續安裝,之後一路next默認安裝即可。
安裝完成之後打開cmd命令,輸入
where git
以檢測是否安裝成功,如下所示即爲安裝成功。
1.2 安裝node.js
(1)官網下載:https://nodejs.org/en/download/ ,選擇與自己電腦數位一致的版本安裝,不要都裝在C盤底下,不然電腦會很卡 。
(2)安裝一直next ,然後install ,再然後Finsh , 就OK了。
然後輸入:
where node
檢測其是否安裝成功,出現如下界面即爲成功。
1.3 安裝Hexo
(1)在電腦中新建一個文件夾存放自己的博客,名字自己起。例如:D盤裏面新建一個 blog 的文件夾
(2)在文件夾內,鼠標右鍵點擊,選擇 Git Bash Here 。出現命令窗口
之後點擊Git Bash Here,則會出現如下所示界面。
(3).然後在裏邊輸入,如下命令來安裝hexo
npm install -g hexo-cli
輸入之後如下所示:
(4).由於默認的 NPM 鏡像實在太慢太慢,我們把源替換成淘寶的鏡像,
需要注意的是,這一次切換是暫時的,如果下回從 npm 下載一些東西還是覺得非常慢,記得再執行一次這一條命令。
npm config set registry "https://registry.npm.taobao.org"
更換淘寶源,其結果如下所示:
1.4 建立hexo站
(1).初始化
hexo init Hexo #初始化 ,會在然來目錄下新建一個Hexo 的目錄
cd Hexo #進入到Hexo 目錄
npm install
其結果分別如下所示:
進入博客主目錄:
執行
npm install
其結果如下:
換了淘寶的鏡像後,大約兩三分鐘後執行完畢。執行完成之後其結果如下所示:
(2).然後再在這個目錄下,先後執行如下命令,來執行建站和啓動站點。
hexo generate
hexo server
啓動hexo站點服務:
(3).然後再在瀏覽器輸入http://localhost:4000/即可訪問該靜態界面,其結果如下所示:
2.配置到github
2.1 github設置
(1). 在配置到GitHub之前務必確保之前已經註冊了github賬號,並且推薦使用郵箱註冊,在github官網登陸自己賬號。
然後再右上角的
(2). 選擇新建一個數據倉庫,要注意的是Repository name內的值最好爲Owner.github.io
下圖中是我的設置,例如我的github用戶名爲kingback2019,所以其命名就是這樣。此處需要注意的是最好就是按照這樣命名,因爲後邊綁定github數據倉庫還要用到。完成之後即可點擊Creat
(3).創建完成之後,在主界面的右上角,如下操作,點擊Your profile,如下所示:
(4).並且找到自己剛剛創建的倉庫,以我的爲例,如下所示:
(5).點擊即可,進入該倉庫界面,點擊setting選項
(6).並且找到Theme Chooser,爲我們的建站選擇一個主題,
點擊即可到這界面,如下所示:
選擇一個主題即可,因爲之後我們還會更換更加主流的主題。
2.2 git設置
(1).在博客目錄右鍵Git Bash Here,進入如下目錄,開始設置Git信息
git config --global user.name " GitHub 用戶名 "
git config --global user.email "github用戶的郵箱"
出現錯誤,解決方案,原來是因爲我的命令語句敲錯了,所以纔會出現以上錯誤,講語句改正後就可以了。
然後接下來將當前的目錄賦予操作權限,也就是進行初始化,在當前目錄下執行如下語句:
git init
進行一下初始化,其結果如下:
2.3生成SSH公鑰和私鑰
ssh-keygen -t rsa -C " 郵箱地址 "
輸入該命令,並且執行,接着輸入三次Enter回車,即可完成密鑰的生成。
例如我的是這樣::
生成密鑰位置:
將生成的密鑰中的id_rsa.pub使用notepad打開,將其中的內容複製到粘貼板上,我們需要將配置到github上,實現免密登陸。
2.4 github設置
在github界面,選擇settings進行設置
然後按照如下圖示,進行操作將剛剛複製的密鑰,粘貼入github中即可。
添加完成之後就會像我的一樣,出現一個已經配置好的,如下所示:
接下來就要去複製我們創建的github倉庫的地址,如下所示:
紅色部分就是我們需要的地址。將其複製到剪切板。
之後修改如下路徑下的_config.yml文件
將其使用notepad打開,將內容的最後的deploy屬性改爲這樣
deploy:
type: git #部署的類型
repository: https://github.com/kingback2019/kingback2019.github.io.git # 倉庫地址
branch: master #分支名稱
這裏邊的地址就是剛剛我們複製的我們的創建的倉庫的地址。完成之後,記得一定要將格式設置爲utf-8,因爲我們這裏加入了中文註釋,否則會出現亂碼現象。
2.5 新建一篇博客
在博客目錄執行如下語句,創建博客
hexo new post "Hello"
在生成以及部署文章之前,需要安裝一個 hexo-deployer-git 插件擴展
輸入
npm install hexo-deployer-git --save
其結果如下:
執行下面的代碼命令:
hexo d -g
將 hexo 項目以及文章託管到 GitHub 上。
如果是第一次安裝的話會讓你登陸一下
輸入自己的github賬號密碼就可以了,其成功界面如下所示:
部署成功之後,訪問
http://用戶名.github.io //例如我的就是訪問http://kingback2019.github.io
就可看到,已經部署成功。
3.更換主題
3.1 clone next主題
更換一個網上應用上比較火的主題next,在博客目錄執行如下命令,對文件進行clone。
git clone https://github.com/iissnan/hexo-theme-next themes/next
下載成功之後,我們便可以在themes文件夾下找到,剛剛下載的主題,如下所示:
3.2 更改主題
使用notepad打開博客目錄下的_config.yml文件
找到 theme 字段,修改參數爲:theme: next,(注意:後面有一個空格)
修改完,保存。
3.3 更改主題樣式
再次打開next路徑下的_config.yml文件
使用notepad打開,將定位到 Schemes,想要哪款主題就取消前面的#
之後保存退出即可。
4.重新上傳一下博客
使用命令
hexo d -g
然後再次訪問自己的,例如我的是
http://kingback2019.github.io
5.發佈csdn博客到hexo博客
首先進入csdn博客編輯界面,然後選擇右側的導出爲markdown文件,
將文件複製到hexo文件路徑下的source文件夾裏邊,我的爲這裏:
然後再打開Git Bash Here,輸入命令
hexo d -g
即可完成部署。