跳到主要内容
[Navbar 包装器占位符]
[BlogPostItem 包装器占位符 - 博客文章顶部]

使用SCF自定义字段实现作者头像

· 阅读需 5 分钟

在使用 Astra 子主题时,结合 Astra 的钩子和 ACF (SCF)来实现 自定义作者头像 是一个非常灵活的方法。以下是完整的实现步骤,包括如何利用 Astra 的钩子系统与 ACF 配合,动态显示作者头像。

[BlogPostItem 包装器占位符 - 博客文章顶部]

docsidebar完善带书签

· 阅读需 6 分钟

无论当前文章属于主分类还是子分类,侧边栏都显示主分类的文章列表,并折叠显示主分类下子分类的文章列表

使侧边栏在当前文章属于子分类时,自动展开对应的子分类的文章列表,无需用户手动点击展开。

image-20241121235111027

  1. 自动展开当前子分类

    • 如果当前文章属于某个子分类,则对应的子分类文章列表默认展开。
    • 其他子分类仍然保持折叠状态。
  2. 当前子分类高亮显示

    • 在侧边栏中高亮当前子分类的标题,提升用户体验。

高亮当前文章

  • 在主分类文章列表中,高亮当前文章。
  • 在子分类文章列表中,同样高亮当前文章。

样式优化

  • 添加明显的视觉区分,使当前文章在文章列表中更加突出。
[BlogPostItem 包装器占位符 - 博客文章顶部]

docsidebar显示和隐藏部分文章列表

· 阅读需 4 分钟

完全可以不使用子分类,而是在 同一个分类下的某几篇文章 以点击展开的形式显示在侧边栏中。这里的实现方式是通过标记或筛选文章(例如通过自定义字段、文章的标签、或者手动选择特定文章 ID 的方式),然后以折叠/展开的形式展示。

image-20241121211501613

以下是实现的完整方案:

[Footer 包装器占位符 - 位于页脚上方]

这是通过 Docusaurus Wrapping 统一添加的底部文字内容。

ddddddd