【1】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 

即可完成部署。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章