支持公开用户主页、帖子图缩略图与编辑器图组排版。

新增用户签名与活动统计、图片灯箱；正文按需生成缩略图；TipTap 支持多图分组与环绕排版，并注入站点标题避免刷新闪烁。

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/components/PostListItem.tsx

@@ -2,6 +2,7 @@ import { memo } from 'react';
 import { MessageCircle, ThumbsUp } from 'lucide-react';
 import BoardBadge from '@/components/BoardBadge';
 import PinnedIcon from '@/components/PinnedIcon';
+import UserLink from '@/components/UserLink';
 import type { PostItem } from '../api/types';
 import type { FeedSort } from './FeedSortBar';
 import { formatTime } from '../utils/content';
@@ -22,13 +23,33 @@ function PostListItem({ post, sort = 'latest', onSelect }: Props) {
   const commentCount = post.comment_count ?? 0;
   const likeCount = post.like_count ?? 0;
 
+  const openPost = () => onSelect(post.id);
+  const onKeyDown = (e: React.KeyboardEvent) => {
+    if (e.key === 'Enter' || e.key === ' ') {
+      e.preventDefault();
+      openPost();
+    }
+  };
+
   return (
-    <button type="button" className="post-row" onClick={() => onSelect(post.id)}>
-      <div className="post-avatar">
+    <div
+      className="post-row"
+      role="button"
+      tabIndex={0}
+      onClick={openPost}
+      onKeyDown={onKeyDown}
+    >
+      <UserLink
+        user={post.user}
+        showAvatar={false}
+        showName={false}
+        stopPropagation
+        className="post-avatar user-link--avatar-only"
+      >
         {post.user?.avatar
           ? <img src={post.user.avatar} alt="" loading="lazy" decoding="async" />
           : initial}
-      </div>
+      </UserLink>
       <div className="post-body">
         <div className="post-title">
           {post.pinned && <PinnedIcon className="mr-1.5" />}
@@ -36,7 +57,7 @@ function PostListItem({ post, sort = 'latest', onSelect }: Props) {
         </div>
         <div className="post-meta">
           {post.board && <BoardBadge board={post.board} />}
-          <span>{post.user?.nickname || '匿名'}</span>
+          <UserLink user={post.user} stopPropagation className="post-meta-user" />
           <span>{timeLabel}</span>
         </div>
       </div>
@@ -50,7 +71,7 @@ function PostListItem({ post, sort = 'latest', onSelect }: Props) {
           {likeCount}
         </span>
       </div>
-    </button>
+    </div>
   );
 }