关于网站建设的一次尝试
>>2024-05-15<<

1.1想法根源

所有事物都有一个源头,在这个纷繁复杂的世界里,信息,也就是获取知识的方式,通过互联网,可以使其在短短几秒内传遍世界。任何一个早早接触互联网的孩子都会对这种信息的海洋着迷,无法自拔。对我来说,足够多的量级的信息构成了一片海洋……

反正总而言之,是这样的,已经记不得是什么时候有这种想法了,目前能找到的最早的有记录的时间是2018年x月x日,也就是大概2000多天前吧;这个时间是我在整理电脑里的文件时候发现之前写的跟时间有关的js,只可惜当时没有客观条件和经济实力,就一直搁置到如今。同时也可能就是这几天心血来潮,一拍脑门,俺一定要搞个博客之内的玩意儿,尽管这个年代没啥人看博客 (悲) ,然后就开始着手建设了。🤔

1.2建设思路

最开始在想搞个网站能干啥,如果做个单纯的静态网页挂那儿感觉就像牛皮藓一样 (草)。后面我看到大家都在写博客,那就搞个博客吧。 然后就是去菜市场买菜了(bushi)。我看看,WordPress、Hexo、Zblog、 Vuepress、Typecho…… 要不然我在知乎上写算了吧,或者CSDN,简书,LOFTER? 但是觉得这种网站还是握在自己手里比较好,(宣誓主权✊🏻)。

最后还是选择了Typecho,精致小巧,完美(对我来说),其实尽管Typecho是开源的,但是官网文档还有其他人的分享内容里关于有些功能的实现写得简直精简,对于我这种初学者是极不友好的,而且目前我也没办法找到找到它那些函数的定义,反正在vscode里我做不到,就算是Crtl+F大法也搞得我有点懵,只找到一小段相关内容,感觉不太像,就直接放弃了这个想法,可能跟widget啥的有关吧,但是官方文档的匮乏,我也没学过这玩意儿,那就换个方法吧。 于是决定搞个API接口,直接把文章内容调出来,这样就只需要弄个: <a herf="www.lonleaf.top/api/xxx"></a> 就可以了。

2.1开始建设

然后也是很快哈,就在GitHub里找到了个API插件,安上,报错,他奶奶的,看一看报错信息,查一查,好像是PHP8.0更新了啥玩意儿,导致Typecho的Action.php有一段用不了,也是很快就找到了解决方法,用个三目运算符就🉑以了。

(后面直接用PHP8重新安装了Typecho就没出现这个问题了,真奇怪。) 于是就立马尝试→加载一点时间后→加载出来了! 好好好(摆出双手),这么慢要不要我弄个少女折寿中的加载页面(恼)。 于是放弃了API的想法,老老实实的用Typecho吧,研究一下哈。感觉还行emmm,大概能搞懂那些PHP语句的意思现在看来真的很简单啊喂 就这样吧,整一个div块,内容放进去,ok,就这样,很简单,好好好(摆出无可奈何的神情)

2.2 功能完备开始装饰!

我肯定是不会用Typecho的原始模版的,首先是网页背景,我最开始的想法就是,要写博客嘛,整个跟笔记本页面一样的背景,淡黄色的然后有几条直线,但是俺觉着吧,这样字会错位,然后emmm,大可不必其实是我写不来,当然我也准备着加点现代感的元素进去,比如说有阴影的按钮,然后:hover一下会变色,所以感觉每个字下面有个横线就有点死板,或者说不好装饰。其实最主要是我觉着会有一种上个时代的美感

于是沿着刚才那个思路继续🤔,或者我能弄个手账本那样的,方格挺不错的。yes!yes!yes! 为了不太死板就把周围的框框去掉了,然后再一个大框框里填很多小框框,这个可以用CSS的渐变实现,但是后面实现了一个大框框里有9×9的小框框,感觉比例有点怪,凑个偶吧,10×10! 然后就全部错位了ε(´・ω・)з 这里挣扎了很久,最后是把px换成rem解决的。(CSS真是奇怪,你总是会搞不明白为什么这样可以,那样就不可以,明明思路都差不多) 然后是简单的装饰,改改线条大小,磨练磨练背景颜色。然后就大概是现在这个样子了,感觉还挺不错的QWQ

3.发现的一些有趣工具

我在写CSS的时候发现了tailwindCSS,用这个写CSS个人感觉挺方便的,就是有的时候微调不方便 (把机枪向左移动五米),同时黑暗模式的实现我也是用的这个tailwindCSS,感觉自己不用怎么写真方便🥰。

然后评论系统也没有用Typecho自带的,因为尝到模块化的甜头了,已经不想自己写评论的样式了,(甚至把Typecho原有的搬过来修修改改也懒得弄),然后就上万能的互联网搜索🔍评论系统,waline,有点意思,就这个吧,⭕准了。

后面又发现了个InstantClick,这个可以通过不让网站刷新从而提高网站加载速度,但是发现进入一个文章页面的话waline的评论系统不会加载,需要手动F5才行,而且悬浮栏也不会加载,emmmmm。

4.关于配色

因为waline自带是绿色的,那:hover之类的就用绿色吧,其实我也挺喜欢绿色的,尽管本来想的是红色或者蓝色,但是绿色给人的感觉确实要舒服些,那就绿色吧。就这么简单直接🍏。 用了绿色之后又遇到了个问题,我该用什么网站图标呢,我以前常用的头像是黄色主调的,所以我还要重新去弄一个图标,否则黄配绿属实有些突兀了。

5.尾声

网站大概是建好了,当然有很多部分还没有弄好,RSS,友链,搞个.com域名,换个延迟更小的服务器,弄个CDN啥的。接下来的时间就写写文章📃,然后慢慢精进吧。我在搞这个网站的时候发现了很多问题都挺难搞定的,所以我接下来可能会写一些心得体会还有经验方法之类的吧,就这样,嗯。 其实感觉做这些完全是兴趣使然,也行以后会分享些读书笔记啥的。嗯。 不知道这个博客能存在多久,但是也不用想太多,先坚持个一年试试吧。🍀