83 lines
3.9 KiB
Handlebars
83 lines
3.9 KiB
Handlebars
{{!< default}}
|
||
|
||
{{#post}}
|
||
<main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 animate-fade-in">
|
||
|
||
{{!-- 面包屑导航 --}}
|
||
<nav class="mb-8 text-sm text-gray-500">
|
||
<a href="/" class="hover:text-blue-600">首页</a>
|
||
<span class="mx-2">/</span>
|
||
{{!-- 使用 match，直接比对 primary_tag 的 slug --}}
|
||
{{#match primary_tag.slug "=" "teacher-profile"}}
|
||
<a href="/tag/teacher-profile/" class="hover:text-blue-600">教师档案</a>
|
||
{{else}}
|
||
<a href="/tag/student-profile/" class="hover:text-blue-600">学子档案</a>
|
||
{{/match}}
|
||
<span class="mx-2">/</span>
|
||
<span class="text-gray-900 font-medium">{{title}}</span>
|
||
</nav>
|
||
|
||
<div class="grid grid-cols-1 lg:grid-cols-12 gap-12">
|
||
|
||
<aside class="lg:col-span-4">
|
||
<div class="sticky top-24">
|
||
<div class="aspect-[3/4] w-full overflow-hidden rounded-2xl bg-gray-100 mb-8 shadow-md border border-gray-100">
|
||
{{#if feature_image}}
|
||
<img src="{{img_url feature_image size="m"}}" alt="{{title}}" class="w-full h-full object-cover" />
|
||
{{else}}
|
||
<div class="w-full h-full flex flex-col items-center justify-center text-gray-300 bg-gray-50">
|
||
<span class="text-6xl mb-2">
|
||
{{#match primary_tag.slug "=" "teacher-profile"}}👨🏫{{else}}🎓{{/match}}
|
||
</span>
|
||
<span class="text-sm">尚未上传照片</span>
|
||
</div>
|
||
{{/if}}
|
||
</div>
|
||
|
||
<h1 class="text-4xl font-bold text-gray-900 mb-3">{{title}}</h1>
|
||
|
||
<div class="flex flex-wrap items-center gap-3 mb-8">
|
||
{{#match primary_tag.slug "=" "teacher-profile"}}
|
||
<span class="px-3 py-1 bg-blue-50 text-blue-700 rounded-full text-sm font-bold">教师</span>
|
||
{{else}}
|
||
<span class="px-3 py-1 bg-emerald-50 text-emerald-700 rounded-full text-sm font-bold">学生</span>
|
||
{{/match}}
|
||
</div>
|
||
|
||
<div class="bg-white rounded-2xl p-6 border border-gray-100 shadow-sm space-y-5">
|
||
{{#if custom_excerpt}}
|
||
<div>
|
||
<span class="block text-gray-400 mb-1 text-xs uppercase tracking-widest font-semibold">Motto / Title</span>
|
||
<span class="font-medium text-gray-900 leading-relaxed">{{custom_excerpt}}</span>
|
||
</div>
|
||
{{/if}}
|
||
<div class="pt-4 border-t border-gray-50 text-sm text-gray-500">
|
||
更新：{{date format="YYYY-MM-DD"}}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
|
||
<main class="lg:col-span-8">
|
||
<div class="bg-white rounded-3xl p-8 md:p-12 shadow-sm border border-gray-100 min-h-[600px]">
|
||
<div class="flex items-center justify-between mb-8 pb-4 border-b border-gray-50">
|
||
<h2 class="text-2xl font-bold text-gray-900">
|
||
{{#match primary_tag.slug "=" "teacher-profile"}}教师简介{{else}}个人简介{{/match}}
|
||
</h2>
|
||
</div>
|
||
|
||
<div class="gh-content prose prose-lg max-w-none">
|
||
{{content}}
|
||
</div>
|
||
{{!-- Ghost 原生评论区 --}}
|
||
{{#if comments}}
|
||
<section class="article-comments mt-16 pt-10 border-t border-slate-100">
|
||
<h3 class="text-2xl font-bold text-slate-900 mb-8">参与讨论</h3>
|
||
{{comments}}
|
||
</section>
|
||
{{/if}}
|
||
</div>
|
||
</main>
|
||
</div>
|
||
</main>
|
||
{{/post}} |