1. 程式人生 > 實用技巧 >Vue、Nuxt服務端渲染,NodeJS全棧專案,面試小白的部落格系統~~

Vue、Nuxt服務端渲染,NodeJS全棧專案,面試小白的部落格系統~~

Holle,大家好,我是李白!!

一時興起的開源專案,到這兒就告一段落了。

這是一個入門全棧之路的小專案,從設計、前端、後端、服務端,一路狂飆的學習,髮量正在欣喜若狂~~

接觸過WordPress,Hexo等第三方網站系統,雖說簡單,但是感覺太過於冗餘臃腫,顯得過於雜亂,各種限制和體驗不好等等原因。

所以決定書寫一片屬於自己的天地,我是創造者,也是追尋者

前後臺均為絞盡腦汁的設計,整體風格為簡約風,人的心靈到達一定階段,心思愈漸愈偏向於簡單,大道極簡也許才是最終的歸宿

線上卑微,求個star https://github.com/wsydxiangwang/Mood」

  • 專案部署
  • 本地開發
  • 前臺頁面
  • 後臺管理
  • 閒言細語(肺腑之言,請一定要看)

專案部署

按照這個教程,就算你不懂程式碼,也能擁有屬於自己的一個網站系統,後臺設定均已完善,覆蓋了正常部落格的功能!!

  1. 在 GitHub 拉取專案 Mood

  2. 修改config資料夾裡面的nginx.conf檔案,需要指定自己的域名,檔案裡面有註釋說明。

  3. 在伺服器目錄,建立data資料夾作為專案目錄

  4. 上傳webserverconfig 3 個資料夾和docker-compose.yml1 個檔案。

  5. 開啟伺服器終端,安裝docker(安裝教程參考:https://docs.docker.com/engine/install/ )~~

  6. 安裝成功後,進入剛才建立的data

    目錄,執行docker-compose up -d,進行部署

  7. 執行docker-compose ps or docker ps -a 看看是否正常執行,完美~~

ok, 搞定, 就是這麼簡單,「docker 牛逼」

前臺網站:http://aa.com,後臺則為:http://aa.com/admin,到這裡就沒問題了~~

「劃重點:先進入後臺,設定基本資訊,前臺才能正常訪問,否則報錯,ok 完美,趕緊回家吃個飯慶祝慶祝~~」


一句話搞定部署,docker 真香