Files

53 lines
2.5 KiB
HTML

{extend name="layout" /}
{block name="title"}{$author.nickname} 的个人博客 - {$siteConf.site_name|default='博客'}{/block}
{block name="content"}
<div class="fb-layout">
<main class="fb-content">
<!-- 个人资料卡 -->
<div class="fb-card" style="display:flex;align-items:center;gap:18px;margin-bottom:18px;">
<img src="{$avatar}" alt="{$author.nickname}" style="width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--theme);">
<div>
<h2 style="margin:0 0 6px;font-size:20px;color:var(--text);">{$author.nickname}</h2>
<p style="margin:0 0 8px;color:var(--text-2);font-size:13px;">{$author.bio|default='这个人很懒,什么都没留下~'}</p>
<p style="margin:0;font-size:13px;color:var(--text-3);">
<span style="margin-right:16px;">文章 <b style="color:var(--theme);">{$stats.articles}</b></span>
<span style="margin-right:16px;">阅读 <b style="color:var(--theme);">{$stats.views}</b></span>
<span style="margin-right:16px;">获赞 <b style="color:var(--theme);">{$stats.likes}</b></span>
<span>加入于 {$author_join}</span>
</p>
</div>
</div>
<div class="fb-section-title"><h2>他的文章({$articles->total()} 篇)</h2></div>
{if $articles->isEmpty()}
<div class="fb-empty"><p>该用户暂无已发布文章。</p></div>
{else}
<div class="fb-post-list">
{volist name="articles" id="article"}
<article class="fb-post">
{if $article.cover_image}
<a class="thumb" href="{:url('blog/article/detail', ['id' => $article.id])}">
<img src="{$article.cover_image}" alt="{$article.title}">
</a>
{/if}
<div class="body">
<span class="cat">{$article.category.name|default='默认'}</span>
<h3><a href="{:url('blog/article/detail', ['id' => $article.id])}">{$article.title}</a></h3>
<p class="summary">{$article.summary|default='(暂无描述)'}</p>
<div class="meta">
<span class="sp">{$article.create_text}</span>
</div>
</div>
</article>
{/volist}
</div>
<div class="fb-pager">{$articles|raw}</div>
{/if}
</main>
{include file="index/_sidebar" /}
</div>
{/block}