前言
在調休的時候,閒來無事看到了用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 ,就可以看到你的博客。