File tree Expand file tree Collapse file tree 3 files changed +3
-3
lines changed
2025/07/lemon-chicken-feet Expand file tree Collapse file tree 3 files changed +3
-3
lines changed Original file line number Diff line number Diff line change 2525</ div > </ div > < div class ="bg-white dark:bg-gray-800 p-6 rounded-lg border border-gray-200 dark:border-gray-700 "> < div class ="text-2xl font-bold text-gray-900 dark:text-gray-100 "> 1</ div > < div class ="text-sm text-gray-600 dark:text-gray-400 "> 记录年份</ div > </ div > </ div > < div class ="mx-auto "> <!-- 说说列表 - 时间轴布局 --> < div class ="relative mx-auto "> <!-- 时间轴线 --> < div class ="absolute left-6 top-0 bottom-0 w-0.5 bg-gray-200 dark:bg-gray-700 "> </ div > < div class ="space-y-8 "> < div class ="relative group "> <!-- 时间点 --> < div class ="absolute left-4 w-4 h-4 bg-white dark:bg-gray-800 border-2 border-gray-400 rounded-full group-hover:scale-125 transition-transform duration-300 z-10 "> </ div > <!-- 说说卡片 --> < div class ="ml-16 "> < a href ="/shuo-shuo/2025/08/blog-completion " class ="block "> < div class ="bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 p-6 transition-all duration-300 "> <!-- 时间戳 --> < div class ="flex items-center space-x-2 mb-3 "> < time datetime ="2025-08-06T11:10:00.000Z " class ="text-sm font-medium text-gray-600 dark:text-gray-400 "> 2025年8月6日 </ time > < span class ="text-gray-400 dark:text-gray-600 "> •</ span > < span class ="text-sm text-gray-500 dark:text-gray-400 "> 2025/8/6 11:10 </ span > </ div > <!-- 标题 --> < h3 class ="text-xl font-semibold text-gray-900 dark:text-white mb-3 transition-colors "> 博客完善差不多了 </ h3 > <!-- 内容 --> < div class ="prose prose-gray dark:prose-invert max-w-none mb-4 "> < p > 博客完善差不多了,一时半会不会改版了。经过这段时间的折腾,功能基本都实现了,界面也调整得差不多,可以安心写内容了。</ p > </ div > <!-- 图片展示 --> <!-- 元信息 --> < div class ="flex items-center justify-between flex-wrap gap-3 "> < div class ="flex items-center space-x-2 flex-wrap "> < span class ="inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 "> 技术 </ span > < span class ="inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 "> < svg class ="w-3 h-3 mr-1 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 "> < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z "> </ path > < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M15 11a3 3 0 11-6 0 3 3 0 016 0z "> </ path > </ svg > 工作室 </ span > </ div > < div class ="flex items-center space-x-3 "> < div class ="flex items-center space-x-1 "> < span key ="博客 " class ="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 ">
2626#博客 </ span > < span key ="完善 " class ="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 ">
2727#完善 </ span > < span key ="开发 " class ="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 ">
28- #开发 </ span > </ div > < svg class ="w-5 h-5 text-gray-400 group-hover:text-gray-600 transition-colors " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 "> < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M9 5l7 7-7 7 "> </ path > </ svg > </ div > </ div > </ div > </ a > </ div > </ div > < div class ="relative group "> <!-- 时间点 --> < div class ="absolute left-4 w-4 h-4 bg-white dark:bg-gray-800 border-2 border-gray-400 rounded-full group-hover:scale-125 transition-transform duration-300 z-10 "> </ div > <!-- 说说卡片 --> < div class ="ml-16 "> < a href ="/shuo-shuo/2025/07/lemon-chicken-feet " class ="block "> < div class ="bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 p-6 transition-all duration-300 "> <!-- 时间戳 --> < div class ="flex items-center space-x-2 mb-3 "> < time datetime ="2025-07-24T16:15:00.000Z " class ="text-sm font-medium text-gray-600 dark:text-gray-400 "> 2025年7月24日 </ time > < span class ="text-gray-400 dark:text-gray-600 "> •</ span > < span class ="text-sm text-gray-500 dark:text-gray-400 "> 2025/7/24 16:15 </ span > </ div > <!-- 标题 --> < h3 class ="text-xl font-semibold text-gray-900 dark:text-white mb-3 transition-colors "> 老婆做的柠檬凤爪 </ h3 > <!-- 内容 --> < div class ="prose prose-gray dark:prose-invert max-w-none mb-4 "> < p > 今天老婆做了柠檬凤爪,酸酸辣辣的味道简直绝了!鸡爪煮得恰到好处,Q弹有嚼劲,柠檬的清香完全渗透到每一根骨头里。配上小米椒和蒜末,一口下去,夏天的暑气全消。最感动的是,她知道我爱吃这个,特意学了好几天,现在手艺比外面卖的还好!有这样的老婆,真是太幸福了~</ p > </ div > <!-- 图片展示 --> < div class ="grid gap-3 mb-4 grid-cols-2 "> < div class ="relative overflow-hidden rounded-lg bg-gray-100 dark:bg-gray-700 "> < img src ="/images/blog/20250801001.jpg " alt ="说说图片 1 " class ="w-full h-48 object-cover " loading ="lazy "> </ div > < div class ="relative overflow-hidden rounded-lg bg-gray-100 dark:bg-gray-700 "> < img src ="/images/blog/20250801001.jpg " alt ="说说图片 2 " class ="w-full h-48 object-cover " loading ="lazy "> </ div > </ div > <!-- 元信息 --> < div class ="flex items-center justify-between flex-wrap gap-3 "> < div class ="flex items-center space-x-2 flex-wrap "> < span class ="inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 "> 美食 </ span > < span class ="inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 "> < svg class ="w-3 h-3 mr-1 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 "> < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z "> </ path > < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M15 11a3 3 0 11-6 0 3 3 0 016 0z "> </ path > </ svg > 家里厨房 </ span > </ div > < div class ="flex items-center space-x-3 "> < div class ="flex items-center space-x-1 "> < span key ="家常菜 " class ="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 ">
28+ #开发 </ span > </ div > < svg class ="w-5 h-5 text-gray-400 group-hover:text-gray-600 transition-colors " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 "> < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M9 5l7 7-7 7 "> </ path > </ svg > </ div > </ div > </ div > </ a > </ div > </ div > < div class ="relative group "> <!-- 时间点 --> < div class ="absolute left-4 w-4 h-4 bg-white dark:bg-gray-800 border-2 border-gray-400 rounded-full group-hover:scale-125 transition-transform duration-300 z-10 "> </ div > <!-- 说说卡片 --> < div class ="ml-16 "> < a href ="/shuo-shuo/2025/07/lemon-chicken-feet " class ="block "> < div class ="bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 p-6 transition-all duration-300 "> <!-- 时间戳 --> < div class ="flex items-center space-x-2 mb-3 "> < time datetime ="2025-07-24T16:15:00.000Z " class ="text-sm font-medium text-gray-600 dark:text-gray-400 "> 2025年7月24日 </ time > < span class ="text-gray-400 dark:text-gray-600 "> •</ span > < span class ="text-sm text-gray-500 dark:text-gray-400 "> 2025/7/24 16:15 </ span > </ div > <!-- 标题 --> < h3 class ="text-xl font-semibold text-gray-900 dark:text-white mb-3 transition-colors "> 老婆做的柠檬凤爪 </ h3 > <!-- 内容 --> < div class ="prose prose-gray dark:prose-invert max-w-none mb-4 "> < p > 今天老婆做了柠檬凤爪,酸酸辣辣的味道简直绝了!鸡爪煮得恰到好处,Q弹有嚼劲,柠檬的清香完全渗透到每一根骨头里。配上小米椒和蒜末,一口下去,夏天的暑气全消。最感动的是,她知道我爱吃这个,特意学了好几天,现在手艺比外面卖的还好!有这样的老婆,真是太幸福了~</ p > </ div > <!-- 图片展示 --> < div class ="grid gap-3 mb-4 grid-cols-1 "> < div class ="relative overflow-hidden rounded-lg bg-gray-100 dark:bg-gray-700 "> < img src ="/images/blog/20250801001.jpg " alt ="说说图片 1 " class ="w-full h-48 object-cover " loading ="lazy "> </ div > </ div > <!-- 元信息 --> < div class ="flex items-center justify-between flex-wrap gap-3 "> < div class ="flex items-center space-x-2 flex-wrap "> < span class ="inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 "> 美食 </ span > < span class ="inline-flex items-center px-2.5 py-1 rounded-full text-xs font-medium bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 "> < svg class ="w-3 h-3 mr-1 " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 "> < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z "> </ path > < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M15 11a3 3 0 11-6 0 3 3 0 016 0z "> </ path > </ svg > 家里厨房 </ span > </ div > < div class ="flex items-center space-x-3 "> < div class ="flex items-center space-x-1 "> < span key ="家常菜 " class ="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 ">
2929#家常菜 </ span > < span key ="柠檬 " class ="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 ">
3030#柠檬 </ span > < span key ="凤爪 " class ="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 ">
3131#凤爪 </ span > < span class ="text-xs text-gray-500 dark:text-gray-400 "> +1</ span > </ div > < svg class ="w-5 h-5 text-gray-400 group-hover:text-gray-600 transition-colors " fill ="none " stroke ="currentColor " viewBox ="0 0 24 24 "> < path stroke-linecap ="round " stroke-linejoin ="round " stroke-width ="2 " d ="M9 5l7 7-7 7 "> </ path > </ svg > </ div > </ div > </ div > </ a > </ div > </ div > <!-- 无内容提示 --> <!-- 分页控件 --> </ div > </ div > </ div > </ main > </ div > </ main > <!-- 简洁页脚 --> < footer class ="border-t border-gray-200 dark:border-gray-800 bg-gray-50 dark:bg-gray-900 eye-care:bg-[var(--eye-care-bg)] "> < div class ="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 "> < div class ="text-center "> < div class ="flex justify-center space-x-6 mb-4 "> < a href ="/ " class ="text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 transition-colors "> 首页</ a > < a href ="/blog " class ="text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 transition-colors "> 博客</ a > < a href ="/shuo-shuo " class ="text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 transition-colors "> 说说</ a > < a href ="/blog/search " class ="text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 transition-colors "> 搜索</ a > < a href ="/links " class ="text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 transition-colors "> 友情链接</ a > </ div > < p class ="text-sm text-gray-600 dark:text-gray-400 ">
You can’t perform that action at this time.
0 commit comments