Files
2026-05-18 10:11:50 +08:00

85 lines
17 KiB
HTML

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>添加摘要 | 中微子代理</title>
<meta name="generator" content="VuePress 1.9.2">
<link rel="icon" href="/img/favicon.ico">
<meta name="description" content="一个基于Netty的开源内网穿透神器">
<meta name="keywords" content="vuepress,theme,blog,vdoing">
<meta name="theme-color" content="#11a8cd">
<meta name="referrer" content="no-referrer-when-downgrade">
<link rel="preload" href="/assets/css/0.styles.9a38c92f.css" as="style"><link rel="preload" href="/assets/js/app.ca348287.js" as="script"><link rel="preload" href="/assets/js/2.3c66c1db.js" as="script"><link rel="preload" href="/assets/js/28.a53b1177.js" as="script"><link rel="prefetch" href="/assets/js/10.29f3b901.js"><link rel="prefetch" href="/assets/js/11.9204b194.js"><link rel="prefetch" href="/assets/js/12.453666ee.js"><link rel="prefetch" href="/assets/js/13.9bb9e169.js"><link rel="prefetch" href="/assets/js/14.0506a365.js"><link rel="prefetch" href="/assets/js/15.56e5f13e.js"><link rel="prefetch" href="/assets/js/16.96a280d7.js"><link rel="prefetch" href="/assets/js/17.d9c528d7.js"><link rel="prefetch" href="/assets/js/18.ee97e659.js"><link rel="prefetch" href="/assets/js/19.991c3af6.js"><link rel="prefetch" href="/assets/js/20.5f177780.js"><link rel="prefetch" href="/assets/js/21.3e087b2b.js"><link rel="prefetch" href="/assets/js/22.885a9953.js"><link rel="prefetch" href="/assets/js/23.8bbdfeac.js"><link rel="prefetch" href="/assets/js/24.c706df08.js"><link rel="prefetch" href="/assets/js/25.287b5c91.js"><link rel="prefetch" href="/assets/js/26.a9fabca1.js"><link rel="prefetch" href="/assets/js/27.69ccb5db.js"><link rel="prefetch" href="/assets/js/29.794afe60.js"><link rel="prefetch" href="/assets/js/3.1da34606.js"><link rel="prefetch" href="/assets/js/30.f986c6e3.js"><link rel="prefetch" href="/assets/js/31.6e8f5b21.js"><link rel="prefetch" href="/assets/js/32.21a79b2c.js"><link rel="prefetch" href="/assets/js/33.1bcf47cc.js"><link rel="prefetch" href="/assets/js/34.a2f43843.js"><link rel="prefetch" href="/assets/js/35.1adcfbe2.js"><link rel="prefetch" href="/assets/js/36.0032bfb7.js"><link rel="prefetch" href="/assets/js/37.beda5e0a.js"><link rel="prefetch" href="/assets/js/38.c2e5b26c.js"><link rel="prefetch" href="/assets/js/39.33e2b29d.js"><link rel="prefetch" href="/assets/js/4.634cb970.js"><link rel="prefetch" href="/assets/js/40.d52a3c80.js"><link rel="prefetch" href="/assets/js/41.488edd88.js"><link rel="prefetch" href="/assets/js/5.2af91adb.js"><link rel="prefetch" href="/assets/js/6.6272e509.js"><link rel="prefetch" href="/assets/js/7.125b3b3a.js"><link rel="prefetch" href="/assets/js/8.491a30ee.js"><link rel="prefetch" href="/assets/js/9.0e5435be.js">
<link rel="stylesheet" href="/assets/css/0.styles.9a38c92f.css">
</head>
<body class="theme-mode-light">
<div id="app" data-server-rendered="true"><div class="theme-container sidebar-open"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><img src="/img/logo.png" alt="中微子代理" class="logo"> <span class="site-name can-hide">中微子代理</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/" class="nav-link">首页</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="文档" class="dropdown-title"><a href="/pages/793dcb/" class="link-title">文档</a> <span class="title" style="display:none;">文档</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/793dcb/" class="nav-link">快速上手</a></li><li class="dropdown-item"><!----> <a href="/pages/793dcc/" class="nav-link">后台操作指南</a></li></ul></div></div><div class="nav-item"><a href="/pages/5d571c/" class="nav-link">案例</a></div><div class="nav-item"><a href="/pages/1ab20b/" class="nav-link">支持</a></div><div class="nav-item"><a href="/pages/ff3519/" class="nav-link">更新记录</a></div><div class="nav-item"><a href="https://gitcode.com/dromara/neutrino-proxy" target="_blank" rel="noopener noreferrer" class="nav-link external">
GitCode
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://gitee.com/dromara/neutrino-proxy" target="_blank" rel="noopener noreferrer" class="nav-link external">
Gitee
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/dromara/neutrino-proxy" target="_blank" rel="noopener noreferrer" class="repo-link">
Github
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar-hover-trigger"></div> <aside class="sidebar" style="display:none;"><!----> <nav class="nav-links"><div class="nav-item"><a href="/" class="nav-link">首页</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="文档" class="dropdown-title"><a href="/pages/793dcb/" class="link-title">文档</a> <span class="title" style="display:none;">文档</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/793dcb/" class="nav-link">快速上手</a></li><li class="dropdown-item"><!----> <a href="/pages/793dcc/" class="nav-link">后台操作指南</a></li></ul></div></div><div class="nav-item"><a href="/pages/5d571c/" class="nav-link">案例</a></div><div class="nav-item"><a href="/pages/1ab20b/" class="nav-link">支持</a></div><div class="nav-item"><a href="/pages/ff3519/" class="nav-link">更新记录</a></div><div class="nav-item"><a href="https://gitcode.com/dromara/neutrino-proxy" target="_blank" rel="noopener noreferrer" class="nav-link external">
GitCode
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://gitee.com/dromara/neutrino-proxy" target="_blank" rel="noopener noreferrer" class="nav-link external">
Gitee
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <a href="https://github.com/dromara/neutrino-proxy" target="_blank" rel="noopener noreferrer" class="repo-link">
Github
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>配置</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/pages/a20ce8/" class="sidebar-link">主题配置</a></li><li><a href="/pages/f14bdb/" class="sidebar-link">首页配置</a></li><li><a href="/pages/3216b0/" class="sidebar-link">front matter配置</a></li><li><a href="/pages/54651a/" class="sidebar-link">目录页配置</a></li><li><a href="/pages/1cc523/" aria-current="page" class="active sidebar-link">添加摘要</a></li><li><a href="/pages/f51918/" class="sidebar-link">修改主题颜色和样式</a></li><li><a href="/pages/ce175c/" class="sidebar-link">评论栏</a></li></ul></section></li></ul> </aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><!----> <h1><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABKFJREFUSA3tVl1oFVcQnrMbrak3QUgkya1akpJYcrUtIqW1JvFBE9LiQ5v6JmJpolbMg32rVrhgoYK0QiMY6i9Y6EMaW5D+xFJaTYItIuK2Kr3+BJNwkxBj05sQY3b3nM6cs2dv9t7NT/vQJw/sndk5M/PNzJkzewGerP+pAmy+ON8lLzUJgA8ZYxYIYZmGYRnctDaWvJJAmTtfP1pvXsBCCPP8QFcCaRkZYACgDZFO4stNIcBCajEOlmmC9XpJ9bAGCaPaPmzPl32dvLSVu3BWCTQs0XQQ6g0DYgwLIoAZbBCdW/i+781o1VVlm/410mw4h06Y7bIPHNyWDyL4FHkX03Q8SrzNhZTZriieckWt7cL6MM85YcLpsi/7O9/iXFT6MswI0DmmpkSaJ0qLxFIm3+i1THHB3zmBH3PYx9CcykcLOeQVVa7QtdxTgQgEleX2AjHYfwA+2ddV77ruGoJUbhGDI09YSNXyMpUt5ylOzxgbUmtOp7NmbNt8v3arjTBfYELmLUV+M+nSawNNAUqpT3ClJWg5I3BLT+cGW/DXNGCa6tx1aakCGEigArTn4TDIPdrXXYKCZNrHLMCOEPvHBlLQ99s9eHB7EB6NTki73CVPQ2F5MSx/uRQixfmq7rK0wYD8w8E905bnPDfwoWs/rfv93NWN/ZfvwsLIU7A09gxECyISeGJkHAau98L97tuw7NXnoPyNF8FcYGLGKsOs0mN3OEyec9esGW/ZEl945dTP34wlR2FZVQWU1q0Cw8Tr7p+hgLLNL0FPxx/Q35mA8aEUrH6nCgwEl0tn7wUiZYJnNRh6DK4UH/k0lfyrsBKdPVv/AriGIQcEDQZ65LBAGe2Rzui9Ybjz7XUppz1/uKBbyVPGkN3ZAeC6hr0x7Nr38N5+EqkoOm17xpoqR9ohQF55ERSvr4Dkr3chNfC3DMzGJlNBElW8w9nsGQvhNGIzDkXzCg8cLK951xHsFBlTJspJNi3ZFIMF2AeDV3q8DNOB+YHi6QTrChDIWDBRi5U5f+ZMfJLu3ccrqxtdxk4SKH336LFxSmkqefwU5T8fhdSdQf9IVKD6aNiwI/hnmcAZ91isYMJIaCUCx9W098+LgruikeTqzqqxKPUwqJyCPJiyemVVZBOijDGjD38Os0jOiSPL1z3SPjXNANbiNPXAdzTfukjjuknNBbyz3nwgTd3AVFqUJ5hpHlq9MveLnWwttUfoygBmvVjuikxND3znrhsELnZk7k+OjIGxeNEkomyLVta0xxn+HZhjBc4YZ/AFjHjz9u3xRZl2BN4aq9nFwWh16IrQ1aHHEd3j1+4/dB9OtH4e29A2H1DyHQRmOSfQZ1Fy7MHBTGB6J/Djq6p3OxyO2cB+4Car7v/o3GXgfAkj23+x9ID1Teoamo/SXcbvSf2PX7Vc8DdCmE1vN9di+32P9/5YR3vLnhCVGUWBjEkr3yh4H8v9CzmsbdhzOKzsJKM90iFdaTMjRPhGVsakRvOaRidljo6H6G7j+ctrJpsP+4COhDIl0La2+FS4+5mlocBaXY5QnGZysIBYoeSsl5qQzrSj/cgNrfuEzlWBfwA+EjrZyWUvpAAAAABJRU5ErkJggg==">添加摘要<!----></h1> <div class="page-slot page-slot-top">
<div class="wwads-cn wwads-horizontal page-wwads" data-id="136"></div>
<style>
.page-wwads{
width:100%!important;
min-height: 0;
margin: 0;
}
.page-wwads .wwads-img img{
width:80px!important;
}
.page-wwads .wwads-poweredby{
width: 40px;
position: absolute;
right: 25px;
bottom: 3px;
}
.wwads-content .wwads-text, .page-wwads .wwads-text{
height: 100%;
padding-top: 5px;
display: block;
}
</style>
</div> <div class="theme-vdoing-content content__default"><p>文章摘要会显示于首页的详细版文章列表中,在编写文章时(<code>.md</code>文件中)在合适的位置添加一个<code>&lt;!-- more --&gt;</code>注释。注释前面的内容将会暴露在摘要中。</p> <p>示例:</p> <div class="language-md extra-class"><pre class="language-md"><code><span class="token title important"><span class="token punctuation">#</span> 如何根据系统主题自动响应CSS深色模式</span>
<span class="token url"><span class="token operator">!</span>[<span class="token content">Dark</span>](<span class="token url">https://fastly.jsdelivr.net/gh/xugaoyi/image_store/blog/20200427163531.jpg</span>)</span>
很多人喜欢选择APP或网站中的深色模式,也许他们更喜欢这样的外观,或者他们想让自己的眼睛免受疲劳。这篇文章将告诉你如何在网站中实现一个自动的CSS深色模式,根据访客的系统主题来自动响应。
<span class="token comment">&lt;!-- more --&gt;</span>
<span class="token title important"><span class="token punctuation">##</span> CSS 深色模式 (Dark Mode)</span>
...
</code></pre></div><p>如示例的内容,在<code>&lt;!-- more --&gt;</code>注释前面的除了标题之外所有内容将显示到摘要中。摘要在文章列表的显示效果如下:
</p><p align="center"><img src="https://fastly.jsdelivr.net/gh/xugaoyi/image_store/blog/20200513165502.png" width="600"></p><p></p> <p>值得注意的是摘要的内容也是文章内容的一部分,会显示在文章详情页中。</p></div></div> <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/03/15, 13:11:57</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/pages/54651a/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">目录页配置</div></a> <a href="/pages/f51918/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">修改主题颜色和样式</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
<a href="/pages/54651a/" class="prev">目录页配置</a></span> <span class="next"><a href="/pages/f51918/">修改主题颜色和样式</a>
</span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="mailto:[email protected]" title="发邮件" target="_blank" class="iconfont icon-youjian"></a><a href="https://gitee.com/dromara/neutrino-proxy" title="Gitee" target="_blank" class="iconfont icon-gitee"></a><a href="https://github.com/aoshiguchen/neutrino-proxy" title="Github" target="_blank" class="iconfont icon-github"></a></div>
Theme by
<a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a>
| Copyright © 2023-2026
<span>傲世孤尘 | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
跟随系统
</li><li class="iconfont icon-rijianmoshi">
浅色模式
</li><li class="iconfont icon-yejianmoshi">
深色模式
</li><li class="iconfont icon-yuedu">
阅读模式
</li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
<script src="/assets/js/app.ca348287.js" defer></script><script src="/assets/js/2.3c66c1db.js" defer></script><script src="/assets/js/28.a53b1177.js" defer></script>
</body>
</html>