标签：体验 F12 不能 统一 全栈 docker 相信自己 贴图 后台
Holle，大家好，我是李白！！
一时兴起的开源项目，到这儿就告一段落了。
这是一个入门全栈之路的小项目，从设计、前端、后端、服务端，一路狂飙的学习，发量正在欣喜若狂~~
接触过WordPress，Hexo等第三方网站系统，虽说简单，但是感觉太过于冗余臃肿，显得过于杂乱，各种限制和体验不好等等原因。
所以决定书写一片属于自己的天地，我是创造者，也是追寻者。
前后台均为绞尽脑汁的设计，整体风格为简约风，人的心灵到达一定阶段，心思愈渐愈偏向于简单，大道极简也许才是最终的归宿。
「在线卑微，求个star https://github.com/wsydxiangwang/Mood」
按照这个教程，就算你不懂代码，也能拥有属于自己的一个网站系统，后台设置均已完善，覆盖了正常博客的功能！！
在 GitHub 拉取项目 Mood
修改config文件夹里面的nginx.conf文件，需要指定自己的域名，文件里面有注释说明。
在服务器目录，创建data文件夹作为项目目录
上传web、server、config 3 个文件夹和docker-compose.yml1 个文件。
打开服务器终端，安装docker（安装教程参考：https://docs.docker.com/engine/install/ ）~~
安装成功后，进入刚才创建的data目录，运行docker-compose up -d，进行部署
运行docker-compose ps or docker ps -a 看看是否正常运行，完美~~
ok， 搞定， 就是这么简单，「docker 牛逼」
前台网站：http://aa.com，后台则为：http://aa.com/admin，到这里就没问题了~~
「划重点：先进入后台，设置基本信息，前台才能正常访问，否则报错，ok 完美，赶紧回家吃个饭庆祝庆祝~~」
?
一句话搞定部署，docker 真香 ??
?
（注：到第 5 步，如果提示此命令不存在的话，需要根据提示进行安装docker-compose，我记得好像是需要的，在这儿我就不费时间去折腾了~~ ）
1.首先，需要在电脑安装数据库mongodb，并且运行mongodb服务。
2.在本地的 hosts 文件添加以下内容：
127.0.0.1 web
127.0.0.1 server
127.0.0.1 mongodb
使用docker部署的时候，需要用不同的主机名进行互相连接容器，所以需要指定不同项目的名字！！
初学者目前还没找到更好的方式，如有的话，欢迎给予建议~~
3.项目的启动
npm install ## 每个目录必须
npm run dev ## web
npm run serve ## admin & server
4.开启之后，需要先进入管理后台，填写首屏的信息，才能正常访问前台，否则前台就会报错。
（额...这里偷懒了没做处理，也没必要处理 ??）
5.到这儿就 ok 了，如果有「建议/优化/bug」的，可以随时github「Issues」我，感谢支持！！
「前台页面就不贴图了，大家可以直接看我的网站 https://raindays.cn」
很多人看到网站，只要是自己弄的网站，都叫做博客
嗯？不是很喜欢这个词，我比较喜欢称之为：心情小镇 or 心灵驿站
页面说起来很简单，功能也很简单，简单到可能只有首页首屏，能让人感受到一丝丝的惊艳。
主要针对路人、游客、所有人开放的，无需注册账号、即可评论和查看。
来看你的网站，是给你面子，评个论也是对你有意思。难不成还想我注册个账号，才让我评论和查看文章啊？？告辞（友好性满分??）
这是我的「心情小镇」or「心灵驿站」，覆盖了主流博客应有的功能
# 首页
# 文章详情（可评论功能
# 文章列表（数据的汇总
# 短语列表（发个朋友圈
# 订阅通知（第一刻知晓
# 个人介绍（天真的勇敢
# 下雨天页（安详或美好
一共 7 个页面，算是比较简单，正常的个人网站，上面该有功能都有，该有的动画过渡也都有，花里胡哨的没有。
麻雀虽小五脏俱全，完整的展现出一个人的情感，内心的所想所得
后台只有管理员才能进入，所以只放后台的图片??
注意：图片为第一版，后续更新的功能没有去更新图片
第一次进入后台需先进行注册账号，账号只能注册一次，避免被那啥，如有遗忘，自行操作数据库??
输入框效果模仿的掘金，人们总是对牛逼的事物，羡慕不已??~~
所有数据的汇总，好比每个月的生活费，如果不记账，一年到头来，你是否知道自己吃了多少，裤兜又剩几张。
土豪&&月光族另当别论，有富婆请联系我一下，邮箱在底部 ??
算了，我还是直接给吧：1915398623@qq.com ??
上传背景图和背景音乐，默认上传到服务器，可在setting选择
为了网站性能，建议压缩图片，并且上传尺寸按照规定的来
隐藏文章，怎么说呢，开心就好~~
编辑器为主流Markdown，如果还不会，真心建议你学一下，三个步骤就一分钟学会：
一分钟从入门到放弃，改用手拿笔写字，拍照发文章，懂得创新的人永远走在最前沿 ??
别人笑我太疯癫，我笑他人看不穿
可删除、回复评论，查看当前评论的文章，就是不允许编辑...
人家说的都是心里话，就算天王老子来了，也不给特权！！??
注意：首屏信息需要填写完整，前台才能正常访问（备案信息自选）
（基础信息，务必填写完整，以免出现无知的bug，解决bug找我一个十块钱，不讲价，除非给我介绍个女朋友??）
另：logo的尺寸类似即可，可自己调试，上传五花八门的图片当logo也是可以的，主要看个人爱好
注：logo支持iconfont图标，具体可以看源码（为了一些不懂操作的人，所以这里使用图片）
这个设计没想到吧，要不要来给我打个分啊，快来评论，啊哈哈哈~~
俗话说：“做什么就要有个做什么的样子，一刻都不能马虎”。
技术笔记有它存在的意义，纸质书认清了自我的价值，永远懂得自己的生存之道。
毕竟，无规矩不成方圆！
对于我的网站，很多网友问有没有模板，肯定没有啊，这可是我自己手写出来的啊。当然，我明白问这些问题的同学，目前的能力或想法仍需经历时间的磨练。
所以，我决定开源出来，让那些即使是小白鼠、小白兔、小白菜都能上手操作的一个发文章、做笔记、个人介绍的简单系统。
经过这段时间夜以继日的折腾，终于结束了，以实际操作来巩固过往所学，更加深入认识了JavaScript，其中问题最多的非nuxt莫属，代码的学习之路无非就是一路挖坑填坑。
只要心有所归，沿途的风景不管好与坏，一定会成为回忆中最美、最难以忘怀的存在，不虚此行。
过于依赖某些事物，也许事事会有顾虑，不能任凭自我追寻，也许在某一天会一言不发，那么我存在的意义又是什么？？
我时常提醒自己，保持学习，不断进步才是最终的归宿，只有属于自己的，才是最终的安全感来源。
不懂？？不会？？ 没关系，我可以学，学不会就要更加的努力，付出两倍、三倍的时间和真心去学，迟早能有学会的那一天。
分享自己的一个全栈简单项目给大家，感兴趣的可以学习一下，有什么建议/bug/优化可以提一下，感谢！！。
最最最重要的一点，求个star??
到这儿应该没啥问题了吧，如果有啥漏洞补缺的，请联系我一下，谢谢啦~~
我能做到的事，你也可以；别人会的，我们一样可以做到，请相信自己，这个世界上没有什么事情是不可能的，加油！！
致迷途道路上的我们，感谢大家的支持，欢迎指点一二，接受指点和建议（不接受喷 /小心脏承受不住??）
期待与有技术要求的同学一同共事，鄙人邮箱：1915398623@qq.com
（一开始码着码着，感觉有点不对劲，这话好像有点多了，又不能算是心情文章，赶紧删减一下，技术大佬估计最烦的就是长篇大论吧~~????）
生命中的未知数总是千变万化的，让人不得不屈服于现实，在25天后，正式加入前端人才库，开始寻找新的方向和机会。
———— 七月 25, 2020 12:30
Vue、Nuxt服务端渲染，NodeJS全栈项目，面试小白的博客系统~~
标签：体验 F12 不能 统一 全栈 docker 相信自己 贴图 后台
原文地址：https://www.cnblogs.com/xiaobaiv/p/13379661.html
