2025-7-17 最后一次更新
目前我的个人网站花墨已经运行了280天，具体地址：花墨
之所以一直没有更新的原因是，自从个人网站搭建后，我就基本不在掘金写博客了，也不怎么上掘金了……都基本在自己的网站上写博客。
这一年的时间我的博客经过了一次重写，无数次小更新，现在已经进入了很平稳的运营阶段，我也学到了不少东西。
就不在这里说太多了，感兴趣的可以进入我的网站自行翻阅！
2024-10-25 17:20:49更新
项目已完成域名工商局+公安联网双备案，主站已成功进入运营，目前还在测试阶段。
目前正在完善ERP系统，主站基本完成（缺细节打磨）。
感觉这篇文章现在看的人已经不多了，先不放域名，后续会专门开个帖子讲一下。
感兴趣的可以评论该文章。
2024-08-01 17:15:16更新
项目这次是真的开始写了！博客发布都写好了！
监督地址：github.com/ZaiHuaOvO
联系方式：企鹅 446840401，欢迎监督，也欢迎交友、友好交流
以下是博客原文
这篇博客用于记录我可能以后会搭建好的博客的开发历程。
虽说是博客但可能更像日记，不止记录搭建博客期间的技术，也可能记录自己的日常，有进度随时会进行更新。
前言
在很久很久以前，我一直有一个伟大的梦想，就是搭建一个属于自己的个人博客……
期间我规划和开始了很多次，但都中道崩殂了
最主要的原因其实是因为我是一个前端，并不会后端，基本会在写完页面开始需要接口的地方断掉
之前开始的计划都是在大学，技术、思想都不是很成熟，外加自己当时确实很摆烂不喜欢学习
综合各方面因素，半途而废也是非常可以理解（不）的事情
戒烟是很简单的事情，我已经戒了几万次了。——马克·吐温
规划
相比于上一次规划搭建个人博客（之后均统称为“搭建博客”），已经有三年之久了，我已经毕业、工作了两年，第一份工作做的数据库、第二份工作（也就是现在这一份）是用Angular开发ERP系统（前端小B）
关于技术栈
前端，不能说很精通，但我觉得搭建博客的页面还是绰绰有余的。
后端，我并不会，但大学有JAVA基础，有学过SpringBoot，有从0写过管理系统，对于博客所需要的简单的增删查改功能应该稍加学习就可以
数据库，上一份工作是用SQL语言计算税务局税费，经常一张表两百行SQL都有，我觉得应该也没太大问题……
规划的原因
坐地铁下班的时候看到了掘金热榜的这篇博客：用零碎时间个人建站，唤醒了我曾经对于搭建博客的渴望……
现在的我成为了牛马，也已经结婚，不像大学的时候精力充沛、拥有无限活力和时间
这篇文章让对于梦想已经麻木不仁的我产生了不小的影响
为什么是规划而不是开始
工作方面
我的工作不加班，偶尔会比较忙，闲的时候就用零碎的时间去学习和搭建
家庭方面
单身的时候吃个外卖想干啥干啥、周末想做啥做啥，但是已经结婚了，需要做家务、做很多必要的事情，需要把时间拿来陪老婆，外加工作下班更想要休息，所以非工作期间应该更多的把时间用于思考和规划。
技术栈方面
我并不会后端，只是春春的前端小B，所以需要时间去学习和实践，况且我从0开始搭建一个项目的经验几乎为0，很多东西都需要学习
其实对于我来说，个人博客最大的难题就是后端、接口、数据库这一块了，但我相信我现在的学习能力可以解决
生活方面
今年面临着买房、装修、搬家等各项任务，这些事情的优先级比博客要高，所以不确定因素很多
开始
搭建博客是我的一个梦想，但我并不急着完成，而是一步一步稳扎稳打，在搭建博客的路上所学到的知识和技术也同样重要
我已经过了当初做事急躁、急于求成的年纪，以前我经常照着教程写一通宵代码，不仅学习效率低，也容易降低自己对代码的好感（我是非常喜欢写代码的）
我并不会对搭建博客这件事有什么时间要求，唯一的要求是做一个我想要的博客就可以了。
环境和框架版本
因为我可能主要在公司写这个项目，公司电脑使用的不是最新的框架，所以只能用angular11了XD
自己在家里的电脑也得装一个一样的环境……
Windows10x64
Angular-11.0.0
NodeJs-14.15.4
NG-ZORRO-11.0.0
nestJs-8.0.0
npm-6.14.10
接口管理软件：Insomnia
IDE：Vs Code
2023年4月24日-开始做前期工作
今天是开始的第一天，我大致设计了博客的功能和需求、页面的分类，以及技术栈。
因为我打算写一个前后端完全分离的个人博客，所以我会先写前端，后写后端（写后端的时候再去学）
前端我会使用Angular框架，这是我最熟悉的也是吃饭用的东西，会使用NG-ZORRO组件库，虽然这个组件库其实比较适用于ERP系统，但我很喜欢它的设计理念、风格配色等等（肯定不是因为Angular的框架太少了）
最后生成了一个思维导图，用于我对博客的整体规划，后续当然也会根据我的想法有所改动，这只是初步设计
生成思维导图
初始化项目
以我多次半途而废的开发经验，这一步太熟练了，GitHub上新建项目，VsCode绑定，搭建环境，引入组件库……
NG-ZORRO模板
NG-ZORRO的模板是我很喜欢的一个样式，自动生成的是这样的：
因为我不希望使用侧边导航，而是使用顶部导航，所以我先删除了侧边导航形成了一个空白页
这样就可以很容易的实现我想要的：左上角标题，右上角功能布局，下方空白页做路由导航（功能主页）
下午工作不忙，就拟了一下博客页面的静态页面，大概就是我想要的风格（极简灰白性冷淡风）：
顺便又写完了博客、留言板、关于我三个页面的静态页面，感觉已经可以开始学后端了，顺便研究一下后台页面写在哪里比较好
随笔、首页两个页面暂时没啥好的想法先不写了，以后说不定会删
2023年4月27日-要准备去旅游了
劳动节要和老婆去云南度蜜月，下周调休+婚假直接9天小长假，所以这周在专心做工作，尽量不把工作留在下周。
这段时间偶尔摸了一下，博客的样式和路由基本都搭建好了，感觉没有什么进一步的想法，因为我并不打算前期在样式、动画上花太多功夫，所以下一步计划就是打算直接开始学习后端的东西了。
因为在忙，也没怎么看掘金，今天才发现这文章居然上推荐了……感谢评论区JYM的支持、鼓励和建议，呜呜呜看到这么多鼓励真的很暖，我哭死
后端的选择
评论区的JY有两点比较打动我，一个是Hexo，利用Markdown文件转换为静态html页面，就不需要写后端、服务器、数据库了，确实是搭建博客很不错的方法，但我在很早之前就是有转型全栈的计划或者说是梦想，所以这次博客其实也是我打算转型全栈的一次入门尝试，还是会去学习后端和数据库的东西的！
另一点是我发现之前看别人搭建博客的后端经常是nest.js，这个东西已经在我的视野里出现过很多次了，之前没有去了解过，后续可能会去尝试了解一下。
之所以选择JAVA是因为我在工作前有JAVA和少量SpringBoot的基础，其实我对后端的了解少之甚少，可能在学习后端之前会额外加个计划多去了解一下。
关于旅游后的计划
4.30出发，5.6回家，7号休息一天就返工了，因为也是第一次旅游，注意力会尽量放在旅游上，好好玩一下放松一下。
返工后工作不忙就会开始自己提前规划好的计划和步骤，最近戒了烟，发现头脑清晰了很多，可以集中注意力做很多事情了，以前总是昏昏沉沉无法集中注意力……也会把自己放了很久一直没看完的JavaScript高级程序设计第四版拿来空闲之余多看看！
劳动节后再见！希望旅游和之后的学习都一切顺利！最近也快过生日了，放张老婆送的switch嘿嘿
2023年5月9日-蜜月结束返工
蜜月之旅顺利结束，大理是真美啊。
也是第一次旅游，没什么经验，玩的时候挺开心回来累的一批。
周一第一天返工，产品给我找了20多个BUG，一天都在修BUG，太恐怖了，晚上十点半就睡了，旅游结束后遗症，感觉一直没什么劲儿累得很。
今天周二感觉身上好一些了，但还是累，不过还在工作不是很多，现在确实脑子很清醒工作效率高得多，大概歇个一周左右就开始学后端了XD
2023年5月10日-后端决定选择Nest
今天是俺的生日，先祝自己生日快乐了！
昨天了解一下Nest.js，发现是非常适合自己的一门后端语言，Nest中文文档的介绍是这样的：
Nest 是一个用于构建高效，可扩展的 Node.js 服务器端应用程序的框架。它使用渐进式 JavaScript，内置并完全支持 TypeScript（但仍然允许开发人员使用纯 JavaScript 编写代码）并结合了 OOP（面向对象编程），FP（函数式编程）和 FRP（函数式响应编程）的元素。
在底层，Nest使用强大的 HTTP Server 框架，如 Express（默认）和 Fastify。Nest 在这些框架之上提供了一定程度的抽象，同时也将其 API 直接暴露给开发人员。这样可以轻松使用每个平台的无数第三方模块。
- 使用的语言是TS，也就是我现在正在使用的，上手会简单一些。我TS和JS的基础其实非常差…大学的时候根本没教（只教了HTML和CSS），自己也没有认真去学习，只是沾了框架的光罢了，所以使用TS开发也有助于磨炼一下自己的基本功。
- Nest是和Node.js有关系的，我之前一直对Node.js非常感兴趣，它也与前端息息相关，能了解到很多相关的东西。
- 框架很轻量级，有搜过一些资料，感觉上手难度不高，博客只需要增删查改的情况下很适合我
- 之前选择JAVA的原因除了我有基础以外，还有一个原因是考虑以后多掌握一门技术多一门路子（前端的职业危机感），但是否使用的上还不好说，不如选择一门与前端息息相关的后端框架去学习，加强在前端方面的技术深度，JAVA可以以后以业余爱好去做其他项目的时候学习
安装Nest
今天工作不是很忙，试着安装了一下Nest，结果在创建demo项目的时候遇到报错
Failed to execute command: node @nestjs/schematics:application --name=demo --directory=undefined --no-dry-run --no-skip-git --no-strict --package-manager="npm" --collection="@nestjs/schematics" --language="ts"
谷歌了一下，发现是node版本不对应（其实我也猜到会出现这样的问题……），于是我去npm网站找到了nest对应的页面：www.npmjs.com/package/@ne…
我的项目是两年前启动的，安装的也是两年前对应的NodeJS，所以两年前Nest的版本是8.X，我选择了8.0.0进行安装，就可以成功创建demo了。
开始学习Nest
我选择的课程是Nest官方教学视频，B站有好心人上传了全集+翻译，结合视频和文档进行学习。
说实话刚开始看几节，头已经有点晕了……不清楚是不是我没学过Node.js的原因。但某些思想和语法和Angular蛮像的，能看懂一部分XD
2023年5月31日-买房了，最近有点精神衰弱，学习计划陷入停滞
这段时间没更新，后续也可能会很少更新，因为我买房了（二手房）
关于买房
和老婆看了其实也有快半年房子了，做了很多功课，终于选了一套我们最为满意的，业主也是年轻夫妻聊得很顺利，谈好价格就直接签合同了，预计7月底之前就会交房。
我和我老婆都是死宅，而且我老婆还洁癖，所以家里多多少少是要重新小装、更换家电的，这段时间基本都在一直研究家电（正好也618了）、看定制柜子啊等等装修方面的东西。
预计是9月底前能住进去吧。
关于精神衰弱
我是一个瞌睡非常多的人，现在已经比较早睡了（22-23点），但是周末也是会睡懒觉的，基本能睡到中午12点。
最近工作比较忙摸鱼时间减少+下班回家没有个人时间需要研究装修+小区旁边有一片空地开始施工每天早上9点准时开始很大声的“咣当”敲一整天，我已经快一个月没睡过懒觉，也没有充足的个人休息时间了。
所以最近的状态很累，但心态还是非常积极的，因为等我搬进我的房子一切都会好起来的！
关于后续的学习计划
我是一个不太喜欢用碎片化时间学习的人，例如抓10分钟，30分钟去学习，目前的状态下这些时间我可能更愿意用来休息，因为我对于博客的开发是一直比较随和的（每个人都有各种各样需要忙的事情，尤其是已经成家的男人，唉……）
所以后续应该会考虑搬入新家时间稳定后重新开始学习计划，先搁置一阵子
说实话前阵子NestJS学了有大概一周多，学习的效率还是很高的，对于博客的开发我还是依旧保持着积极的心态和热情的，只是目前的状况不允许罢了。
2023年12月21日更新-已经过了半年了呀……已经准备开写咯
简单聊聊
都已经半年没更新了，想说的还有点多，不知道还有没有人看，就零零碎碎地写点儿吧。
最后一次更新之后，我就全身心投入了买房和装修的计划中，虽然很累很忙，但终归有了一个自己的家。
工作上也是在比较稳步的上升，涨薪了，在Angular方面的技术有更进一步（优化和底层方面），我也在公司立项准备明年开始更新自己负责的项目（从Angular11更新，感觉还是有点挑战的）
期间对于nestjs的学习也是比较零零碎碎的，最近一段时间沉下心好好学了一阵子，感觉已经基本掌握了，但是由于我确实没有后端的经验，纸上谈兵无用，虽然还有一些不太懂的东西，但我打算直接开始上手写，遇到问题解决问题即可。
我也顺便了解了一下域名、服务器、部署等知识，顺便还买了个域名，也没有停止写自己的小项目，因为时间比较少所以写的都是一些简单的纯静态工具，例如给朋友写的游戏主持工具等等。
关于项目
好了，闲话说到这儿，来聊一些关于项目的东西。 目前我放弃了使用angular11的计划，因为我实在接受不了一直用这么老的东西，所以我在公司的电脑上装了虚拟机，在虚拟机中新建了一个Angular16的项目，并把老项目移植过去，所以现在我的项目配置环境为：
Windows10x64
Angular-16.0.0
NodeJs-18.10.0
NG-ZORRO-16.2.2
nestJs-10.2.1
npm-8.19.2
接口管理软件：Insomnia
IDE：Vs Code
并且后续可能会学一下swagger用来写接口文档
接下来的第一步计划是创建后端项目,根据接口分类创建好模块，再依次开发。
博客的后台管理页面及其接口，我会在做完博客的展示之后再写，也就是说目前先写博客主体。
没有一个预计完成时间，只要有时间就慢慢写，只要不停下脚步自然就会慢慢达到目标。
且将新火试新茶，诗酒趁年华。 祝我好运。
2024 年 5 月 5 月更新，更换笔记本和环境，后端学习基本完成
由于媳妇儿给我更换了 MacBook，所以我打算放弃原先的项目，用最新版的 Angular重新开始项目，正好也能学习学习 mac 的东西。 并且这个 MacBook 作为我的个人机，在环境方面可以更加自由，毕竟自己的机器，不会因为工作变动等原因进行改变。
在经历了一系列的软件安装、手势学习、环境搭建后。 目前的项目配置环境为
Angular 17.3.6
NodeJs 22.1.0
npm 10.7.0
Ng-Zorro 17.4.0
重写了首页，初步设计为以下图例：
下一步则是搭建后端环境，直接开发本地接口与页面对接了。 页面细节、样式、优化、设计之类都可以等后端写完后再慢慢琢磨。
2024 年 8 月 1 日更新，项目正式开始了
这消失的三个月其实我基本没有再动过项目了，因为老婆的工作出了一些问题，我陪着我老婆备考在职考研。
然后我老婆突然升职了……先稳一下工作吧，考研的事情放到后面去。
外加一些身体因素（吃了一个多月中药）和一些家庭矛盾（父母那边的），仅仅是停留在阅读文档和学习的阶段。
也就是前几天，我搬了工位，工作进入了一段清闲期，但是背后就是领导（随时可以看我的屏幕），我在这样的环境下选择了以写自己的项目为乐（毕竟没法摸鱼了，我总不可能为了公司项目做牛做马吧）
得益于我长期准备的知识和技术以及前期的充分准备，开发项目的效率和速度很快且很稳定。
我将虚拟机的环境全体进行了升级，Angular使用的是最新的18.1.3，首页则根据自己最近的“艺术欣赏”进行了一个大改动（可以说基本重写了）
说一下目前的进度吧，一共有三个项目：博客、博客ERP、博客后台
目前已经在ERP完成了“博客列表”和“博客发布”两个功能，尤其是博客成功发布之后我是非常激动的，算是我终于开始了我想做的事情的第一步。
博客暂定的首页设计（白色div初始是在最底部的，截图是往上滑了一些）
第一次博客发布成功的截图：
博客编辑器使用的ngx-markdown，本来想用掘金的编辑器但是angular使用起来非常麻烦，所以我选择了一个不带工具栏的（例如Ctrl+B的快捷键）。我平时写博客其实也是会用Typora写，然后一键复制到编辑器里，所以影响不大，这个编辑器最主要的功能主要还是用于细节修改吧。
接下来的开发步骤
接下来的规划是写博客的博客展示页面了，准确来说是叫“个人主页”的博客展示页面，因为我后期会规划一个模块叫“点滴”，用于记录自己的日常和生活，类似于朋友圈吧，主要是我老婆挺感兴趣的，是给她写的，这个网站也不纯粹是博客网站了，更像是我的个人网站，后期我会长期运营和开发，以后自我介绍就直接丢一个网站过去哈哈哈。
博客的展示页面我还在琢磨，如果没琢磨好的话就会先考虑完善首页这一块的内容，因为目前首页是静态的，打算将首页的图片、个人介绍之类都对接接口后期想改就改，以及网站访问之类的东西也还没去了解。
大概等首页+博客的功能完成之后，我才会去着手点滴这一块，因为点滴的功能其实非常简单，主要是展示的方法和样式设计要好好琢磨一下。
目前开发的时候，前端部分是几乎没有什么问题的，非常顺利且丝滑，后端倒是频频出现问题（兼容性、细节导致的BUG），不过整体也是平稳的，写代码的灵感和动力拉满，最近的code time如图所示（深蓝是活跃开发时间，也就是写代码的时间，浅蓝色是呆在编译器但是没有写代码的时间）
我也不说多久之前肯定能完成了，反正按着自己的想法一点一点写，不能急于求成，不差这一点时候。
PS：开发还有一个最痛苦的事情，那就是因为公司的电脑nodejs和angular版本过低，我不得不用虚拟机进行开发（不用mac是因为回家要跟老婆打游戏），我的工作电脑本身性能就不咋地，虚拟机同时开发三个项目已经爆了无数次内存和CPU了，有时候写个字母都要卡10秒钟。对，我就是在这样的艰苦环境下开发的XD
2024年8月12日更新，博客基本已经有形
今天写到下午4点就歇了，周末陪老婆去爬山累得要死，勉强写了一点儿……
注：之后三个项目我会称呼为：“主站”（个人网站），“ERP”（后台管理），“接口”（顾名思义）
现在主站的博客列表展示、ERP的博客发布、修改、图片上传已经基本完成的差不多了，目前的功能只有“博客”和“标签”。例如我现在可以在ERP发布一篇博客，然后在主站的列表就会显示这篇博客。
也就是实际开发才发现，以为很简单的增删查改实际上写起来并没有想象中那么容易哈哈哈，尤其是nestjs的各种兼容性、具体实现，写起来有时候也会焦头烂额，就像我刚开始学angular的时候一样。
展示一下现在完成的部分成果吧：
ERP：
主站博客列表（目前还很素，暂时没什么头绪，等以后再去优化样式吧）
接口（APIfox确实挺好用的，相比于postman感觉更适合我这种0基础后端选手，虽然确实也有缺点吧）
