1. 逝者如斯夫
忆开端
在一年前,我还是准高一学生,现在我已经经历了4门学考的洗礼(成绩2A2B 恼),也算是一个刚刚入门高中的小菜鸡了
让我们把时间拨回2022年,看看chiblog是怎么立项的吧:
2022.2,chiblog正式立项
灵感来源:baiyuanneko的bbg
2022.2 开始预开发
使用技术栈:quasar + vue3 options API
2022.6 推倒重来
使用技术栈:vite + vue3 compositions API
写了文章页 首页 以及页面
耗时1个半月 chiblog 1.0.0于2022.8.7开发测试完毕后发布。
2. 不舍昼夜
chiblog作为一个无后端的前端博客平台,自然是使用js框架开发的。
我目前正在使用的框架:Nuxt3 + Vue3
*具体的版本更新内容可以到releases页查看
在经历1个月的开发后,第一个能用的chiblog版本 v1.0.0 就是在一年前的今天正式发布了。
那时候,百废俱兴,大家看截图就知道了(db:好简洁啊)
1.0.0-1.0.5的UI:
那时候是非常不想加css的......
接着继续开发,在1.0.6版本稍微的优化了一下美观成分
然后就是被so1ve诟病的Icon和字体没对齐,在1.2.0版本才修复好,什么千年老bug((
1.0.7与1.0.6的UI相同,修了点小bug,以上。
1.0.8的也几乎相同,就是添加了一个断网提示:
在1.1.0之后转nuxt3
了,那时候2022年12月,nuxt3刚出稳定版,算是第一批吃上nuxt3螃蟹的人罢
1.0.9前原来开了一个next
分支,但是原来因为用的是vuex,然后转nuxt也不支持,遂删分支,先把vuex转pania后再准备切技术架构。
1.0.9属于过渡版本,是最后一个客户端渲染版本,众所周知,服务器端渲染可以推SEO以及用w3m
浏览(什么自由软件基金会成员)
1.1.0于2022年底发布,勉勉强强把vue3的客户端js活生生套到了nuxt身子上,那时候并没有使用composition
,所以路由会出现错误。
*1.1.0的容器支持根本没有什么软用,在1.1.5后的容器才得到正常的支持
那时候 mzw:fork chiblog, chuang Podman
猫猫:chi你这个怎么我curl就404了
1.1.1只是让nuxt衣服更合身了些,至少路由还是可以正常使用的。
*1.0.6-1.1.2的UI都是没有改过的,与1.0.6相同。
1.1.3的UI做了些小改动,新增字数统计功能
大的要来了,1.1.4 UI重磅大更新!
并且发布了野兽特供版 mzw&猫猫&db:臭
lazyload,自定义背景,文章附图,现代卡片设计,都有辣!
*顺便提一句,lazyload的这个图片shojo.gif
来源为https://skipm4.com/,然后由于其占用空间太大(1MB大小),遂在1.1.9版本用material design的svg icon替换了它
css的预处理器从less
转scss
so1ve:屑chi还在用不被支持的less
说到预处理器,我vuejs/create-vue
的#322
加CSS预处理器选项的PR还没被合(( sodatea
在摆烂(
so1ve:我tm直接上台演讲摆烂
1.1.4算是一次重磅更新罢
随后chiblog的开发就走上了快车道
比如说1.1.5支持了基础的暗黑模式(需要pc/手机端支持并调整到暗色模式才可以食用, SCI:OH, That's G o o d),容器服务(ghcr.io/chi-net/chiblog),换页动画(PC拉门式/手机透明度淡入淡出)以及对valine评论系统的支持(自己目前无力再开发一个了)
1.1.6就是增加了一个旧版本浏览器的polyfill(@vitejs/plugin-legacy)和修复了容器部署问题,没什么UI更新和系统更新。毕竟那时候劳动节 期中考试呢。
1.1.7增加了SEO友好的description和copyright,也是小打小闹的小功能
1.1.8版本终于支持了所有博客系统都必备的标签页/分类页和作者页。
1.1.9版本
因为在玩推,所以支持了推的卡片功能:
修复了一些动画不连贯的问题
开始使用eslint和prettier来约束自己的代码风格
1.2.0版本
1.2.0的UI是重构的,增加了文章旁边的小工具,手机和pc版本均使用透明度淡入淡出转页,按照大佬们的要求对chiblog动了些手术。最后的成品就是本站了!
其实这个版本的发布还是很匆忙的,我刚刚接到要去(江苏南通)参加国赛的通知(为什么不是上海!!!!!sci&mzw:要素察觉),而且现在一天要上6小时的数学竞赛课(nbfls良心真好啊......)有很多想要实现的功能还没有实现,也就只能这样了,攒着慢慢实现吧。
以上
在开发1.2.0版本的时候,一直在为UI设计发愁,然后在推(X)上发了两篇求助推(Post),收到了很多佬的回复,在这里感谢各位佬提出的宝贵建议!!!
求救推:
https://twitter.com/moechihuo/status/1685537776605818880
https://twitter.com/moechihuo/status/1685865981501992960
致谢(不完全名单&排名不分先后):
@奇趣保罗 @wibus @ifszk @so1ve @zhulutianji @mzwing @dabao1955 @innei(提供UI参考) @thecalicastle(提供UI参考)
3. 向未来
在一年前的今天,chiblog正式发布。在今天,chiblog发布1.2.0版本,继续向未来稳步前进
未来有什么新变化?
- 开发进度:自1.2.0起,chiblog的分支将会分为3条:
master
,dev
和beta
,dev分支用于日常开发,PR请发至dev分支 - 发版节奏:如上,master分支将会托管
stable
版本,而beta
分支会托管beta
版本,dev
版本则为canary
。一个stable
版本的发布间隔在1-2个月左右。一年最多发布10个版本(基本上是按照月度发布,考试月6月和春节前后(1/2)月是不会发版的),每次发版进0.0.1,每一年进0.1.0,以此类推。beta
的发版间隔约为stable
的一半。而canary版本则由GitHub Actions
自动构建。对应的镜像标签:stable
:latest
,beta
:beta
,dev
:dev
- 提示设置:使用
beta
版本的应用时默认网页下端会出现提示,只需根据提示设置环境变量即可。而dev/canary
版本是无法忽略此提示的。 - 更多的评论系统支持:目前chiblog仅支持
valine
,以后会支持更多的评论系统 - RSS订阅支持
- 搜索功能
- ......
开发chiblog这一年以来,我的编码水平也得到了一定的提升,这也是我的福气吧。
只要我的博客不倒,chiblog就不会停更。
以上。
Preview: