去除 bearblog.dev 的 blog 的左边的日期列
去除 bearblog.dev 的 blog 的左边的日期列。
GPT果然厉害,给它博客链接,他马上就诊断出之前的答案为什么错了,并给出正确方法:
/* ========== 博客名称的大小,文章标题的大小 ========== /
.title h1 {
font-size: 1.2rem; / 顶端博客名称的字体大小 */
}
.post h1 {
font-size: 1.2rem; /* 文章标题的字体大小 */
/* ========== 1. 强制 blog list 变单列 ========== */
ul.blog-posts,
.blog-posts,
ul.posts,
.posts {
display: block !important;
}
/* ========== 2. 干掉 grid / 左侧列结构 ========== */
.blog-posts li,
.posts li {
display: block !important;
grid-template-columns: unset !important;
}
/* ========== 3. 彻底隐藏日期元素(包括占位) ========== */
.blog-posts time,
.blog-posts .date,
.blog-posts span:first-child {
display: none !important;
width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
/* ========== 4. 强制标题占满整行 ========== */
.blog-posts a,
.blog-posts li a {
display: block !important;
width: 100% !important;
}
/* ========== 5. 消除可能的左侧空白 ========== */
.blog-posts li {
padding-left: 0 !important;
margin-left: 0 !important;
}

浙公网安备 33010602011771号