From e123fbe9e89237d7bf00a0498c3a66b943a3f820 Mon Sep 17 00:00:00 2001 From: liaoxin Date: Sun, 3 May 2026 22:06:59 +0800 Subject: [PATCH] =?UTF-8?q?v1.0=20=E2=80=94=20=E5=8A=9F=E8=83=BD=E5=AE=8C?= =?UTF-8?q?=E6=95=B4=E7=89=88=E6=9C=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 首页: Hero + 编辑推荐 + 近笺卡片 + 微言摘要 - 笺文: 列表 + 分页（头像+作者+日期+浏览量） - 微言: 列表 + 评论折叠 - 拾影: 瀑布流 + 灯箱 - 文章详情: 封面 + 正文 + 评论 - 图片: 缩略图 soft crop，原图裁黑边 - 头像: 本地 SVG 替换 Gravatar - 导航: 激活状态圆点指示 - 安装: 自动创建页面和菜单 --- index.php | 2 +- page-articles.php | 13 ++++++++----- page-photos.php | 12 +++++------- single.php | 4 ++-- style.css | 37 ++++++++++++++++++++++++++++++++++--- 5 files changed, 50 insertions(+), 18 deletions(-) diff --git a/index.php b/index.php index 9262123..713f853 100644 --- a/index.php +++ b/index.php @@ -37,7 +37,7 @@ $posts_arr = array(); while (have_posts()) : the_post(); if ($count === 0) $pinned_id = get_the_ID(); - $posts_arr[] = array('id' => get_the_ID(), 'title' => get_the_title(), 'author_id' => get_the_author_meta('ID'), 'author_name' => get_the_author_meta('display_name'), 'date' => get_the_date('Y-m-d'), 'excerpt' => kjweji_excerpt(5, 200), 'views' => kjweji_get_views(), 'url' => get_permalink(), 'thumb' => has_post_thumbnail() ? get_the_post_thumbnail_url(null, 'kjweji-card') : ''); + $posts_arr[] = array('id' => get_the_ID(), 'title' => get_the_title(), 'author_id' => get_the_author_meta('ID'), 'author_name' => get_the_author_meta('display_name'), 'date' => get_the_date('Y-m-d'), 'excerpt' => kjweji_excerpt(5, 200), 'views' => kjweji_get_views(), 'url' => get_permalink(), 'thumb' => has_post_thumbnail() ? get_the_post_thumbnail_url(null, 'medium') : ''); $count++; endwhile; ?> diff --git a/page-articles.php b/page-articles.php index a4ee675..b6ac18d 100644 --- a/page-articles.php +++ b/page-articles.php @@ -23,11 +23,14 @@ $total_pages = ceil($total / $per_page);
have_posts()) : $query->the_post(); ?> - - - - - +
+ + 'article-avatar')); ?> +
+
+ + 👁 +
diff --git a/page-photos.php b/page-photos.php index b189e4a..bd4ac13 100644 --- a/page-photos.php +++ b/page-photos.php @@ -22,13 +22,11 @@ $photo_query = new WP_Query(array(
have_posts()) : $photo_query->the_post(); ?> -
- - get_the_title())); ?> - - 空笺 - -
+ + get_the_title(), 'class' => 'gallery-img')); ?> + + 空笺 +
· diff --git a/single.php b/single.php index 2ac71f4..5ed1c58 100644 --- a/single.php +++ b/single.php @@ -9,14 +9,14 @@ update_post_meta(get_the_ID(), 'post_views', $views + 1);
- ← 返回首页 + ← 返回笺文 ← 返回微言
- get_the_title())); ?> + get_the_title())); ?>
diff --git a/style.css b/style.css index 445bf91..8dfc31f 100644 --- a/style.css +++ b/style.css @@ -99,7 +99,7 @@ Text Domain: kj-weji .pinned-cover { width:120px; height:120px; border-radius:var(--radius); flex-shrink:0; background:linear-gradient(135deg, #e8dccf 0%, #d5c4aa 100%); display:flex; align-items:center; justify-content:center; font-size:48px; } .pinned-info h3 { font-size:20px; letter-spacing:0.06em; margin-bottom:8px; } .pinned-info .pinned-excerpt { font-size:13px; color:var(--ink-light); line-height:1.9; font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif; } - .pinned-info .pinned-meta { margin-top:10px; font-size:12px; color:var(--ink-lighter); font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif; } + .pinned-info { flex: 1; } .pinned-info .pinned-meta { margin-top:10px; font-size:12px; color:var(--ink-lighter); font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif; } .section-header { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:24px; } .section-title { font-size:17px; letter-spacing:0.08em; font-weight:600; } @@ -169,7 +169,7 @@ Text Domain: kj-weji /* 画廊瀑布流 */ .gallery-masonry { column-count:3; column-gap:20px; } - .gallery-masonry .gallery-item { break-inside:avoid; margin-bottom:20px; border-radius:var(--radius); overflow:hidden; cursor:pointer; border:1px solid var(--border-light); background:var(--white); transition:all 0.3s; position:relative; display:flex; align-items:center; justify-content:center; } + .gallery-masonry .gallery-item { break-inside:avoid; margin-bottom:20px; border-radius:var(--radius); overflow:hidden; cursor:pointer; border:1px solid var(--border-light); background:var(--white); transition:all 0.3s; position:relative; display:block; line-height:0; } .gallery-masonry .gallery-item:hover { transform:scale(1.02); box-shadow:0 4px 20px rgba(44,36,22,0.12); border-color:var(--cinnabar-light); } .gallery-placeholder { width:100%; display:flex; align-items:center; justify-content:center; font-size:56px; color:#d5ccbb; background:linear-gradient(135deg, #faf7f0 0%, #f0ebe0 100%); } .gallery-caption { position:absolute; bottom:0; left:0; right:0; padding:12px 16px; background:linear-gradient(transparent, rgba(0,0,0,0.5)); color:#fff; font-size:12px; opacity:0; transition:opacity 0.3s; font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif; } @@ -244,7 +244,6 @@ Text Domain: kj-weji } .pinned-meta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .pinned-meta span:last-child { margin-left: auto; } -.card-cover img, .pinned-cover img, .article-cover img, .gallery-placeholder img { width: 100%; height: 100%; object-fit: cover; } .card-cover { overflow: hidden; } @@ -270,3 +269,35 @@ body.archive .site, body.home .site, body .site { width: 100% !important; } .platform { width: 100% !important; max-width: 960px !important; } + +.article-item { display:flex; justify-content:space-between; align-items:center; padding:18px 0; border-bottom:1px solid var(--border-light); cursor:pointer; transition:all 0.25s; text-decoration:none; color:inherit; } +.article-item:hover { padding-left:12px; border-bottom-color:var(--cinnabar-light); } +.article-item__main { flex:1; min-width:0; } +.article-title { font-size:16px; letter-spacing:0.05em; display:block; } +.article-item__author { display:inline-flex; align-items:center; gap:4px; font-size:12px; color:var(--ink-lighter); margin-top:4px; } +.article-avatar { width:14px !important; height:14px !important; border-radius:50% !important; } +.article-item__meta { display:flex; flex-direction:column; align-items:flex-end; gap:2px; font-size:12px; color:var(--ink-lighter); white-space:nowrap; margin-left:24px; } +.article-item__date { font-size:12px; color:var(--ink-lighter); } +.article-item__views { font-size:11px; color:var(--ink-lighter); } + + + +EOF +docker exec agent-blog-theme-wordpress-1 apache2ctl graceful +echo "done" + +/* Gallery image fix */ +.gallery-img { display:block !important; width:100% !important; height:auto !important; } +.gallery-empty { display:flex; align-items:center; justify-content:center; min-height:160px; color:var(--ink-lighter); background:linear-gradient(135deg, #faf7f0 0%, #f0ebe0 100%); } + +/* Card & pinned cover image constraints */ +.card-cover img, .pinned-cover img, .article-cover img, .gallery-img { + width: 100% !important; + height: 100% !important; + object-fit: cover !important; +} +.card-cover { overflow: hidden; aspect-ratio: 16/9; } +.pinned-cover { overflow: hidden; width: 120px; height: 120px; } +.article-cover { overflow: hidden; height: 240px; } + +/* Thumbnail fix — regenerate without black bars */