Files
2024-12-18 21:16:43 +08:00

85 lines
18 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="/neutrino-proxy/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="/neutrino-proxy/assets/css/0.styles.b79d758c.css" as="style"><link rel="preload" href="/neutrino-proxy/assets/js/app.26329228.js" as="script"><link rel="preload" href="/neutrino-proxy/assets/js/2.bcc017ba.js" as="script"><link rel="preload" href="/neutrino-proxy/assets/js/27.d61af734.js" as="script"><link rel="prefetch" href="/neutrino-proxy/assets/js/10.aefeccb2.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/11.83da976e.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/12.28575ea2.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/13.2bc54ade.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/14.239eae84.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/15.9c7084a5.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/16.db6de795.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/17.5a8480e4.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/18.9d247656.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/19.9da31ccd.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/20.3ad6f2c9.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/21.e3560148.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/22.eb77dd26.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/23.6aa343b0.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/24.7e68c2e7.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/25.de1c1c00.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/26.a9272eda.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/28.7dfe2be6.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/29.ec35ef30.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/3.31c9497d.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/30.43ea93fb.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/31.3d915a65.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/32.ebdd578e.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/33.32f5fccd.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/34.9942da58.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/35.cf7271d2.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/36.9bd0c33b.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/37.71c8b009.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/38.7632b8b0.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/39.5140c9f6.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/4.3e10c61a.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/40.40facdf8.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/5.26fb3e34.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/6.526bfcbe.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/7.df78e3fb.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/8.e3e55472.js"><link rel="prefetch" href="/neutrino-proxy/assets/js/9.cc059fee.js">
<link rel="stylesheet" href="/neutrino-proxy/assets/css/0.styles.b79d758c.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="/neutrino-proxy/" class="home-link router-link-active"><img src="/neutrino-proxy/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="/neutrino-proxy/" class="nav-link">首页</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="文档" class="dropdown-title"><a href="/neutrino-proxy/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="/neutrino-proxy/pages/793dcb/" class="nav-link">快速上手</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy/pages/793dcc/" class="nav-link">后台操作指南</a></li></ul></div></div><div class="nav-item"><a href="/neutrino-proxy/pages/5d571c/" class="nav-link">案例</a></div><div class="nav-item"><a href="/neutrino-proxy/pages/1ab20b/" class="nav-link">支持</a></div><div class="nav-item"><a href="/neutrino-proxy/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="/neutrino-proxy/" class="nav-link">首页</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="文档" class="dropdown-title"><a href="/neutrino-proxy/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="/neutrino-proxy/pages/793dcb/" class="nav-link">快速上手</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy/pages/793dcc/" class="nav-link">后台操作指南</a></li></ul></div></div><div class="nav-item"><a href="/neutrino-proxy/pages/5d571c/" class="nav-link">案例</a></div><div class="nav-item"><a href="/neutrino-proxy/pages/1ab20b/" class="nav-link">支持</a></div><div class="nav-item"><a href="/neutrino-proxy/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="/neutrino-proxy/pages/a20ce8/" class="sidebar-link">主题配置</a></li><li><a href="/neutrino-proxy/pages/f14bdb/" class="sidebar-link">首页配置</a></li><li><a href="/neutrino-proxy/pages/3216b0/" class="sidebar-link">front matter配置</a></li><li><a href="/neutrino-proxy/pages/54651a/" class="sidebar-link">目录页配置</a></li><li><a href="/neutrino-proxy/pages/1cc523/" aria-current="page" class="active sidebar-link">添加摘要</a></li><li><a href="/neutrino-proxy/pages/f51918/" class="sidebar-link">修改主题颜色和样式</a></li><li><a href="/neutrino-proxy/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,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAABH1JREFUSA3tVl1oHFUUPmdmd2ltklqbpJDiNnXFmgbFktho7YMPNiJSSZM0+CAYSkUELVhM6YuwIPpgoOKDqOBDC0XE2CQoNtQXBUFTTcCi+Wlh1V2TQExsUzcltd3M9Tt3ZjZzZ2fT+OJTL8yeM+eee757fmeJbq//KQL8X3DUSFOcfr7cRsRtxNQMWueeVzOkaITIGqQHNg5y8+jNW9ldM7A6nTpAjuolUikAwq7CE3WcM2RRDz+XGVgN3FptU/aUSlvq9Pa3iZ1+sgAqJyyAFqkipd9dqiwHF3P65YycLWc/6sqGrvoEoIp6DOFaX5h6+dnfjkWprwqsPk0dUGq5vySwDImC10KxFHgGL1SWoc92O3eVht09qdXNH11I2SsTsJYqMWzihqGMi+A+Garf3BAuuLI5oGlULyNfyB/HYNujwktOfRrMr5t77NmevqaUopx0grnKAyvVpmwUDB4x6FPXuGvYLTDwWsejwgtgkYKPqRJg8SV6xaiZ3ZTppGneS4yfH5/66fZSDHv+QZci/+h5c5UHtpy67JUqGppM0sh0Nc1dW6/N1W5Yoqat8/TU/VnadmdeW2PLLSyh0cvxBs3KbqTmwYPpxN4do/mzE8nEpvX/UMu2Wbp74zUAK5q6WkHns7V0eWkdPbPzd3rxkTGybadYySumVzhcaJFbs5UrEkQ/+CK8gF5dnh/6ciIZ73gwQ927L1IitoxKLXYP3SjYdOrHHfTZhRRlFyrorafPk20B3HPD1y2G3qKZME5Jcf3t/HUC13/8tSd++vqFveMUTwAUxSUFI1QekR1+bIze3D9MF2aq6cPvG72CgnldWCFqyRw3lwH8ZMerjTD9ElRO7Gv44wNpC90aASqGfVlz/Rx17srQ57/UU26hkhQqUB7dBR71WmzQhHUnblGmVOEw0jhbV1n9OlXUDCIRGaNV5Jp43N516fN7JmnTHdfp7Hgy0luO4aMhtkLL8Bi3bUWYvzh5Mn1dTxrL6QmGuRhGL/TiTTxRoEdTszSaq9GR0NGA3KdkOz3hqSV3MIDhQ5IVX/Ivx3umBti2es2h4eZby7x8br1rkf7Mo90AqC8aQ3sJeNzqFRu+vSANAQe3PL7l0HGOAdwDCeZYvNKeoZp1Qfs6Aipndh86HmFRi0LAnEO47wsqM6cdfjh3jBPUzhZy7nvlUfFsamED1VQt6aISHVymXZ/B2aCtIG8AI8xfobj2d3en1wWVhOeHELKmLQ1s211s88comkv4UCwWyF787mJdYXtNfhKAXVqnKTq8QZvGAGGOfaTo5pGZ/PwbUCr5+DPr/1J92JNHr9aOl/F3iI5+O1nfybsGxoimvZ3ViWSluDITw3P37mypheDIPY0tw7+O/5ApbkYw+zpfaUVu32Pi98+defdUhEpZkRFq0aqyNh9FuL9hpYbEm6iwi0z2REd09ZmyENEbuhjDWzKvZXTqKYaBIr3tt5kuPtQBZFvEUwHt60vfCNu41XsksH9Ij1BMMz1Y0OOunHNShFIP5868g5zeXmuLwL9T4b6Q2+KejgAAAABJRU5ErkJggg==">添加摘要<!----></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="/neutrino-proxy/pages/54651a/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">目录页配置</div></a> <a href="/neutrino-proxy/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="/neutrino-proxy/pages/54651a/" class="prev">目录页配置</a></span> <span class="next"><a href="/neutrino-proxy/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-2024
<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="/neutrino-proxy/assets/js/app.26329228.js" defer></script><script src="/neutrino-proxy/assets/js/2.bcc017ba.js" defer></script><script src="/neutrino-proxy/assets/js/27.d61af734.js" defer></script>
</body>
</html>