为什么要搭博客?
2025-11-28
那个学长的博客真的很酷
大一刚开始,也就是前几个月,我下了一个课表软件,里面有一个整合了很多博客rss链接的博客星球,在其中我点进许多学长(或者学姐?)的个人博客。
在此之前,“博客”这个词只出现在我的英语课本单词表里,就像在浏览器标签页插件“开发者应用”中的github一样,很神秘。
那是我第一次进入「个人博客网站」这种东西:
我去,太酷了。
在此前我所知道的内容发布平台可能就是微信QQ的动态功能,或者是社媒论坛中可以发帖子。但是博客跟前面两种都有所不同,里面的文章高质量且完整,并不像朋友圈那样非常碎片化,也不像其他社媒或是论坛那样非常吵闹像是为了炒作话题引发讨论去发布帖子,而是一个安静的角落,完全属于一个人的内容空间。
很多技术性质的知识分享,开发某个项目的日记,甚至是小说。所有的内容都是博主投入一定时间才产出的结果,可以说是一块博主自己的书库?
好酷啊,我也想在互联网标记一块领地。
直接用网页模版有点无聊,能不能自己搭。
刚开始了解博客网页搭建的时候,在网上搜教程也有看到类似于“三分钟教你用模板快速搭建个人博客” “如何使用 ××网站生成个人博客”之类的教程教如何用 Hugo 这样的主题和模板网站,用现成的主题和模板快速生成一个个人博客。确实这样速度很快,也不用折腾网页的排版和样式还有他们的代码怎么写。
但是,好无聊啊!
只要做模版中输入文章,然后就能快速上线一个「个人博客」。跟在知乎,小黑盒这种地方发帖子一样,都是在准备好的模版发文,好像没什么自己做网页的沉浸感。
我想做点自己的东西,就是想体验一下自己写出一个网页的过程,还是自己从头搭一个属于自己的网页吧。
搭网页,易如反掌啊
既然不选择现有的主题和模板从空白开始自己搭建网页,就正式开始学习怎么写相关的代码吧。花了将近一周的空余时间,先是去 MDN 等等教学网站,看基础的HTML、CSS、JAVASCRIPT这些前端基础的知识,或是去b站自己搜索了一些入门的教程,一个板块接一个板块地跟着看跟着学。
一开始在看教程的时候一切都自我感觉良好啊:
html中的标签、css的选择器、js里面的事件监听、函数……感觉都「看懂了」。
当结束一个视频教学系列的时候,甚至一度有种错觉:搭网页,易如反掌啊!
然而,当打开vs code,看着空白的浏览器页面和用!快速生成的html骨架,我的大脑突然宕机了:好像之前的所有灵感和思路都被大段大段地删除了,不知从何下手,该怎么写下第一个标签。
一知半解
我发现自己根本不知道怎么设计出一个网页的构架, 网页中应该有什么模块, 个人信息应该怎么摆放, 是不是应该有ui图标, 应该怎么让别人知道文章在哪里, 这些我全都没有明确的认知。
开始放低对自己能力的期待, 还是上网去看其他人的博客, 去hugo和其他网站搜各种各样的模版和主题,在视频网站搜各种源码,各种思路和灵感又慢慢冒了出来, “这个侧边导航栏不错”、“这个个人资料卡很有特色”…… 终于有了一些网页构架的灵感,切换回编辑器中想要着手实现时 我又发现自己没法将他们转变成实际内容,
我不知道如何排版,不会布局,其他人源码中的 flex 还是 absolute是什么, 我怎么一点印象没有? 写着写着页面就乱掉了,控制台也时不时给我弹几个红色报错,提醒我「哪儿哪儿又不对」,打开网页的预览,看到的也是大片大片错误排版的文字和图标,并没有按我构思的那样出现在正确的地方。
也许是我太心急了,现在最该做的是老老实实学高数,也许这些事情会有人教给我的?
从抄写开始,爱上写作
在一次又一次卡死之后,我还是看出自己并非天才, 先别急着「原创」,从老老实实「照着做」开始。
我开始跟着在b站上面找各种小项目的教程或者源码,开始去折磨各路AI(GPT,Gemini,Copilot,关于这些AI的使用和恼火的点另外发文), 一行行代码从照抄,到开始修改抄来的代码改成自己喜欢的样式,从一个简单的渐变色的背景,再到一个侧边导航栏,最后可以自己写一个资料卡,写一个点击即可跳出卡片的动画。
虽然目前为止, 这个博客应该有很多东西还是从各路搬来的, 样式虽然我很喜欢,但细看却感觉缺少设计感,只是东拼西凑的素材堆砌。
网页做的也很简陋,当我拖动浏览器窗口大小时里面的元素就会开始四处乱跑。 如果网页有什么漏洞也欢迎指导。 我想的更多的是适配手机端, 因此用pc的分辨率打开网页可能会怪怪的。
未来
这篇文章主要也是测试性质的, 其实写的时候已经是12-2了, 但是存了好多内容想写的还没有写,像是关于开发中使用ai的一些想法,上线网页也花了好长时间。
这个Dairy模块更多的应该是搭这个网页的过程或者学其他的技术的一些记录。 Life Part可能才更多的是日记,至于Game板块,想的是放一些关于游戏的内容,因为梦想就是想做一个游戏博客聊游戏嘛。 最重要的是还想记录很多学校里的事情。总之,这篇文章先这样,未来应该会推进留言功能,期待吧。