|
|
@ -14,19 +14,19 @@ mixin item(url, desc) |
|
|
mixin card(blog) |
|
|
mixin card(blog) |
|
|
.article-card(class="bg-white rounded-[12px] shadow p-6 transition hover:shadow-lg border border-gray-100") |
|
|
.article-card(class="bg-white rounded-[12px] shadow p-6 transition hover:shadow-lg border border-gray-100") |
|
|
h3.article-title(class="text-lg font-semibold text-gray-900 mb-2") |
|
|
h3.article-title(class="text-lg font-semibold text-gray-900 mb-2") |
|
|
a(href="/articles/"+blog.slug class="hover:text-blue-600 transition-colors duration-200") #{blog.title} |
|
|
div(class="transition-colors duration-200") #{blog.title} |
|
|
if blog.status === "draft" |
|
|
if blog.status === "draft" |
|
|
span(class="ml-2 px-2 py-0.5 text-xs bg-yellow-200 text-yellow-800 rounded align-middle") 未发布 |
|
|
span(class="ml-2 px-2 py-0.5 text-xs bg-yellow-200 text-yellow-800 rounded align-middle") 未发布 |
|
|
p.article-meta(class="text-sm text-gray-400 mb-3 flex") |
|
|
p.article-meta(class="text-sm text-gray-400 mb-3 flex") |
|
|
span(class="mr-2 line-clamp-1" title=blog.author) |
|
|
span(class="mr-2 line-clamp-1" title=blog.author) |
|
|
span 作者: |
|
|
span 作者: |
|
|
a(href=blog.author class="hover:text-blue-600 transition-colors duration-200") #{blog.author} |
|
|
span(class="transition-colors duration-200") #{blog.author} |
|
|
span(class="mr-2 whitespace-nowrap") |
|
|
span(class="mr-2 whitespace-nowrap") |
|
|
span | |
|
|
span | |
|
|
a(href=blog.updated_at.slice(0, 10) class="hover:text-blue-600 transition-colors duration-200") #{blog.updated_at.slice(0, 10)} |
|
|
span(class="transition-colors duration-200") #{blog.updated_at.slice(0, 10)} |
|
|
span(class="mr-2 whitespace-nowrap") |
|
|
span(class="mr-2 whitespace-nowrap") |
|
|
span | 分类: |
|
|
span | 分类: |
|
|
a(href=blog.category class="hover:text-blue-600 transition-colors duration-200") #{blog.category} |
|
|
a(href=`/articles/category/${blog.category}` class="hover:text-blue-600 transition-colors duration-200") #{blog.category} |
|
|
p.article-desc( |
|
|
p.article-desc( |
|
|
class="text-gray-600 text-base mb-4 line-clamp-2" |
|
|
class="text-gray-600 text-base mb-4 line-clamp-2" |
|
|
style="height: 2.8em; overflow: hidden;" |
|
|
style="height: 2.8em; overflow: hidden;" |
|
|
|