1 line
2.3 KiB
JavaScript
1 line
2.3 KiB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{392:function(t,s,n){"use strict";n.r(s);var a=n(14),e=Object(a.a)({},(function(){var t=this,s=t._self._c;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("p",[t._v("文章摘要会显示于首页的详细版文章列表中，在编写文章时（"),s("code",[t._v(".md")]),t._v("文件中）在合适的位置添加一个"),s("code",[t._v("\x3c!-- more --\x3e")]),t._v("注释。注释前面的内容将会暴露在摘要中。")]),t._v(" "),s("p",[t._v("示例：")]),t._v(" "),s("div",{staticClass:"language-md extra-class"},[s("pre",{pre:!0,attrs:{class:"language-md"}},[s("code",[s("span",{pre:!0,attrs:{class:"token title important"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("#")]),t._v(" 如何根据系统主题自动响应CSS深色模式")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token url"}},[s("span",{pre:!0,attrs:{class:"token operator"}},[t._v("!")]),t._v("["),s("span",{pre:!0,attrs:{class:"token content"}},[t._v("Dark")]),t._v("]("),s("span",{pre:!0,attrs:{class:"token url"}},[t._v("https://fastly.jsdelivr.net/gh/xugaoyi/image_store/blog/20200427163531.jpg")]),t._v(")")]),t._v("\n\n很多人喜欢选择APP或网站中的深色模式，也许他们更喜欢这样的外观，或者他们想让自己的眼睛免受疲劳。这篇文章将告诉你如何在网站中实现一个自动的CSS深色模式，根据访客的系统主题来自动响应。\n\n"),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("\x3c!-- more --\x3e")]),t._v("\n\n"),s("span",{pre:!0,attrs:{class:"token title important"}},[s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("##")]),t._v(" CSS 深色模式 (Dark Mode)")]),t._v("\n\n...\n\n")])])]),s("p",[t._v("如示例的内容，在"),s("code",[t._v("\x3c!-- more --\x3e")]),t._v("注释前面的除了标题之外所有内容将显示到摘要中。摘要在文章列表的显示效果如下：\n")]),s("p",{attrs:{align:"center"}},[s("img",{attrs:{src:"https://fastly.jsdelivr.net/gh/xugaoyi/image_store/blog/20200513165502.png",width:"600"}})]),s("p"),t._v(" "),s("p",[t._v("值得注意的是摘要的内容也是文章内容的一部分，会显示在文章详情页中。")])])}),[],!1,null,null,null);s.default=e.exports}}]); |