Vue、Nuxt服務端渲染,NodeJS全棧專案,面試小白的部落格系統~~
阿新 • • 發佈:2020-07-26
![](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 真香