去除 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;
}

posted @ 2026-06-17 22:38  金眼睛  阅读(13)  评论(0)    收藏  举报