GitHub上搭建我的博客

這是我參與8月更文挑戰的第6天，活動詳情查看：8月更文挑戰

最近掘金誠意十足，給你們準備了豐厚的禮物，咱們能夠在平臺上更好的進行學習和技術交流。計算機做爲一個技術更新迭代速度很是快的行業，只有不斷學習纔不會被時代拋棄，而咱們一些平常的積累能夠在本地完成，也能夠使用GitHub Pages爲咱們提供的託管功能，實現網絡訪問。

本地Node.js環境

因爲博客使用的是Hexo+GitHub來實現的，而Hexo是基於node.js的，所以咱們要在本地安裝Node.js。

1. 下載安裝node.js並進行安裝
2. 安裝完成後，使用node -v查看到本地node.js版本號說明安裝成功
3. 因爲node.js源都在國外，咱們能夠使用國內的阿里雲鏡像進行加速：npm config set registry https://registry.npm.taobao.org

建立GitHub倉庫

做爲開發人員，github是必不可少的網站，可謂是集學習、娛樂、摸魚、交友于一身的大型社交平臺。若是尚未github帳號的話，那咱們就要趕忙註冊一個加入進來，xdm就等你了！

1. 登陸本身的帳號後，首先新建一個倉庫，並設置名稱爲[yourname].github.io，初始化完成建立。（[yourname]表明本身github帳戶的名稱）
2. 而後進入剛剛新建倉庫的Setting頁面，找到GitHub Pages，能夠切換一個主題，刷新後點擊鏈接進行訪問。
3. 跳轉後顯示本身倉庫的readme頁面信息就表示設置成功。

安裝Git環境

爲了可以在本地與GitHub有更好的交互體驗，咱們能夠下載安裝Git客戶端。

1. 下載與本機系統匹配的Git客戶端並完成安裝
2. 安裝完成後，命令行中使用git --version：查看到本地git版本號說明安裝成功
3. 鼠標右鍵打開Git Bash Here進行本地Git信息的配置
   • 配置本地用戶信息：git config --global user.name "name"，name爲自定義git帳戶名
   • 配置本地郵箱信息：git config --global user.email "eamil@xx.com"，eamil表明郵箱信息
   • 本地生成私鑰和密鑰信息：ssh-keygen -t rsa -C "eamil@xx.com"
4. 咱們能夠在本地~/.ssh 路徑下找到Git的密鑰和公鑰id_rsa.pub文件，公鑰文件內容做爲咱們的SSH密鑰添加到GitHub中完成Git與GitHub的受權認證。
5. 遠程GitHub中添加了本地SSH密鑰後，使用控制檯命令ssh -T git@github.com檢查是否能夠與遠程通訊

初始化Hexo博客

安裝Hexo

本地node.js和git環境準備好後，接下來就能夠進行Hexo的安裝。

1. 首先，選擇本地存放Hexo博客文件的位置，在路徑下右鍵選擇 Git Bash Here 打開Git命令界面
2. 在命令窗口中使用命令 npm i hexo-cli -g 安裝Heox
3. 安裝完成後使用 hexo -v 查看是否成功。
4. 使用hexo init初始化hexo文件夾
5. 使用npm install安裝hexo須要的組件
6. 使用hexo g生成靜態網頁
7. 使用hexo s建立本地服務器，經過localhost:4000/訪問

關聯GitHub

咱們本地的hexo安裝完成了，遠程GitHub新建了倉庫，且能夠經過Git訪問遠程GitHub倉庫，可是咱們本地的hexo尚未和遠程倉庫進行關聯，只有關聯後才能夠實現博客的一鍵部署。

1. 打開hexo目錄下的_config.yml文件，修改配置內容

#[yourName]即GitHub中的帳戶名稱
#綁定完成後，咱們能夠將本地內容部署到GitHub遠程倉庫中
deploy:
    type: git
    repository: https://github.com/[yourName]/[yourName].github.io
    branch: master
複製代碼

2. 使用命令安裝Git部署插件；npm install hexo-deployer-git --save
3. hexo clean：清理項目生成文件
4. hexo g：從新生成文件
5. hexo d：部署項目到遠程倉庫
6. 部署完成後，咱們能夠經過訪問[yourname].github.io網址查看博客內容

文章發佈

建立新的文件

• 在Hexo博客根目錄下，使用 git bash 打開Git命令界面
• hexo new post "title" 新增一篇名爲title的博客，文件格式爲 title.md
• 使用本地markdown編輯器進行博客內容的書寫

發佈最新內容

• markdown操做完文件後，使用 hexo g 生成靜態網頁
• 使用 hexo s 能夠開啓本地服務器，在 localhost:4000/ 預覽效果
• 使用 hexo d 上傳到GitHub上，並部署博客網站，並使用 [yourname].github.io 網絡地址進行訪問

最後，咱們的我的博客就部署成功了，咱們能夠記錄咱們的一些平常，不斷學習積累，努力在未來的一天驚豔到本身！