跳到正文

历史主题文档

以下为原 VuePress / Vdoing 配置说明,内容与旧链接保留供查阅;当前站点已迁移至 VitePress。

文章摘要会显示于首页的详细版文章列表中,在编写文章时(.md文件中)在合适的位置添加一个<!-- more -->注释。注释前面的内容将会暴露在摘要中。

示例:

md
# 如何根据系统主题自动响应CSS深色模式

![Dark](https://fastly.jsdelivr.net/gh/xugaoyi/image_store/blog/20200427163531.jpg)

很多人喜欢选择APP或网站中的深色模式,也许他们更喜欢这样的外观,或者他们想让自己的眼睛免受疲劳。这篇文章将告诉你如何在网站中实现一个自动的CSS深色模式,根据访客的系统主题来自动响应。

<!-- more -->

## CSS 深色模式 (Dark Mode)

...

如示例的内容,在<!-- more -->注释前面的除了标题之外所有内容将显示到摘要中。摘要在文章列表的显示效果如下:

值得注意的是摘要的内容也是文章内容的一部分,会显示在文章详情页中。