博客更新记录

为什么写这个

2025-10-24,累了,修改博客园的样式没有任何意义,改起来又麻烦,尝试去用其他平台吧。

最早的时期,什么也不懂的情况下,搞hexo博客,被github和git弄得一头雾水。
后来搭建wordpress,挑了一个主题,然后花了一晚上时间定制,把样式调到了自己满意的地步。
后来服务器到期了,这个博客不了了之。
再后面我发现了博客园,等待一天开通js申请后,网上随便找了个博客园主题,然后开始写博客。
我对这个博客主题缝缝补补,如今终于受不了了,打算从头开始定制主题。

  1. 接受不了对老的主题缝缝补补,上千行样式搞得很恶心。
  2. 写更新记录是担心后续更新博客的功能或是什么,用户没有感觉到,那就白写了。

为什么不用其他平台

  • 不用掘金是因为掘金的审查,有时候检测链接不给过搞得恶心。博客这东西看得最多的是自己,所以编写体验是最重要的。
  • 不用github pages其实我也说不上来,可能是不想要改以前那个博客也不想重新搞了。github pages的seo目前还不错。
  • 博客园更像是脚本嵌入环境,熟悉这种环境对写油猴脚本有好处。

博客园自身配置

标红的是不予展示的控件。
image
相应配置如下,这个其他控件的部分勾选了也没有看到效果,不知道是哪里的。
image

顶栏

有用的东西太少,干脆不显示。
image

修改

主页、随笔分类、随笔正文,都是以下面这种结构布局的。于是乎就出现了问题,改了某个就会影响到其他的。
PixPin_2025-08-30_17-53-43

header中的问题

blogStatus出框了(在pc上没有,手机上宽度不够出框了)。
可以看到main把这部分空间也包含进去了,这明显是不对的。
PixPin_2025-08-30_19-10-11
直接搞个BFC,防止内部影响到外部。

overflow:hidden;

难以调试

由于博客园的内联script脚本存在审查,会有替换等行为,因此搞起来会比较恶心。
目前比较好的解决办法是,在博客园文件中上传一个测试脚本。

// 测试专用脚本

然后使用浏览器开发者工具的替换功能,将这个脚本替换掉,从而实现较为方便的调试。
其实早期我使用SingleFile存下来网页然后直接本地改,但是后面又改回在线,然后因为一些脚本加载顺序的原因,现在依旧是在线改。

文章样式

主要修改标题以及引用部分的样式。

对于我而言,引用一般用来说明一个区块的逻辑,或者不那么重要的内容,而非github issue中那样的对话引用。

琐碎组件

莫名其妙的上方分页器

PixPin_2025-09-01_05-43-40

posted @ 2025-09-01 17:30  魂祈梦  阅读(22)  评论(0)    收藏  举报