前言
早在初中,就想着自己搭起一個屬於自己的網站,但是沒有技術又不肯學習的我,怯於嘗試,一直停滯不前。大學期間終於學習了,又因爲自己的懶惰,覺得很難,不肯去嘗試。直至今日,我想試一試,搗鼓了好一陣子,發現認真去做了,也沒有想象中的難。
其實早在放假之前,我就一直在搗鼓自己的博客了,使用的是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.io
的username
要和用戶名保持一致,不然後面會失敗。以我的爲例:
開啓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軟件,這裏我是用的是Typora,安裝好後就可以打開剛剛的第一篇博客.md
,開始嘗試寫你的第一篇博客了。
寫完之後,別忘了在博客根目錄下再次運行:
hexo clean && hexo d -g
到這裏,博客的初步搭建就算完成了,如果中間出現差錯,請保持耐心多試幾次,辦法總比問題多嘛!關於Hexo的一些瞭解和常用命令,請自行查閱官方文檔,一般可解決大部分的問題。
此時,還有一個比較重要的問題就是,博客的美化問題,下一篇文章,我會以我的博客爲例,講一講我的博客是如何進行美化的。
對了,歡迎各位大佬可以到我的博客逛逛,目前博客還在努力寫着,有什麼問題歡迎指出,不勝感激。
這是我的博客:
https://xiaoxiaoxiaoxiaolin.github.io/
這是我的公衆號: