星标文章功能演示

功能说明

VuePress Theme Hope 支持星标文章功能，通过在文章的 frontmatter 中设置 star 属性，可以将文章标记为星标文章。

配置方式

---
title: 文章标题
date: 2026-01-18
# 设置为 true 或数字，数值大的会排列在前面
star: 100
---

星标效果

1. 星标文章列表：所有星标文章会显示在 /star/ 页面中
2. 博客主页侧边栏：星标文章会显示在博客主页侧边栏的文章栏目中
3. 文章卡片标记：星标文章在文章列表中会显示星标标记

星标规则

• 所有星标文章会显示在 /star/ 页面中
• 对于多个星标文章，数值大的会排列在前面
• 如果只是设置为 true，则默认值为 1

设计理念

主题提供星标选项的考虑是：主题使用者可能希望向访客展示一定数量的精品文章，而又不希望置顶文章充斥主页，导致用户不能看到最近更新的文章。

使用场景

1. 精品文章展示：将高质量、重要的文章标记为星标，方便访客快速找到
2. 系列文章推荐：将系列文章的首篇或核心文章标记为星标
3. 入门指南：将入门级教程或指南标记为星标，帮助新访客快速上手
4. 重要公告：将重要的公告或更新信息标记为星标

星标与置顶的区别

功能	显示位置	使用场景
星标	/star/ 页面 + 侧边栏	长期展示精品文章
置顶	文章列表顶部	临时置顶重要文章

最佳实践

• 星标文章数量不宜过多，建议控制在 10-20 篇以内
• 定期更新星标文章，确保内容的时效性和相关性
• 结合文章质量、访问量、用户反馈等因素选择星标文章
• 为星标文章设置合理的数值，便于排序展示

---

演示文章，用于展示 VuePress Theme Hope 的星标文章功能