新增文章置顶功能？

[Si-leaf]

Description

感觉文章置顶的这个功能可以有

[ljxme]

看到这个issue，我在开发环境简单实践了一下（非官方做法）| 不足之处还请大佬指正😋

首先在 src/content.config.ts 文件的 // Define blog collection -> // Optional 处添加 pin: z.boolean().optional() 如下：

// Define blog collection
const blog = defineCollection({
  // Load Markdown and MDX files in the `src/content/blog/` directory.
  loader: glob({ base: './src/content/blog', pattern: '**/*.{md,mdx}' }),
  // Required
  schema: ({ image }) =>
    z.object({
      // ...
      // Special fields
      pin: z.boolean().optional(), //<- 像这样
      comment: z.boolean().default(true)
    })
})

然后参考 主题文档的 Customize Theme 章节 对如下文件进行自定义（不建议在 packages 目录对文件进行修改）

• 置顶逻辑：直接在原 sortMDByDate 函数的日期判断前加入对置顶的 T/F 判断，结束后执行原逻辑。

对 packages/pure/utils/server.ts 文件修改如下：

export function sortMDByDate(collections: Collections): Collections {
  return collections.sort((a, b) => {
    const aPin = a.data.pin === true
    const bPin = b.data.pin === true

    if (aPin !== bPin) {
      return Number(bPin) - Number(aPin)
    }

    const aDate = new Date(a.data.updatedDate ?? a.data.publishDate ?? 0).valueOf()
    const bDate = new Date(b.data.updatedDate ?? b.data.publishDate ?? 0).valueOf()
    return bDate - aDate
  })
}

• 置顶样式：简单写了下，可以自己修改

在 packages/pure/components/pages/PostPreview.astro 文件 59~60 行处增添如下：

<div class={detailed && 'font-medium'}>
  {data.pin && <span class='text-primary mr-1'>[置顶]</span>}
  {data.draft && <span class='text-red-500'>(Draft)</span>}
  {data.title}
</div>

使用：在 md/mdx 文件的 frontmatter 块中加入 pin: true 即可

开发环境实现效果如下图：

[cworld1]

对的，这个是正解 @ljxme 。有这么需要这个功能么？内置倒也不是不行

[ljxme]

对的，这个是正解 @ljxme 。有这么需要这个功能么？内置倒也不是不行

感觉可以内置，置顶功能我在很多博客主题都见过

但目前这个只能置顶一篇。如果要同时置顶多篇的话，多个置顶文章还是按照日期排序的，可以考虑改成num判断大小来排序（不过一般也用不着这么多感觉）

如果可以的话我很乐意提交PR以供合并