add tag “others”

This commit is contained in:
2026-02-09 16:27:15 +08:00
parent 9f83e124fb
commit 313ce6801d
3 changed files with 38 additions and 3 deletions

View File

@@ -121,6 +121,41 @@
</div>
</section>
{{!-- 板块:其他内容 📂 --}}
<section id="others" class="animate-fade-in mt-12">
<div class="flex justify-center mb-10">
{{!-- 修复点:改用浅色背景深色文字,确保文字清晰 --}}
<div class="flex items-center gap-2 bg-gray-100 border border-gray-200 text-gray-700 px-8 py-2.5 rounded-full shadow-sm font-bold text-xl">
<span>📂</span> 其他内容
</div>
</div>
<div class="space-y-10">
{{#get "posts" filter="tag:others" limit="4" include="tags"}}
<div class="group">
{{!-- 侧边装饰条颜色也同步调暗 --}}
<div class="flex items-center justify-between mb-4 border-l-4 border-gray-400 pl-4">
<h3 class="text-xl font-bold text-gray-800">更多资讯</h3>
<a href="/tag/others/" class="text-sm text-gray-400 hover:text-gray-600 transition-colors">更多 &rarr;</a>
</div>
<div class="grid md:grid-cols-2 gap-4">
{{#foreach posts}}
<a href="{{url}}" class="p-4 border border-gray-100 rounded-xl hover:bg-gray-50 hover:border-gray-200 transition-all group/card">
<h4 class="font-bold text-gray-800 group-hover/card:text-blue-600 transition-colors">{{title}}</h4>
<p class="text-sm text-gray-500 mt-1 line-clamp-1">{{excerpt}}</p>
</a>
{{else}}
<div class="col-span-full py-12 border-2 border-dashed border-gray-100 rounded-2xl text-center">
<p class="text-gray-400 text-sm italic">暂无相关内容...</p>
</div>
{{/foreach}}
</div>
</div>
{{/get}}
</div>
</section>
{{!-- 板块三:档案库 📂 --}}
<section id="archive-vault" class="animate-fade-in">
<div class="flex justify-center mb-10">
@@ -215,5 +250,5 @@
</div>
</div>
<script src="https://cdn.jsdmirror.com/gh/bishshi/welcomemessage@1.6/txmap.js"></script>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://code.jquery.com/jquery.min.js"></script>
</main>

View File

@@ -1,6 +1,6 @@
{
"name": "my-class-theme",
"version": "3.1.2",
"version": "3.1.3",
"engines": {
"ghost": ">=5.0.0"
},

View File

@@ -4,7 +4,7 @@
<h3>{{@site.title}}</h3>
<p>{{@site.description}}</p>
<p class="copyright">© {{date format="YYYY"}} · All Rights Resevered </p>
<p><a href="https://git.biss.click/biss/class-theme">前台模板开源</a></p>
<p><a href="https://git.biss.click/biss/class-theme">Opensource</a></p>
</div>
<div class="footer-column footer-contact">