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

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

![](https://user-gold-cdn.xitu.io/2020/7/1/1730b15676ec8c32?w=1920&h=1080&f=jpeg&s=181162) Holle,大家好,我是李白!! 一時興起的開源專案,到這兒就告一段落了。 這是一個入門全棧之路的小專案,從設計、前端、後端、服務端,一路狂飆的學習,髮量正在欣喜若狂~~ 接觸過WordPress,Hexo等第三方網站系統,雖說簡單,但是感覺太過於冗餘臃腫,顯得過於雜亂,各種限制和體驗不好等等原因。 所以決定書寫一片屬於自己的天地,**我是創造者,也是追尋者**。 前後臺均為絞盡腦汁的設計,整體風格為簡約風,人的心靈到達一定階段,心思愈漸愈偏向於簡單,**大道極簡也許才是最終的歸宿**。 **「[線上卑微,求個star](https://github.com/wsydxiangwang/Mood) https://github.com/wsydxiangwang/Mood」** * 專案部署 * 本地開發 * 前臺頁面 * 後臺管理 * 閒言細語(肺腑之言,請一定要看) ## 專案部署 按照這個教程,就算你不懂程式碼,也能擁有屬於自己的一個網站系統,後臺設定均已完善,覆蓋了正常部落格的功能!! 1. 在 GitHub 拉取專案 [Mood](https://github.com/wsydxiangwang/Mood) 2. 修改`config`資料夾裡面的`nginx.conf`檔案,需要指定自己的域名,檔案裡面有註釋說明。 3. 在伺服器目錄,建立`data`資料夾作為專案目錄 4. 上傳`web`、`server`、`config` 3 個資料夾和`docker-compose.yml`1 個檔案。 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 真香