使用 Hexo + Github Page 搭建blog

前言

在調休的時候,閒來無事看到了用Hexo + Github Page搭建blog的帖子,也試着搭建了一下,簡單地記錄一下搭建的過程。

前期準備

1.安裝NodeJS

  檢查NodeJS是否已經安裝,輸入下列命令,查看版本信息。

node -v


2.安裝Git

  檢查Git是否已經安裝,輸入下列命令,查看版本信息。

git --version


3.註冊 Github 賬號

  註冊過程就不再贅述,註冊完賬號後創建一個倉庫,倉庫名爲:github用戶名.github.io

配置 SSH key

使用 git 工具配置一下SSH key,爲部署本地博客到 Github 做準備。

1.打開git bash終端,輸入下面兩條命令設置user.name和user.email。

git config --global user.name "GitHub用戶名"
git config --global user.email "GitHub註冊郵箱"

2.開始生成密鑰 SSH key

ssh-keygen -t rsa -C "GitHub註冊郵箱"

按照提示完成三次回車,即可生成 ssh key。

3.將公匙添加到Github上

在上述操作後,在用戶文件夾下的.ssh文件夾裏會出現剛剛創建的ssh密鑰文件id_rsa和公鑰文件id_rsa.pub。

按照Settings→SSH and GPG keys→New SSH key的順序,將id_rsa.pub中的內容複製到Key文本框中,然後點擊“Add SSH key”按鈕,成功後如下圖所示。

安裝hexo

1.新建一個目錄Blog(實際目錄名可根據自己的喜好命名),在裏面打開git bash。

2.依次輸入以下命令:

npm install hexo-cli -g # 安裝hexo
hexo init blog          # 初始化博客文件夾
cd blog                 # 切換blog目錄
npm install             # 安裝hexo的擴展插件
npm install hexo-deployer-git --save  #安裝git插件,方便提交到GitHub

3.在執行hexo init blog後,會得到一個blog文件夾。進入blog文件夾,打開git bash,輸入以下命令:

hexo s

在瀏覽器中輸入 http://localhost:4000,就可以預覽效果了。

部署到 Github

1.修改blog目錄下的 _config.yml 配置文件配置參數

2.執行下面的代碼命令,將 hexo 項目部署到 GitHub 上。

hexo clean && hexo generate && hexo deploy

部署完成後,在瀏覽器訪問網址: https://你的Github用戶名.github.io ,就可以看到你的博客。

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