hugo-teek is loading...

添加摘要

最后更新于:

添加摘要

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

示例:

 1# 如何根据系统主题自动响应CSS深色模式
 2
 3![Dark](https://jsd.cdn.zzko.cn/gh/xugaoyi/image_store/blog/20200427163531.jpg)
 4
 5很多人喜欢选择APP或网站中的深色模式,也许他们更喜欢这样的外观,或者他们想让自己的眼睛免受疲劳。这篇文章将告诉你如何在网站中实现一个自动的CSS深色模式,根据访客的系统主题来自动响应。
 6
 7<!-- more -->
 8
 9## CSS 深色模式 (Dark Mode)
10
11...

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

img

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

推荐使用微信支付
微信支付二维码
推荐使用支付宝
支付宝二维码
最新文章

文档导航

本页导航