如何快速搭建個人博客

簡介

本文主要介紹如何快速搭建個人博客。其實網(wǎng)絡上這類文章很多,而且我的博客搭建也是參考了多篇相關文章后完成的,感謝他們的付出和共享。那你可能會問,有那么多了為啥還要寫?吃飽了撐著?當然不是,至少一點,對我來說意義不同啊??偨Y下其中出現(xiàn)過的錯誤及解決辦法,制定優(yōu)化完善計劃,記錄博客成長過程。

環(huán)境配置

由于配置過程比較簡單,以下內(nèi)容只是Mac環(huán)境的配置方法,其它系統(tǒng)請自行Google。

如果沒有安裝homebrew的,強烈推薦先安裝參考官網(wǎng),完了后使用homebrew管理軟件,各種方便。

安裝Git

$ brew install git //一步安裝

安裝Node.js

brew link node
brew uninstall node //先卸載舊版
brew install node //安裝

使用 brew list 檢查是否安裝成功,輸出結果顯示有node表示成功
安裝tnpm替換npm(npm由于源服務器在國外,下載node包速度較慢,cnpm使用國內(nèi)鏡像)

npm install -g tnpm --registry=https://registry.npm.taobao.org

參考文章

Hexo配置

建議查閱其hexo官網(wǎng),比較簡單,這里羅列下命令步驟。

$ npm install hexo-cli -g //安裝hexo
$ hexo init blog //初始化blog項目
$ cd blog
$ npm install 
$ hexo server //本地運行

$ hexo generate //編譯生成html。 命令也可以簡寫:hexo g
$ hexo deploy //部署到遠程。 命令簡寫: hexo d

同步到github

  • 配置SSH KEY到github

  • 創(chuàng)建博客倉庫
    新建github代碼倉庫,命名為 {yourname}.github.io,其中{yourname}就是你的用戶名,這是 GitHub Pages 的命名規(guī)范。

  • 修改配置文件_config.yml

    重點修改: 直接拉到文件末尾。

    # 添加此修改內(nèi)容
    deploy:
    type: git
    repo: https://github.com/yourname/yourname.github.io.git
    branch: master
    
    

    其它改動:theme、language、titlezone、title、description等等。請查閱官方文檔。修改后,通過hexo server命令,本地運行后馬上就能看到效果。

    注意配置文件中,所有冒號后面記得加一個空格,不然會報錯。

發(fā)布新文章

  • 創(chuàng)建文件

    $ hexo new "fileName"http:// 比如:hexo new helloHexo
    
  • 編輯

    打開上一步生成的文件"helloHexo.md"文件(路徑:./source/_posts/helloHexo.md)并編輯。

  • 本地運行

    $ hexo server  //本地就可以及時訪問
    
  • 推到遠程GitHub倉庫

    $ hexo generate  //類似編譯過程
    
    $ hexo deploy //ok,發(fā)布完成,可以通過yourname.github.io訪問了。
    
    
  • 錯誤解決:error deployer not found:git

    //執(zhí)行以下命令
    sudo npm install hexo-deployer-git –save    
    
  • 如果修改后運行,本地訪問生效了,但github.io訪問還是未改變?

    //執(zhí)行clean命令先
    $ hexo clean
    

主題

NexT 相關配置

602 # Canvas-nest  這個使用的多,比較適合主題:Muse、Mist
603 canvas_nest: true
604 
605 # three_waves
606 three_waves: false
607 
608 # canvas_lines
609 canvas_lines: false
610 
611 # canvas_sphere
612 canvas_sphere: false
613 
614 # Only fit scheme Pisces
615 # Canvas-ribbon
616 canvas_ribbon: false

最終效果

后續(xù)優(yōu)化

  • 統(tǒng)計
  • 域名綁定

小結

寫完了,雖然感覺有價值的內(nèi)容很少,但希望對你有用,哪怕是一點點?,F(xiàn)在信息量很大,相關知識點優(yōu)秀文章也很多,但要怎么把它們跟自己的知識體系鏈接起來呢,答案就是加上自己的理解并把它記錄下來。

查理·芒格有一句名言-“想要得到某樣東西的最好方法,就是讓自己配得上它?!?/p>

最后,你在搭建過程遇到任何問題或建議,歡迎評論交流。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容