再战博客园美化

看一张难蹦的图片

image

卡片势在必行!

image
image
image
以上几个有什么区别?

卡片!!

不想搬离博客园怎么办

博客园的访问速度比上述两个网站快多了,而且不用担心服务器问题等等
但是自定义怎么弄?

js!

image
差不多类似这样,暴力遍历。
然后我一开始用的是ts,就出现了那个名场面
image
实在难蹦。
我搜了一下,没看到别人遇到过这种问题,非常怀疑是我装完ide没有重启的后果。
管他呢,那我转战js,js古老一点教程也多一点,也好。
image
怎么可能?我的js是在最后加载的,怎么会为null?

对了,插一句

网站直接用ctrl+s就保存下来了,对于分析而言完全足够
httrack_x64-noinst-3.49.2
嗯,我还下载了这个网站克隆工具,不过发现这个太深了,我只是想分析一下样式,不需要这么深的复制。

继续,调试代码

在本地的网站就好调试了,html只增加一句引入js,然后js的地方疯狂修改html就好了

document.addEventListener('DOMContentLoaded', function () {
  createLink();
});

用这个方法来确保东西已经被完全加载。
image
变得丑丑的了,因为分割线没有了,但是没关系,在向着好处发展。
image
哈哈哈哈哈哈什么鬼东西啊,这里怎么也变成card了?我看看代码怎么回事。
image
但是基本是正常的。

image
哦哦,错怪了,原来是被标题藏了。
那看看我少了什么样式。

回头一看博客已经落后好多进度了

果然还是不习惯写博客,埋头框框干才是正道
image
image
image
image
等会,我追溯到了什么?两行代码引入整个css?
emm应该不会和我目前的css撞吧,感觉会撞麻掉。
image
哦吼,我可以只导入card而无视其他东西?
来试试:
image
image
有什么好说的,试试就逝逝
image
image
image
沉默。。。。
image
哦哦原来是我叫ai写的那个垃圾card导致的
image
不错不错有点card的样子了,而且自适应也做得很好。
改下颜色就更好了。.

AI对决

ui库懒得翻了,让ai把有用的组件翻出来,我再组合一下就好了
豆包卡在一直生成文章了
image
通义千问正常生成了文章
image

image
image
好的我宣布本轮比拼通义千问胜出。
image
不对!千问生成的是1.x版本的,零昏!

还是自己来吧

服了两个ai了,谁说ai时代来了,把我这篇文章甩给他,这还不如我这个今天才下载WebStorm 2024.3.1.1的人呢
不好说。
歇,有空在搞。

posted @ 2024-12-25 22:22  Timmoc  阅读(28)  评论(0)    收藏  举报