- 底栏:≤480px 压缩按钮内边距,SE 等小屏单行放下;换行时按钮组右对齐 - Worker:comments 加 is_featured;PUT /comments/:id 支持切换;新增公开接口 GET /api/v2/featured/comments(排除悄悄话/待审/已删,服务端渲染 markdown) - 前端:评论区注入「精选」按钮(回复右侧,仅管理员可见) - 关于页:走心评论板块(标题寄语通栏 + 卡片瀑布流),排在热力图上方
57 lines
2.2 KiB
HTML
57 lines
2.2 KiB
HTML
{{ define "main" }}
|
|
<div id="pjax-container" data-needs-echarts="true">
|
|
<div class="post-content" itemprop="articleBody" uk-scrollspy="target: > *; cls: uk-animation-slide-bottom-small; delay: 100">
|
|
{{ .Content }}
|
|
|
|
{{ $sectionCount := 0 }}
|
|
|
|
<!-- Featured Comments Section(走心评论:管理员精选的评论,数据来自 Worker) -->
|
|
{{ if site.Params.about.enablefeatured | default true }}
|
|
{{ $sectionCount = add $sectionCount 1 }}
|
|
<div style="margin-top: 40px;">
|
|
<div class="section-title">{{ printf "%02d" $sectionCount }} / 走心评论 (Featured)</div>
|
|
{{ partial "featured-comments.html" . }}
|
|
</div>
|
|
{{ end }}
|
|
|
|
<!-- Heatmap Section -->
|
|
{{ if site.Params.about.enableheatmap }}
|
|
{{ $sectionCount = add $sectionCount 1 }}
|
|
<div style="margin-top: 40px;">
|
|
<div class="section-title">{{ printf "%02d" $sectionCount }} / 热力图 (Hot Map)</div>
|
|
{{ partial "heatmap.html" . }}
|
|
</div>
|
|
{{ end }}
|
|
|
|
<!-- Skills Section -->
|
|
{{ if site.Params.about.enableskills }}
|
|
{{ $sectionCount = add $sectionCount 1 }}
|
|
<div style="margin-top: 40px;">
|
|
<div class="section-title">{{ printf "%02d" $sectionCount }} / 技能栈 (System Ops)</div>
|
|
{{ partial "skills.html" . }}
|
|
</div>
|
|
{{ end }}
|
|
|
|
<!-- Album Section -->
|
|
{{ if site.Params.about.enablealbum }}
|
|
{{ $sectionCount = add $sectionCount 1 }}
|
|
<div style="margin-top: 40px;">
|
|
<div class="section-title">{{ printf "%02d" $sectionCount }} / 光影 (Album)</div>
|
|
<div class="album-content" uk-scrollspy="target: > .album-item; cls: uk-animation-slide-bottom-small; delay: 100">
|
|
{{ range site.Data.album }}
|
|
<div class="album-item">
|
|
<div class="album-img-box">
|
|
<img src="{{ .image }}" loading="lazy">
|
|
{{ if .date }}<span class="album-date-badge">{{ .date }}</span>{{ end }}
|
|
<div class="album-info">
|
|
<span class="album-title">{{ .title }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
{{ end }} |