关于OneQuote

-Feb 25

真让写的时候,又不知道该说什么了,文笔和语言组织能力都非常不足……我想想,那就从源头开始,逐步地讲讲这个小东西的来源吧。

#原初

我不知道怎么表达“原初”这个词,大概类似于“原本的最初的”这样的意思。

在两三年前,我每天都沉迷看一个叫冷兔的公众号,然后这个公众号几乎每天都会发一篇《【冷兔·槽】每日一冷NO.XXXX》这样的文章,后边跟着的数字应该是指当篇是第XXXX篇的意思,直至写此文的时候,这个数字是4714(意思是已经更新十几年了?好强!)。这个栏目里吸引我的地方在于,这里边的内容是冷兔编辑部每天收集的各种有意思的段子,然后这些段子常常是一些鸡汤或者是反鸡汤,只要遇到有意思的,或者能触动我的,我就会截个图存在手机里,有段时间我还挺经常翻出来看看。

不过这个习惯后来就没了,因为我总是在晚上睡觉躺床后才看的,然后常常看完就会继续看手机,继而养成了熬夜看手机的坏习惯,而我睡眠本身就非常糟糕的,这给第二天的我带来非常不好的影响……

#导火索

最近因为要找工作,需要猛猛地补习一下前端目前主流的东西。我的朋友说可以直接上手试试做一个东西出来,不用等看完教程,重要的是边做边学,而且现在有AI,不懂就可以直接问AI,效率高不少。

他当时给我的建议是复刻一个我手机上每天都会看的AutoSleep应用(我比较关注我的睡眠,毕竟我睡眠本来就不好),我当时说其实我想做一个类似“鸡汤文抽奖”功能的东西,就是用户点击,然后抽一条段子出来,好的坏的纯看运气(有点像去庙里求签的感觉……)。我朋友说完全可以,想做就做,要先开始做起来,把github用起来!

#技术选型

诶,其实在导火索里提到的那个时候,我是在学习React的,那原本所指的“做一个东西”当然是指用React来做的意思。但是实际开始做,还是决定用Vue。我其实先接触的Vue,并且在我沉迷于学习React的时候,我有点觉得Vue这边的东西有点忘了……而且我也没试过手搓一个Vue的小东西,所以就用Vue开始做吧!

至于后边会不会用React再弄一遍,可能会吧,但或许会弄点别的,只是我想先把其中Vue这边稍微更吃深一些先。React那边的生态其实比较庞大的,要摸索下来其实短时间里还不太容易。

最新:目前你看到的这个网站已经是用React来实现的了

#开始

最初的想法就如之前提到的那样,抽奖或者说抽签的形式,然后隔一段时间才能允许重抽一次。我仔细想想之后,觉得这操作也太不尽兴了吧!

随后我在github上搜索有没有相关的项目,好像都是我最初的那种点击抽取,生成随机数然后作为数组的下标,再把数据展示……emmmm,这些都不尽我意啊。

我忘记是怎么一回事了,很机缘巧合地,我发现一个博客的首页有一个小位置会定时随机生成一段话,随后我看到他有个跳转到提供这功能的网址,是这个网站:一言

终于,我理想的形式出现了,受此启发,项目正式动工。

#介绍

这个项目功能其实也不多:展示内容、切换light/dark模式、用Markdown展示这个About页面。

所展示的所有内容全是我自己收集而来的,其中包括之前说过的段子鸡汤反鸡汤,还有很多别的类型,比如影视作品中的台词、歌词之类,歌词有很多都是 五月天 的歌,我私心喜欢的,所以弄了很多上去,至于影视作品的台词,就纯靠我自己印象深的很少几个了,有点印象后就去搜搜原台词,然后再添加进quotes数组中。

切换模式其实参考的antfu.me,在电脑端使用有个很炫酷的展开和收起效果

Click↓

至于Markdown这边,我觉得还能再美化一下,其实有很多特性可以试着弄的,目前这个还没用过什么别的Markdown解析工具,或者hihglight插件之类的……待我多折腾折腾。

#目标

编写时,此项目确实是完全CSR的,但现在已经改成SSG了,并且能在githubVercel上自动化

其实挺俗的,想手撸一个基于Vue的静态网站博客……这个项目到时用来做首页不知道还算可以吗?目前这个东西还是完全CSR的,先试着弄成静态的再看吧,弄SSG,再打通一下CI/CD