https://hugo-solitude.efu.me/tags/%E9%A6%96%E9%A1%B5/Recent content in 首页 on SolitudeHugozh-CNsolitude@example.org (Solitude)solitude@example.org (Solitude)Mon, 24 Aug 2026 10:00:00 +0800https://hugo-solitude.efu.me/p/homepage-and-aside.htmlMon, 24 Aug 2026 10:00:00 +0800solitude@example.org (Solitude)https://hugo-solitude.efu.me/p/homepage-and-aside.html<p>线上演示站通过首页推荐和侧栏卡片帮助访客快速理解站点。Hugo 版本已经把这些能力收进主题配置：内容来自站点数据，不需要服务端接口，也不需要额外的侧栏插件。</p> <h2 id="首页标题与推荐内容">首页标题与推荐内容</h2> <p>首页顶部由 <code>params.solitude.hometop</code> 控制。推荐项最多展示五条；配置不足五条时，主题会按发布日期自动补入最近文章。</p> <figure class="code-block" data-code-block data-language="yaml"> <figcaption class="code-block__toolbar"> <span class="code-block__language">yaml</span> <button class="code-block__copy" type="button" data-code-copy>复制</button> </figcaption> <div class="code-block__viewport"> <pre class="code-block__fallback" tabindex="0"><code class="language-yaml">params: solitude: hometop: enable: true banner: title: 用 Solitude&lt;br&gt;记录与创造 desc: Hugo 主题演示、配置指南与前端实践 recommendList: - title: 开始使用 Solitude Hugo url: /p/getting-started.html cover: /img/demo/cover-getting-started-v2.webp label: 快速开始 color: &#34;#3b82f6&#34; - title: 配置首页推荐与侧栏组合 url: /p/homepage-and-aside.html cover: /img/demo/cover-pagination-v2.webp label: 配置指南 color: &#34;#16a34a&#34;</code></pre> </div> <button class="code-block__expand" type="button" data-code-expand hidden>展开全部</button> </figure> <p><code>url</code> 应当使用文章最终生成的地址，<code>cover</code> 则应放在站点 <code>static/</code> 下或指向稳定的远程资源。首页卡片会复用文章标题、分类和封面，因此不必为自动补入的文章重复维护数据。</p> <h2 id="组合不同页面的侧栏">组合不同页面的侧栏</h2> <p>侧栏支持四个内置组件：</p> <ul> <li><code>about</code>：站点或作者信息卡。</li> <li><code>newestPost</code>：最近发布的五篇文章。</li> <li><code>allInfo</code>：标签与文章数、字数、运行时间等站点信息。</li> <li><code>newest_comment</code>：启用受支持评论服务后展示最近评论。</li> </ul> <p>每种页面可以分别声明普通区域和吸顶区域：</p> <figure class="code-block" data-code-block data-language="yaml"> <figcaption class="code-block__toolbar"> <span class="code-block__language">yaml</span> <button class="code-block__copy" type="button" data-code-copy>复制</button> </figcaption> <div class="code-block__viewport"> <pre class="code-block__fallback" tabindex="0"><code class="language-yaml">params: solitude: aside: position: 1 home: noSticky: about Sticky: allInfo post: noSticky: about Sticky: newestPost,allInfo page: noSticky: about Sticky: newestPost,allInfo</code></pre> </div> <button class="code-block__expand" type="button" data-code-expand hidden>展开全部</button> </figure> <p>组件名称使用逗号分隔。文章存在 Markdown 标题并且没有设置 <code>toc: false</code> 时，目录会自动插入吸顶区域，不需要把 <code>toc</code> 写进组件列表。</p>