如何正确更新公告

Hu Tao

今日公告

更新了三篇文章/一篇日记/更新1个友链/音乐（播放器）优化/更新两个相册.

了解更多？

标签

百合纯爱歌曲公告，更新，通知文章，文档，文件夹文章，文档，友链相册，，更新音乐，优化，播放器 Mizuki Openlist，方法，文件

站点统计

文章

9

分类

2

标签

10

总字数

5,765

运行时长

0 天

最后活动

0 天前

408 字

2 分钟

如何正确更新公告

2025-11-23

技巧

公告，更新，通知

一、公告位置配置：#

公告组件的内容不是在 sidebarLayoutConfig 中配置的，而是在 announcementConfig 对象中配置。一般情况不需要改变,下面是公告内容的详细配置示例：
名词解释:
- type: “announcement”: 指定组件类型为公告组件，这是固定值。
- enable: true: 控制该组件是否显示，true 为显示，false 为隐藏。
- order: 2: 设置组件显示顺序，数值越小越靠前。通常公告组件设置为 2，显示在个人资料组件之后。
- position: “top”: 设置组件在侧边栏内的定位方式，“top” 表示固定在顶部。
- sidebar: “left”: 设置组件所属侧边栏，“left” 为左侧栏，“right” 为右侧栏（需配合 position: “both”）。
- class: “onload-animation”: 组件的 CSS 类名，用于应用样式和动画效果。
- animationDelay: 50: 组件加载动画的延迟时间（单位：毫秒），设置为 50 表示在个人资料组件后加载。

二、公告内容配置：#

概述：公告组件的内容不是在 sidebarLayoutConfig 中配置的，而是在 announcementConfig 对象中配置。语法：公告内容的详细配置示例：

1
export const announcementConfig: AnnouncementConfig = {
2
title: "Announcement", // 公告标题
3
content: "Welcome to my blog! This is a sample announcement.", // 公告内容
4
closable: true, // 允许用户关闭公告
5
link: {
6
  enable: true, // 启用链接
7
  text: "Learn More", // 链接文本
8
  url: "/about/", // 链接 URL
9
  external: false, // 内部链接
10
},

内容更改：

1
export const announcementConfig: AnnouncementConfig = {
2
    title: "网站公告",
3
    content: "欢迎访问我的博客！这里会分享技术文章和生活感悟。",
4
    closable: true,
5
    link: {
6
        enable: true,
7
        text: "关于我",
8
        url: "/about/",
9
        external: false,
10
    },
11
};