1. 程式人生 > 其它 >從0開始搭建屬於自己的部落格(使用hexo部落格框架搭建,並部署到github)

從0開始搭建屬於自己的部落格(使用hexo部落格框架搭建,並部署到github)

  相信不少的朋友都希望搭建一個屬於自己的部落格,可以在上面分享自己的學習心得,記錄自己所掌握的知識,並通過部落格讓更多的人獲取知識,可謂是一舉多得了呀。當然,一份足夠優秀的,有滿滿乾貨的部落格也是簡歷的一個小小加分點,好了,廢話不多說,我們直接上乾貨!

  一.環境配置:

  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倉庫的連結複製到瀏覽器裡,就可以進入到自己的專屬部落格啦,這個部落格不止是你可以看見,任何人都可以進入你的部落格進行訪問。

   五.結束語:

  到這裡,本篇博文就到此結束啦,希望對大家有所幫助,在此過程中遇見的任何問題都可以私信我或者評論區留言,我都會盡力回答和解決你們的問題的,這也是我第一篇博文,很高興和大家在部落格園相遇!