Featured image of post 博客建站纪念

博客建站纪念

我不是 拖延症 我只是喜欢 火烧屁股 的感觉

2629 字

我选择把纪念博文的日期定在22年6月6日。就在当天我向好朋友要来了搭建博客的教程链接,心中认定我很快就能拥有属于自己的个人博客了。我到现在还是这样,整颗心充满了对人生的各种美好幻想。

一觉睡到2025

一觉睡到2025

真正包工头 之 动工——0代码基础勇闯前端

由于三年之期已到又快过生日了,夏天时我原本想约一张我前夫的梦女图再找淘宝店手绘到电吉他包上给自己当生日礼物,但是本人0约稿经验所以路径依赖选择拖延,结果拖着拖着就脱粉了(我订泡泡马上就1000天了是真的没想到会脱粉,其实我也很舍不得从前我以为我会一辈子喜欢她但*ˇ&;=ˉ#@*%反正我不会再碰Kpop了),遂第10086次唤醒搁置了三年的搭博客想法——过生日前把博客搭起来,发布第一篇博文送给自己当做生日礼物!在心里有了一个完工的deadline,尤其是最近又有考pte的打算,于是在『限期』+『不干正事』的双重buff推动下风驰电掣地施工了起来。

时间轴

  • 2025-07-22 注册了域名
  • 10-03
    • 用Meme主题跑了起来,此前一直卡在安装主题这一步
  • 10-12
    • 迁移到Stack主题,完成基础的静态网站搭建;
    • 配置站点信息:名称、头像;
    • 上传第一篇测试博文
  • 10-30
    • 更换站点favicon为家中小猫的像素画;
    • 增加导航栏“主页”、“关于”、“搜索”页面;
    • 设置数据库MongoDB,添加Twikoo评论系统
  • 10-31
    • 添加右侧边栏Widgets功能组件:搜索、分类和tag云
    • 调整卡片预览和博文页面的标签显示位置——更换为tags置顶,而categories在底部
  • 11-01
    • 修改页面布局,将左侧边栏和右侧边栏调窄,完善响应式设计;
    • 更换字体又换回默认;
    • 修改其他scss文件进行美化工作
  • 11-02
    • 在网页底部添加博客运行天数及发表字数统计;
    • 创建“火花”页面,采用三栏卡片式瀑布流设计;
    • 撰写About页面内容
  • 11-03
    • 增加“影像”页面,创建画廊模板,增加灯箱样式;
    • 更换背景颜色,增加波点样式,适配明暗主题切换
  • 11-04
    • 修复搜索功能等一些遗留问题;
    • 刚弄明白Page Bundles,学会了分组页面资源及在文章内插入图片的方法;
    • 其他美化工作;
    • 撰写本篇纪念博文

包工头下班了 让我们来采访她一下

Q工: 我真的信了其他blogger的话,以为0代码基础搭建博客“很容易”,装修(仅仅是)“比较”折腾。对我来说确实也不难,但是是这种不难↓

我一辈子就这样

我一辈子就这样

其实我真的什么都不会,基础就是学了十分钟html,加上十几年英语(?这个也算的话),仅仅能看懂Front Matter的程度。能完善到现在这样,就是因为我很擅长折腾和死磕。

这也是我能给代码小白的实操建议:我的代码都是ai帮忙写的,发出来的话我会担心——“不知道会不会被专业人士笑话呢?”但是就算什么都不懂,想实现一个效果,就可以像我这么做——先看你选择的主题和Hugo的介绍文档,告诉AI让它去写,搞清楚文件类型和存放路径,写好内容部署上去,就能做得马马虎虎;自己琢磨一下该功能对应的每个文件的作用,看看代码内部能看懂的部分信息,再把自己的需求清楚地说给它们,慢慢修改。一个AI一直写不好就几个AI换着问;改来改去面目全非了,就去Github库里找主题的原文件对比着进行增删,或者下载回来替换掉自己的,从头再来。有时候AI很笨,一个功能明明很容易做到,它却可能会绕一大圈,所以自己要多去思考怎么实现。说白了,我们和电脑的区别只有使用的语言不一样而已。

但我还是觉得实在卡壳了就应该去请教,不要把代码弄得太复杂。我这么做首先是因为我年轻、脸皮薄,不想去问别人;也是好胜心作祟——我已经很多年没有做出点什么实在的东西了,所以想通过自己的聪明(和牛劲)把一切都做好,可能想证明自己吧,其实在生活中不应该这样。不过话又说回来,在朋友对我说“多用AI,加油!”的时候,我还没意识到这句话的分量。如果我真的把自己让AI干的所有活、解决的所有问题都拿去给一个活人做,可能最后要支付ta很多费用吧。所以依旧支持你多动脑。不好意思我这人就是会车轱辘话来回说的。

这五六天以来,除了吃饭睡觉,我真的就是在电脑前编辑这些。其实倒不是有多喜欢捣鼓代码,只是很喜欢『捣鼓』……每次修改花不了多久,更新了内容,用不了半分钟就能部署上去。获得正反馈的速度之快直接让人adhd属性大爆发——你就是在星露谷物语种田也得20分钟一结算呢!

因为还没发两篇博文,就还没写归档和友链页面,之后更新了再编辑上来。但是,到今天,至少美化工作真的就做得差不多了。有种说法是很多人光去捣鼓美化和功能,写文章却很少。也不知道说的是谁,反正不是我哦(擦汗)。

补充:

  • 11-05 增加了“友链”页面

碎碎念

哈,时间轴写得很轻松,因为我想保持体面()其实还有超过一半的工作量在反复地增删和细节的调试上。比如调整一些块的间距、比例;字色字号、行距段落间距、标题或者列表的样式;灯箱或者卡片等效果的细微调节等等的……报错是常有的事。我刚学html的时候(就是那10分钟里的头一两分钟,大概),看到开发者页面里一个简简单单的网页有那么多块内容要写,那么多数值要定义,觉得要回到小时候常做的那个怎么干活都看不到头的噩梦中了。真的上手操作时,也并没有哪位博主的教程会详细到介绍怎么处理这些细节。虽然这也并非我自己(使唤AI)不能达成的,但,就像那些不容易被看到的家务一样,对于一个小白来说,做这些也很费时间。就搭建博客这件事情,我如今竟然也真的完整地做到了现在这样。目前custom.scss写到快900行了。或许这也不算多,但我真的付出了很多精力去弄。

我真正想说的是,这种疲惫是让人感到幸福的!我开头说过对生活抱有很多美好的幻想吧。那么我想,今天就是一个美梦成真的日子了。-2025-11-04

题外话

写了这些犹嫌不足,但非常神清气爽。发出很简单的感叹:我真的很爱表达!以前过的什么日子。

↓以下是我很早就想好的四个分类,以后发布博文估计也只会有这四种,比较个人向比较意识流。都写博客了,就不想弄得太普通……所以负责实际的工作交给tag去做。之所以把它们一起附在这篇文章下,仅仅是因为我不知道怎么在『hugo通过Taxonomy分类法读取categories字段以动态生成分类列表』之前就让它们显示在categories组件上,于是在此堂堂展出!无论如何,至少卡片颜色很可爱吧!

本博客已稳定运行
发表了2篇文章 · 总计 6.78k字
Built with Hugo Theme Stack designed by Jimmy