使用Github-Hexo搭建你的個人博客:搭建篇

前言

早在初中,就想着自己搭起一個屬於自己的網站,但是沒有技術又不肯學習的我,怯於嘗試,一直停滯不前。大學期間終於學習了,又因爲自己的懶惰,覺得很難,不肯去嘗試。直至今日,我想試一試,搗鼓了好一陣子,發現認真去做了,也沒有想象中的難。

其實早在放假之前,我就一直在搗鼓自己的博客了,使用的是Django。搞了好一陣子,就只剩一些細節的問題,準備上線的時候,Hexo出現在我的眼前,簡約的風格一下子吸引了我,這正是我想要的。好了,別說了,我改還不行嗎,就這樣我已經搭好準備上線的Django,轉入Hexo。

自己建站的原因

網上這麼多現成的博客不用,爲什麼非得浪費這麼多時間去自己搭建呢?
可能會有人這樣說:很多網站都能寫博客,幹嘛這麼浪費時間呢?
在這裏我說一下我想自己搭建的原因:
  1、網上大部分的博客功能都是差不多的,但是限制也是挺多的,花裏胡哨的廣告,文章不管是自己還是別人看,體驗都很不舒服。
  2、除了廣告的原因,排版的限制以外,擁有一個自己可以隨意定製的博客網站,內容和排版都自己可以隨意決定,是不是很酷。
  除此以外,自己在這段時間確實學習到了很多。宅在家裏好一段時間,除了吃飯睡覺就是搭建自己的博客。搭建博客也是成爲了我學習的動力,現在搭建好了之後,也不會覺得沒有事情幹,相反,會因爲博客的空白而繼續努力學習、寫博客、寫自己的想法,努力讓自己的博客、生活、還有學習充實起來。

開始搭建博客

什麼是Hexo?

Hexo是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。

環境部署

Hexo安裝前提

安裝 Hexo 相當簡單。然而在安裝前,必須檢查電腦中是否已安裝下列應用程序:

如果你的電腦中已經安裝上述必備程序,那麼恭喜!接下來只需要使用 npm 即可完成 Hexo 的安裝。

npm install -g hexo-cli

如果你的電腦中尚未安裝所需要的程序,請自行百度或者Google完成安裝。
  安裝好所有環境之後,可以用以下命令是否安裝成功,如果有返回版本信息說明安裝成功。

git version
node -v
npm -v

Hexo安裝

  • 安裝hexo

桌面右鍵點擊git bash here,打開git軟件界面,輸入以下命令並回車:

npm install hexo-cli -g
npm install hexo-deployer-git --save

第一句是安裝hexo,第二句是安裝hexo部署到git page的deployer。

  • 設置博客存放的目錄
hexo init /h/blog
cd /h/blog
npm install
*注:/h/bog可以更改爲你自己的文件夾*

有的教程是先建立起博客的文件夾,再在該文件夾下右鍵鼠標,點擊Git Bash Here,進入Git命令框,再執行以下操作。操作因人而異,沒多大影響,只要能成功搭建就沒問題了。

  • 查看博客的效果

至此,一個博客就初步搭建好了,先預覽一下:

hexo g && hexo s

然後在瀏覽器中打開:localhost:4000就可以看到博客的樣子了。
在這裏插入圖片描述

打開該網址,你可以看到第一篇默認的博客:Hello World。雖然看起來有點難看,但是後續我們可以通過重新選擇模板來對博客進行美化。

把博客部署到GitHub

Github賬號註冊及配置

如果你沒有github帳號,就新建一個,然後去郵箱進行驗證;如果你有帳號則直接登錄。官網:https://github.com/

建立new repository

只填寫username.github.io即可,然後點擊create repositrory
注意:username.github.iousername要和用戶名保持一致,不然後面會失敗。以我的爲例:
在這裏插入圖片描述
在這裏插入圖片描述

開啓gh-pages功能

點擊github主頁點擊頭像下面的profile,找到新建立的username.github.io文件打開,點擊settings,往下拉動鼠標到GitHub Pages。
如果你看到上方出現以下警告:

GitHub Pages is currently disabled. You must first add content to your repository before you can publish a GitHub Pages site

不用管,點擊選擇choose a theme,隨便選擇一個,然後select theme保存就行了。
在這裏插入圖片描述
在這裏插入圖片描述

配置ssh密鑰

配置Github的SSH密鑰可以讓本地git項目與遠程的github建立聯繫,讓我們在本地寫了代碼之後直接通過git操作就可以實現本地代碼庫與Github代碼庫同步。操作如下:

  • 看看是否存在SSH密鑰

首先,我們需要看看是否看看本機是否存在SSH keys,打開Git Bash,並運行:

cd ~/. ssh 
  • 檢查你本機用戶home目錄下是否存在.ssh目錄

如果,不存在此目錄,則進行第二步操作,否則,你本機已經存在ssh公鑰和私鑰,可以略過第二步,直接進入第三步操作。

  • 創建一對新的SSH密鑰
$ssh-keygen -t rsa -C "[email protected]"
#這將按照你提供的郵箱地址,創建一對密鑰,記得修改

直接回車,則將密鑰按默認文件進行存儲。此時也可以輸入指定的文件夾。然後根據提示,你需要輸入密碼和確認密碼,其實可以不用密碼,就是到輸密碼的地方,都直接回車,所以每次push就只管回車就行了。跟着提示操作就對了,這裏沒什麼坑。

  • 在GitHub賬戶中添加公鑰

運行如下命令,並將公鑰的內容複製。

clip < ~/.ssh/id_rsa.pub
  • 登陸GitHub,進入賬戶設置,在SSH Keys粘貼添加就可以了

  • 測試

輸入以下命令,看看[設置是否成功,[email protected]的部分不要修改:

$ ssh -T [email protected]

The authenticity of host ‘github.com (207.97.227.239)’ can’t be established.
RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
Are you sure you want to continue connecting (yes/no)?

如果是第一次的會提示是否continue,輸入yes就會看到:You’ve successfully authenticated, but GitHub does not provide shell access 。這就表示已成功連上github。

  • 設置用戶信息

現在你已經可以通過SSH鏈接到GitHub了,還有一些個人信息需要完善的。 Git會根據用戶的名字和郵箱來記錄提交。GitHub也是用這些信息來做權限的處理,輸入下面的代碼進行個人信息的設置,把名稱和郵箱替換成你自己的,名字根據自己的喜好自己取,而不是GitHub的暱稱。

$ git config --global user.name "你的用戶名"//用戶名
$ git config --global user.email  "你的郵箱"//填寫自己的郵箱
  • 將本地的Hexo文件更新到GitHub的庫中

SSH Key配置成功後,接下來我們要把本地的Hexo文件上傳到GitHub庫中。
  打開Hexo文件夾下的_config.yml,這個是博客的配置文件,添加你的GitHub page url
在這裏插入圖片描述

然後執行以下命令:

hexo g && hexo d 或者 hexo g -d

此時在瀏覽器打開你的主頁地址,你就能看到你的博客了。

寫下自己的第一篇博客

接下來你可以在博客的根目錄下運行命令:

hexo new "第一篇博客"

然後打開D:\blog\source\_posts文件夾,就可以看到一個第一篇博客.md的文件,用支持markdown語法的軟件打開該文件進行編輯即可。
  編輯好以後,運行下述命令:

hexo clean && hexo d -g

然後,在網址中輸入username.github.io即可看到你的博客上,出現“第一篇博客”這篇新的文章。
  至此,你的個人博客初步搭建過程就完成了。

相關補充

在以後的博客發佈,都是需要使用Markdown語法去寫的,所以我們需要對markdown有所瞭解。
  關於markdown的語法介紹可以看看這篇文章:markdown——入門指南
  當你大致瞭解markdown語法後,如何用markdown寫博客呢?不妨參考這兩篇詳細教程:

Markdown語法說明
Hexo下的Markdown語法(GFM)寫博客

接下來你還得需要一個高效的markdown軟件,這裏我是用的是Typora,安裝好後就可以打開剛剛的第一篇博客.md,開始嘗試寫你的第一篇博客了。
  寫完之後,別忘了在博客根目錄下再次運行:

hexo clean && hexo d -g

到這裏,博客的初步搭建就算完成了,如果中間出現差錯,請保持耐心多試幾次,辦法總比問題多嘛!關於Hexo的一些瞭解和常用命令,請自行查閱官方文檔,一般可解決大部分的問題。
  此時,還有一個比較重要的問題就是,博客的美化問題,下一篇文章,我會以我的博客爲例,講一講我的博客是如何進行美化的。
  對了,歡迎各位大佬可以到我的博客逛逛,目前博客還在努力寫着,有什麼問題歡迎指出,不勝感激。
  這是我的博客:
  https://xiaoxiaoxiaoxiaolin.github.io/
  這是我的公衆號:

  


  
  

發佈了21 篇原創文章 · 獲贊 1 · 訪問量 6411
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章