從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倉庫的鏈接復制到瀏覽器里,就可以進入到自己的專屬博客啦,這個博客不止是你可以看見,任何人都可以進入你的博客進行訪問。

 

   五. 結束語:

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

 

 

 

 

 

 

 

 

    


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM