相信不少的朋友都希望搭建一個屬於自己的博客,可以在上面分享自己的學習心得,記錄自己所掌握的知識,並通過博客讓更多的人獲取知識,可謂是一舉多得了呀。當然,一份足夠優秀的,有滿滿干貨的博客也是簡歷的一個小小加分點,好了,廢話不多說,我們直接上干貨!
一.環境配置:
1.1 安裝node.js:
官方下載鏈接:https://nodejs.org/zh-cn/
這里呢還是更推薦長期維護版哈,畢竟更穩定一些。(ps:Hexo 3.9.0要求nodejs版本>6.9.0)
安裝的時候全部無腦下一步就行了,不需要多想,直接沖!安裝完成后可以win+R打開輸入cmd再回車,再輸入node- v即可查看node的版本號啦(注意中間node與-v之間有空格)
1.2 淘寶npm鏡像(可以省略,只要你願意慢慢等):
當我們在項目中npm install
太慢時,可以使用淘寶鏡像來提高npm
的速度,直接在剛剛查看node版本號的地方再輸入
npm config set registry https://registry.npm.taobao.org
即可全局部署,該操作可以節省后續下載其他包的很多時間,建議使用。
二. 安裝hexo:
還是在剛剛的界面上操作(后續還有很多操作也是在CMD窗口上的,就不多贅述了),輸入代碼:
npm install -g hexo-cli
即可安裝hexo
這里再貼一下hexo的官方安裝文檔,安裝出現的任何問題都可以在這里面查看:https://hexo.io/zh-cn/docs/
三. 創建相應的文件夾:
3.1 創建目錄:
輸入md + (自己想要創建的文件名)例如md zlog
3.2 進入該文件:
cd+剛剛創建的文件名(比如cd zlog)
3.3 初始化博客:
hexo init
在漫長的等待過后,我們可以看見他提示我們安裝完成了,這時候只需要輸入
hexo s
便可以一鍵部署博客了,他會為你自動生成一篇文章《hello world》
這時候會出現一個端口,將此鏈接復制到瀏覽器里面打開。(切記在此過程中請勿關閉CMD窗口)
3.4 創建一篇博文:
接下來我們創建第一遍屬於自己的文章:
hexo n
在hexo n后面加上" (文章的標題)",按下回車 這時候我們文章的標題就寫好了。之后文章的內容在CMD里面寫未免有些不太方便,這里推薦使用vscdoe或者Typora,只要學一點markdown的語法就可以了,在這里就不過多演示了(還是懶)
四.部署到github上:
文章寫出來自然是不可能只放在本地的,我們將其部署到github上才能夠讓其他人訪問。
前往github,我們先創建一個倉庫,這里創建的倉庫名很重要,必須是自己github的名字.github.io
例如: 這里就別設置成private了啊,必須得是Public才能被其他人訪問的。
綁定github之前我們還要下載一個插件,輸入:
cnpm install --save hexo-deployer-git
這時候再打開先前下載的hexo的文件夾,打開_config.yml的文件夾(建議用vscode打開),直接划到文件代碼的最后一行,找到這串代碼:
輸入
deploy:
type: git
repo: (這里輸入你自己的github倉庫地址就行)
branch: master
注意每個冒號后面都是有空格的。完成后保存退出,繼續在CMD窗口輸入:
hexo d
將文件直接部署到github上,這時候刷新倉庫,會發現倉庫出現了自己創建的文件了。
將github倉庫的鏈接復制到瀏覽器里,就可以進入到自己的專屬博客啦,這個博客不止是你可以看見,任何人都可以進入你的博客進行訪問。
五. 結束語:
到這里,本篇博文就到此結束啦,希望對大家有所幫助,在此過程中遇見的任何問題都可以私信我或者評論區留言,我都會盡力回答和解決你們的問題的,這也是我第一篇博文,很高興和大家在博客園相遇!