chiblog,一周岁生日快乐!

8个月前
8个月前
3.9k字
加载中
文章概述 Powered by Google Gemini Beta
一年前,无后端的前端博客平台 ChiBlog 正式发布,使用 Quasar 和 Vue3 开发。发展一年间,ChiBlog 经历多次版本迭代,UI 重大更新,并增加了标签页、分类页、作者页等必备功能。未来 ChiBlog 将继续稳步发展,增加更多评论系统支持、RSS 订阅、搜索功能等新特性,并根据版本稳定性进行分类管理。

1. 逝者如斯夫

忆开端

在一年前,我还是准高一学生,现在我已经经历了4门学考的洗礼(成绩2A2B 恼),也算是一个刚刚入门高中的小菜鸡了

让我们把时间拨回2022年,看看chiblog是怎么立项的吧:

2022.2,chiblog正式立项

灵感来源:baiyuannekobbg

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的预处理器从lessscss 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. 开发进度:自1.2.0起,chiblog的分支将会分为3条:master,devbeta,dev分支用于日常开发,PR请发至dev分支
  2. 发版节奏:如上,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
  3. 提示设置:使用beta版本的应用时默认网页下端会出现提示,只需根据提示设置环境变量即可。而dev/canary版本是无法忽略此提示的。
  4. 更多的评论系统支持:目前chiblog仅支持valine,以后会支持更多的评论系统
  5. RSS订阅支持
  6. 搜索功能
  7. ......

开发chiblog这一年以来,我的编码水平也得到了一定的提升,这也是我的福气吧。

只要我的博客不倒,chiblog就不会停更。

以上。

chiblog1周年vuenuxt博客博客平台

Comments
  • Latest
  • Oldest
  • Hottest
Powered by Waline v3.0.0-alpha.1