首页 > 其他分享 >再战博客园美化

再战博客园美化

时间:2024-12-25 22:33:44浏览次数:4  
标签:卡片 网站 博客园 js html 再战 美化 加载

看一张难蹦的图片

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
哦哦,错怪了,原来是被标题藏了。
那看看我少了什么样式。

标签:卡片,网站,博客园,js,html,再战,美化,加载
From: https://www.cnblogs.com/timmoc/p/18631547

相关文章

  • 博客园cnblog美化
    起因博客园这个丑丑的默认样式实在看不下去,换了一个主题,但是发现这个主题用的人还是太多了说实话要是给主页的样子其实也还不错啊(广告就不要了谢谢)改变现状想来想去,还是得美化一下,但是自己没有这个精力去美化,怎么办呢自然还是去找别人的模板,先好看起来再说,以后再去想要不......
  • jQuery下拉选择框美化插件select-mania
    select-mania是一款jQuery下拉选择框美化插件。该插件可以将普通的select下拉选择框转换漂亮的下拉选择框,并且转换后的下拉选择框带搜索功能,可通过AJAX获取数据,带多种主题,还可以自定义主题等。 在线预览  下载  使用方法在页面中引入select-mania.css和select-mania.j......
  • Python Tkinter 弹窗美化指南
    在Python编程中,Tkinter是标准GUI(图形用户界面)库,它允许开发者创建桌面应用程序。尽管Tkinter提供了基本的窗口和控件功能,但默认的样式和外观往往显得单调。因此,对Tkinter弹窗进行美化是提升用户体验的重要步骤。本文将详细介绍如何使用Tkinter创建并美化弹窗,包括理论概述和详细的代......
  • 纯js超酷select下拉框美化插件
    tastySelect是一款纯js超酷select下拉框美化插件。tastySelect下拉框插件支持多选,内置两种主题,使用CSS3动画过渡效果,整体设计时尚大方。预览 下载  使用方法在页面中引入tastySelect.css和tastySelect.min.js文件。<linkhref="css/tastySelect.css"rel="styles......
  • 修改网站背景怎么改,美化网站视觉
    修改网站背景的步骤登录后台:使用管理员账号登录网站的后台管理界面。通常在网站的底部或顶部导航栏可以找到登录入口。导航至主题设置:在后台管理界面的左侧菜单栏中,找到“外观”或“主题”选项,然后选择“自定义”或“主题设置”。选择背景设置:在主题设置页面中,找到“背景”或......
  • 独轮滑板 -博客园
    声明此文档中的信息来自群消息和群主凝望大佬的指导,我整理了下,翻聊天记录太痛苦了.方便大家.如有错误请提出我改正.免责声明:对于不明确的或错误导致的损失不负责哦.组装第一步,先把法兰安装在梁里面.就那两个菱形片片.其他垫片不要第二步,把电池延长线以及灯线那个板头的......
  • 把你的Linux美化成Ubuntu Gnome
    把你的Linux美化成UbuntuGnome效果图材料1.一台Linux电脑2.Gnome桌面3.Yaru主题包第一步、下载主题包来这里链接下载Yaru主题包。解压下载meson和ninja#Debiansudoaptinstallmeson#Archsudopacman-Smesonninja进入目录右键进入命令行输......
  • 博客园介绍
    博客园创建于2004年1月,诞生于江苏扬州,是一个面向开发者的知识分享社区15.以下是关于博客园的详细介绍:发展历程2004年1月,博客园在江苏扬州诞生15.2006年9月,博客园到北京发展1.2007年5月,博客园到广州发展;9月来到上海发展;11月博客园社区上线;12月首次招聘1.200......
  • Github上博客园SimpleMemory主题美化插件使用体验
    Github上博客园SimpleMemory主题美化插件使用体验目录Github上博客园SimpleMemory主题美化插件使用体验基本设置SimpleMemory插件地址管理选项管理侧边栏管理页面定制合影基本设置进入博客园管理界面,完成基础设置。皮肤模版选择SimpleMemory作为基础模版。JS权限如果开通,......
  • 快速上传本地 md 文件到博客园
    使用pycnblog-master可以快速上传本地md文件到博客园,可以解决直接复制粘贴不能将文件里的图片传上去的问题,非常方便项目下载地址:dongfanger/pycnblog下载下来后最主要是修改config.yaml文件的前四项blog_url:https://rpc.cnblogs.com/metaweblog/ve1kconblog_id:ve1k......