一、原因
上年2022年年度总结时，我忽然有一个很害怕的念头，这一年下来除开写17篇blog以外我什么都没有留有。这就意味着我所作的所有的事除开自己的工资收益，并没有可以保留更为久远物品。因此这一年，我想留有一些东西，例如个人建站。在2021年的时候我也做过一个，但是当时的UI较为丑，而且没有后端代码，和后台管理系统。我便代管到了giteepage上，目前还是能够访问的，当时也集成化好多东西，但是无奈一直没好好维护保养。
个人建站其实并不难，但是能够牵涉到前面到后面业务开发、云主机、数据库表设计方案、域名注册、布署发布等各个环节。这种阶段在工作上不一定可以都感受获得，因而确实是有试着和学习的意义的。因此我确定就算会员费些时间，还是要做一做，废话不多说，一起来看看吧！
二、一部分展现
- 主页 -- 遵照极简风格（能不用的最好不要）
- 文章内容 -- 下拉框
- 念书 -- 念书至关重要
4. 管理方法 -- 怎能并没有管理系统呢！中后期争得无需AdminJS的在线编辑器。
三、建网站过程
| 日期 | 事情 | 叙述 |
|---|---|---|
| 2022-12-15 | 项目开工 | 自身画好了一张图，设计构思了这个软件的功效、功效、明确技术规范，原型设计等 |
| 2023-01-15 | 前后端开发 | 由于都是我自己开发设计，所以并没有沟通成本，主要也是业务流程都很简单，前面也没什么特别困难的具体内容，后面可能就多张表中增删，也还好，就一直傻愣愣曾经的自己正在做 |
| 2023-02-01 | 网络服务器 | 以前在前东家时用过阿里服务器，但也是后面同学们买，自然环境都搭建好了，现在自己自己想买服务器，构建node、mysql、nginx等场所。 |
| 迄今 | 布署 | 测试，买域名，IPC办理备案，公布第一版（ipv4可浏览）。 |
四、功能简介
1. 纪录文章内容
文章内容有三种，各是个人博客、阅读笔记、生活随笔；后面还可以扩大别的的种类，类型是一张单独的手表，适用拓展。目的在于在墙上纪录自己的作文，直到年尾时，也许可以取出来看一下，比我们空荡荡的干需要便捷得多。自然AdminJS也可以的看到自己文章中的归纳，可是AdminJS上大多数都是自己所写的个人博客，因此别的文章体裁的监管就很不方便了，由于自己有这么的诉求，所以做这样一个归类。
纪录文章是在平台上开展新增加，之后在前台接待开展浏览。编写的格式选用markdown词法，风格与github识别设计风格保持一致。
2. 的目标管理
目标周期一年的，能够在一年之中随意时长随便增加总体目标。一个目标有着自己的指标值，比如说我一年进行10篇个人博客，指标值便是10，那样每进行一篇blog指标值就 1，并通过图呈现出来，那样每天看看这一目标心里就会有一定的驱动力。是为了鞭策自己好好地达成目标，而非订了一个目标，在完成全过程轻言放弃，导致你年尾付之一笑，甚至自己都忘掉过特定过这种总体目标。
3. 每日汇总
实际上每日总结我觉得至关重要，我发现了在年度总结时，我往往会在脑子里面回忆，可是记忆能力非常有限，我们能做的就是还记得印像更为深刻那样几个事儿，甚至会有这一年一事无成的觉得，所以我觉得如果将每一天通过数据的形式呈现出去，可能有更客观汇总。对也会有更加清晰的认知。
根据上边的认知，我计划将每日汇总也做一个统计分析，每晚回到家里，将自己干的事梳理一下，在互联网上纪录一天的情况、任务完成情况、是不是用心流等。
高三那一年，我才意识到我肯定会一直很普通，但能不能有一件事情，我一直坚持，即便是一件小事呢！然后我逐渐记日记了，如今提到第七个本子h了。正中间由于一些事情时断时续有断过，并不是每一天都想去记，可是直到如今这样的习惯仍然都是在。
因此在未来的，我还可以把每日日记挪到服务平台上去做。
4. 有关造就值
怎样评定自已的每一天是不是荒度呢！我能界定一个指标值，这个指标称为造就值，它意味着他这一天之中获得了什么样的成就，如果这些值比较低，则意味着他这一天无所作为，假如很高而意味着我当日取得了一定的造就，那样长久以往统计分析下来，能够尽可能了解一年之中我的成就怎样。
我现在想到的就是跟几个因素相关：
| 因素 | 范畴 | 规范 | 权重值 |
|---|---|---|---|
| 情况 | 0-100 | 主观性 | 0.3 |
| 总体目标 | 0-100 | 客观性 | 0.5 |
| 日记 | 0-100 | 客观性 | 0.1 |
| 心流 | 0-100 | 主观性 | 0.1 |
所以最后计算公式应当是：
造就值 = 情况*0.3 总体目标*0.5 日记*0.1 心流*0.1
造就值越大则色泽越重，越小则色调越淡，表现在总体目标日历中，如图所示：
根据这样的方式在年尾时手里拿着数据信息作为支撑，我觉得好受一篇空荡荡的感受，当然这个只对自己来讲哈。
五、谈技术性
1. 技术栈
技术的应用建设平台的过程当中并没很难的那一部分，但是我分享一下技术栈，便捷一起交流！
前面
| 名字 | 类型 | 叙述 |
|---|---|---|
| 架构 | react | 工作上使用的这一，所以特别熟些 |
| mark-down | @uiw/react-md-editor | 这一不仅有在线编辑器，也是有3d渲染器，能保持款式的一致，方便 |
| 标签云 | react-tagcloud | 看了好多demo试了一下，这个好看 |
| 编译程序 | vite | 因为确实快，自定配备也比较方便 |
后面
| 名字 | 类型 | 叙述 |
|---|---|---|
| 架构 | express | 由于只能这一，egg.js也未用过，从原来的demo改回来的 |
| 数据库系统 | mysql | |
| 身份验证 | jsonwebtoken |
云主机
阿里服务器ECS ，由于节约方案，现在还在使用一个月之中，只不过中后期应当会买这类云服务器。
网站域名
网站域名选了一个 new-story.com.cn，在阿里云平台上选购的，但是最近在搞办理备案，还没有审批通过。
2. 踩雷
在使用阿里服务器的过程当中，在服务器安装好nginx以后，开启了nginx，其实就是网络服务器已有一个80端口号打开了一个web服务。但因为是云主机，因此需在阿里服务器上对外开放这一云服务器端口号。不然外界不可以浏览这一端口号。
那样怎么开启这一端口号呢！就需要配备阿里云的安全组。
安全组是一个端口号开放配备，一开始要创建一个安全组，阿里服务器默认设置会对外开放22端口号。但像80以及其它端口号要配备好之后才能。
配备好以后，还需要将这个安全组导入到云主机案例上，这样才能起效。我一开始配备了，但每天加，耽误了能半晌找出原因！
若是有碰到类似情况的同学们，热烈欢迎一起交流与沟通！
六、汇总
1.产品意识
前面难道说仅仅只是写界面的么，复原UI和互动就行了！这么想确实仿佛使用价值没有那么大，但是今天我想我们能去尝试从技术的角度去做前面相关专项。个人建站的过程当中，最让我感觉到费力并不是业务完成，反而是这一网页页面应该怎么样设计方案、我究竟需要哪些作用、需做成什么样子、该合理规划时长、怎样推进进度这些！这一过程尽管不舒服，由于并不是自己了解的行业，可能因为我已经非常用心了，但做出来的依然很烂，可是我并不觉得这一过程一点也没有实际意义。根据这一过程，我更明白了商品是怎么想的，可能对以后的交流与沟通也有帮助。
2.自我管理
用零碎的时长写个人项目确实较难，企业较为卷，9点下班洗脸后只有写个把小时，我又不习惯熬夜，因此进行速度也是较慢的。因此有的时候我只有抽在公司时，吃完午饭时有半小时到1小时空挡写一写编码！全过程确实没有怎么消耗时间。就发现实际上零碎的时长实际上特殊的关键！
若是有10分钟时间，我可能不会敲代码，反而是思索原形、UI等；仅有时间超1小时才动手写代码，这可以合理利用时间。
3.著作
之前看阮一峰教师的blog，里边提及一个观点很影响，那是我们的工作中实际上是在雕刻大家自己的视频，一个有价值的人，有著作的人都是不用愁没有很好的职位的。所以我在想，大家工作中之中应当认真思考一下是不是需要好好打造一个本人作品来证明自己的实力，不要在招聘面试时才想着如何去吹牛。这一个人网页算是一个现在开始，其实现在还是很简易，甚至不能称作一个著作，但是以后会一直维护保养，我还有一些念头能够集成化在这个软件里边。
七、网络资源
前面源代码：gitee.com/songxiaopen…
后面源代码：gitee.com/songxiaopen…
IP浏览：http://47.96.65.145/story/ (服务器的配置不太高，穷)
域名访问：new-story.com.cn (已经办理备案中，临时没法浏览)
有关个人建站有什么问题热烈欢迎下方留言，讨论！