1. 起源:一个完全不懂前端的人的冲动
在2024年年初的时候,自己突然想做一个个人网站,去分享自己的一些经历和想法,但是当时的自己对于前端这个领域完全不懂。其实说到最早的时候,是在哔哩哔哩看到了PAPAYA电脑教室的视频,主要是说怎么通过HTML和CSS怎么设计一个网页,当时我就开始仿照他的这个方案去写自己的网页,但是它只能在本地查看,我就想怎么通过网站访问,就开始搜寻各种教程,看怎么把自己的HTML网页部署起来。
2. 踩坑:从静态HTML到动态站点
买了自己的服务器(阿里云99计划)和域名(当时为了省钱,买了一个.top的域名),由于中国大陆的服务器部署网站还需要ICP备案和公安网备,然后Linux服务器代码我不是很熟悉,就借助宝塔面板,去部署我的HTML静态网站。但是后面就遇到了一个问题,一些页面是写死的,HTML写好上传没有问题(比如首页,关于页面),但是我是需要更新新的文章的,同时比如归档页面还需要每次更新,但是他不能自动化(我得每次自己添加条目)。最奇怪的地方是每次新加一个页面我都需要从头写一个新的HTML页面。
我发现这不是一个好方案,也不可能是现在的人们会使用的更新方案,对于这些问题肯定不会只有我遇见到了。我第一次会选择这个方案构建自己的网站,是因为本科的时候的计算机基础的课程当时也是教我们用HTML和CSS写网页页面的,用的还是Adobe的Dreamweaver。后面才发现学校课程教的这套方案有多傻,离实际应用有多远。不过他至少给了我一个可以实现的最低选择。
后面就开始搜索现在大家都用的什么方案来实现个人网站的实现。看到最多的就是WordPress、Halo以及Typecho,最后选用了WordPress作为我的建站方案,这个在个人网站中使用频率较高,同时CloudFlare对于他的适配很好,有额外优化(有阵子用过又拍云+WordPress的组合,但是会出现卡死的问题,后面发现是又拍云对于WordPress没有额外优化,他会对带?的路径报错,需要自己自行在又拍云后台排除这个默认操作)。有一说一,WordPress作为使用人群比较多,有很多的视频和文字教程,显著降低了我的学习和使用门槛。但是始终没有设计出我自己比较满意的网站,同时不想维护服务器,一方面是降低自己建站的成本,另一方面感觉服务器的存在,特别容易被攻击。为了降低自己的经济负担和网站的安全成本,我就开始搜寻还有什么更方便和安全的方案。最后发现了静态网站这个大类,主要特点就是markdown文档渲染和基础页面设计,然后部署在GitHub page或者Vercel这种免费的平台上。
3. 换路:静态框架与AI的介入
起先是使用了Hexo和Hugo,但是发现这个部署之前都需要你自己再本地先编译之后,才能上传到GitHub,随后实现网页的更新,有点麻烦。而且由于他的代码问题,我这个代码小白完全改不了什么东西,导致这个东西对于我而且纯纯是黑盒子,我只能当一个粉刷匠,去填充一些自己的信息。简单来说,我只能拉取别人的文件,然后填入自己的信息,把他假装成自己的东西,没有掌控感,同时由于优秀的设计在哪里都是稀缺品,所以稍微好点的模板都有很多人使用。导致自己的网站看起来和别人的没有什么不同,感觉就像换壳一样,没有什么吸引人的地方。我知道对于个人网站最重要的是内容,但是俗话说先敬衣裳后敬人,连一个独特的皮囊都没有,别人为啥会看你呢?就算你的内容优秀,为啥会发现你呢?
出于这个考虑,我发现vue.js和react.js两个现代的网络框架,被广泛应用于网站搭建上,同时自由度很高,可以实现很多优秀的设计。但是我的第一要务是把我的网站端出来(至于他优不优秀不重要,重要的是我怎么在短时间让他成功跑起来),所以我来不及重头完完整整的学习怎么自己从头写网站。正当此时,AI浪潮席卷而来,我借助AI,直接实现了页面的设计。但是和大多数初学者一样,许愿式命令,“请给我设计一个个人网站”,然后AI果不其然给你端出他的雷霆设计,辣眼睛的渐变紫,这些还都是小问题。由于他的上下文长度有限,他还常常给你忘记自己之前给你干了啥,然后后面给你个乱七八糟的设计,导致每个页面的设计割裂感很严重。
后续为了解决这个问题,我首先自己选定好配色,架构以及每个页面具体需要包含什么东西,有什么规范,通过什么方式实现什么页面效果。就在这个磕磕绊绊之后,端出来了我现在的个人网站。但是他现在也不是一个完整形态。只能说现在是一个勉强能用的网站,有了一些基本的设计,能跑通整个流程,但是在一些小方面还是没有那么好。这也让我深深感受到,专业的就是专业的,拿自己的业余去和别人吃饭的手艺相比,有点班门弄斧了。
4. 一些真实的感悟
但是这一整个的经历让我感受很深。其一、AI的飞速进步,让我们这种本来可能一辈子都不会参与的代码工作,现在有了参与的可能性,他是一个优秀的工具,但是他具体能实现什么样的效果,还是取决使用他的人,是否有充足的知识储备,去发挥他的完全工作效果。
其二、对于AI在特定领域的使用,你需要一个基本的判断能力,知道什么是违背常识的,什么是对的,因为他会有幻觉,给你提供假信息,你要有辨别的能力,才能更好的运用他。
其三、做事情不要什么都想好了在做,或者说准备好了再做,你可能永远都准备不好,有了想法先去干起来。就比如我这个网站,我如果没有开始干,我可能到现在也看不到他的出现,至于端出来的是屎还是什么不重要,重要的是东西有了,你可以在这个不优秀的基础上迭代,升级,最后肯定会被打磨出来一个还行的东西,优秀与否可能需要点运气。
其四、专业的人做专业的事情,如果我不是个穷学生,我肯定不会自己花时间去写这么个网站,找一个专业的人,花一笔钱写这个网站会是更好的选择,100%会比我折腾这么久的东西好得多。但是话说回来,没有这个折腾的过程,我可能就不会有这些认识了。
评论