Holle,大家好,我是李白!!
一时兴起的开源项目,到这儿就告一段落了。
「心情小镇 https://raindays.cn」
「GitHub https://github.com/wsydxiangwang/Mood」
「上一篇文章 https://juejin.im/post/5efc8c9f6fb9a07e8c6891cc」
回顾上一篇文章,还是有些许潦草的,有很多不足的地方,名义上是面向小白的操作系统,还是有些夸大其词了~~
这次主要是新增了一些功能,加上本地开发文档,并优化了部署方式
有请真香系列docker
上场,之前pm2
的方式是学完就直接上的,各种安装和配置过于繁琐...不过不要慌,问题不大,凡事都有第一次嘛,沿途的风景总有好与坏~
现在用上了docker
来部署,完完全全一段命令行就能部署成功的方式,身为井底之蛙的我给大佬们疯狂点赞~
断断续续折磨了好多天,学工具跟学语言,差别还是挺大的,「唯一的共同点就是需要实际操作」
否则竹篮打水一场空,脑袋瓜子有点嗡嗡~
也是多亏了上一篇文章,浪迹于评论区的同学们,这才使我有幸认识到了docker
,也让我掉了不少头发(不知道该谢不该谢😭)
❝我就是个切图仔,为什么要这么惨😭😭
❞
项目部署
按照这个教程,就算你不懂代码,也能拥有属于自己的一个网站系统,后台设置均已完善,覆盖了正常博客的功能!!
-
在GitHub拉取项目 Mood 修改 config
文件夹里面的nginx.conf
文件,需要指定自己的域名,文件里面有注释说明。在服务器目录,创建 data
文件夹作为项目目录上传 web
、server
、config
3个文件夹和docker-compose.yml
1个文件。打开服务器终端,安装 docker
(安装教程参考:https://docs.docker.com/engine/install/ )~~安装成功后,进入刚才创建的 data
目录,运行docker-compose up -d
,进行部署运行 docker-compose ps
ordocker ps -a
看看是否正常运行,完美~~
ok, 搞定, 就是这么简单,「docker牛逼」
前台网站:http://aa.com,后台则为:http://aa.com/admin,到这里就没问题了~~
「划重点:先进入后台,设置基本信息,前台才能正常访问,否则报错,ok完美,赶紧回家吃个饭庆祝庆祝~~」
❝一句话搞定部署,docker真香😍
❞
(注:到第5步,如果提示此命令不存在的话,需要根据提示进行安装docker-compose
,我记得好像是需要的,在这儿我就不费时间去折腾了~~ )
本地开发
首先,需要在电脑安装数据库
mongodb
,并且运行mongodb服务
。在本地的hosts文件添加以下内容:
127.0.0.1 web
127.0.0.1 server
127.0.0.1 mongodb
复制代码
使用docker
部署的时候,需要用不同的主机名进行互相连接容器,所以需要指定不同项目的名字!!
初学者目前还没找到更好的方式,如有的话,欢迎给予建议~~
项目的启动
npm install ## 每个目录必须
npm run dev ## web
npm run serve ## admin & server
复制代码
开启之后,需要先进入管理后台,填写首屏的信息,才能正常访问前台,否则前台就会报错。
(额...这里偷懒了没做处理,也没必要处理🧐)
到这儿就ok了,如果有「建议/优化/bug」的,可以随时「Issues」or「邮件我」,感谢支持!!
实现功能
「前台页面」
「前台页面就不贴图了,大家可以直接看我的网站 https://raindays.cn」
这是我的「心情小镇」or「心灵驿站」,覆盖了主流博客应有的功能
# 首页
# 文章详情(可评论功能
# 文章列表(数据的汇总
# 短语列表(发个朋友圈
# 订阅通知(第一刻知晓
# 个人介绍(天真的勇敢
# 下雨天页(安详或美好
复制代码
一共7个页面,算是比较简单,正常的个人网站,上面该有功能都有,该有的动画过渡也都有,花里胡哨的没有。
麻雀虽小五脏俱全,完整的展现出一个人的情感,内心的所想所得
「后台页面」
设计绝对惊讶到在座的诸位(心想:在座的各位都是xx😅)
忠于技术的我,却被迫于学设计。
不知道专于设计的同学有没有这种感觉,无论何事何物,都会观察的很仔细,也许是视觉,也许是间隙,也许是xx...
慢慢感受到了自己的要求好像越来越高了,不止是工作,还有生活上,强迫症也越来越大。
❝工作上的强迫症,也许作品项目会更接近完美;生活上的强迫症,也许会让人更懂得生活!
❞
后台页面,更多的功能和页面图片,请参考上一篇文章:
「参考上一篇文章 https://juejin.im/post/5efc8c9f6fb9a07e8c6891cc」
闲言细语
不知不觉,距上一篇文章,快一个月过去了,时间总是如此,让人猝不及防!!
原本计划半个月能搞定的,结果对自己很失望,渐渐开始变得懒床,清晨五点半的世界已离我远去~~
也许这是失败的一个月,在某些方面输的很彻底,生活也依旧无法开启期待,我害怕失望~~
现如今,压力形成的驱动已进入正轨,是该好好打起一万分的精神了,加油~~
此项目到这儿就告一段落了,有建议或优化的地方,欢迎评论区留言,感谢~~
也许会有很多不足,毕竟人无完人,不可能面面俱到,所以才需要你我的互相扶持~~
❝接受自己的不完美、才是一种平凡
❞
计划终究还是赶不上变化,生命中的未知数总是千变万化,让人不得不屈服于现实!
接下来该好好准备一下了,正式加入前端人才库,开始寻找新的方向和机会。
祝君前程似锦,愿好运,爱大家~~