关于我的网络笔记

tao
发布于2021-07-03

早在2016年,也就是我在太原工业学院就读大二期间,我看到我身边有的同学竟然用自己编写代码的方式实现了一个有趣的应用,只要你输入你的家乡城市名,它就可以计算出你的家乡距离学校有多远,划船需要多久,骑自行车需要多久……因为它的起点是学校,非常贴近学生,交通工具很特别,又利用了微信这个平台使它能很方便的被分享出去,最终收获了很多的关注量。这让一直以来对互联网非常感兴趣的我更加好奇了,这一切都是怎么实现的呢?

怀着这个疑问,我在升入大三之前坚定了学习编程技术的决心。一开始,我在图书馆借了一本很厚的PHP入门书,按照书中的方式去搭建编程环境,学习了一堆PHP语法和SQL语句,看了大概有一个月,这一个月浏览器界面只出现过我打印的字符串信息,只有黑字白底,我当时感觉无聊透了,这不是我想要的效果。如何实现海报似的呈现效果和炫酷的动画?如何实现复杂的人机交互?这两个问题在这本书中没有找到答案。于是我暂时放弃了PHP的学习,开始深入学习HTML、CSS和JavaScript,逐步了解到后端和前端这两个概念。学习了一段时间之后,我开始了实践,第一件事情就是参考太原理工大学官网首页的设计,重新设计并实现了学校官网首页,因为学校官网首页实在太有年代感了,没想到多年之后,当我再次打开学校官网,它竟然真的换了风格,和我当时的设计非常相似,想必重新设计官网首页的设计人员也参考了太原理工大学吧。

大三即将结束,我也即将不再负责校报的编辑和印发工作。但此时我萌生了一个想法,我是不是能做一个网站,它可以将每期校报上的内容使用一种非常吸引人的方式展示出来供同学阅读,同时利用互联网信息传播的快速与便捷,将校报更好的宣传出去,它的名字就取校训的前两个字——知行,或者后面再加两个字就叫知行日刊。但不得不说,我一开始的想法过大了,期望能做一个校内平台,等到真正动手开始做才发现难度较大,最终只是实现一个纯静态页面,因为经验和能力不足,便没有再继续下去了,这就算做知行的第一个版本。

转眼就毕业了,为了找工作的时候有作品可以展示,我重新想起了知行日刊,但这时我已经改变了想法,转而将这个网站定义为个人网站,主要分享我的各类笔记,经过一段时间的闭门修炼,它的第二个版本出来了,相较于第一个版本,它实现了一个文章编辑的后台,后端语言使用了PHP,前端使用了流行框架React,第一次使用了域名zxctb.top。这时候整个网站应用还是很难用的,导致我直接在后台里面写文章的热情都不太大,都是在别的软件里面写完之后再粘贴过来发布。

最近一段时间,我重写了文章编辑的后台系统,它现在变得很好用,后端语言与前端框架都没有变,但是与第二个版本不同的是,在文章展示的界面使用了Vue服务端渲染的方式,因此有更快的首屏渲染时间,文章也能很好的被搜索引擎收录,这个版本也就是你现在看到的样子。

维持这个网站需要支付服务器和域名的费用,需要耗费我的一些精力,因此如果你喜欢我的网络笔记的话,就请点击右下角的分享或者赞赏按钮支持一下!