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

106 lines
27 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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/26.a9272eda.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/27.d61af734.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 have-rightmenu"><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/" aria-current="page" class="active sidebar-link">目录页配置</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/neutrino-proxy/pages/54651a/#目录页说明" class="sidebar-link">目录页说明</a></li><li class="sidebar-sub-header level2"><a href="/neutrino-proxy/pages/54651a/#配置项" class="sidebar-link">配置项</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/neutrino-proxy/pages/54651a/#pagecomponent-name" class="sidebar-link">pageComponent.name</a></li><li class="sidebar-sub-header level3"><a href="/neutrino-proxy/pages/54651a/#pagecomponent-data" class="sidebar-link">pageComponent.data</a></li><li class="sidebar-sub-header level3"><a href="/neutrino-proxy/pages/54651a/#pagecomponent-data-path" class="sidebar-link">pageComponent.data.path</a></li><li class="sidebar-sub-header level3"><a href="/neutrino-proxy/pages/54651a/#pagecomponent-data-imgurl" class="sidebar-link">pageComponent.data.imgUrl</a></li><li class="sidebar-sub-header level3"><a href="/neutrino-proxy/pages/54651a/#pagecomponent-data-description" class="sidebar-link">pageComponent.data.description</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/neutrino-proxy/pages/54651a/#如何在导航栏中添加目录页链接" class="sidebar-link">如何在导航栏中添加目录页链接</a></li></ul></li><li><a href="/neutrino-proxy/pages/1cc523/" class="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"><div class="right-menu-wrapper"><div class="right-menu-margin"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <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"><h2 id="目录页说明"><a href="#目录页说明" class="header-anchor">#</a> 目录页说明</h2> <div class="custom-block warning"><p class="custom-block-title">注意</p> <p>目录页数据需要依赖于结构化的侧边栏数据,就是说你需要在<code>config.js</code>配置 <code>sidebar: 'structuring'</code><code>sidebar: { mode: 'structuring', collapsable: false}</code> 才能实现目录页数据的获取。</p></div> <blockquote><ul><li>目录页文件(<code>.md</code>文件)可以放置在<code>二级目录</code><code>三级目录</code><code>四级目录</code>。(<a href="/neutrino-proxy/pages/33d574/#级别说明">级别说明</a></li> <li>如果你不想在侧边栏显示目录页,你可以在<code>一级目录</code>中单独创建一个文件夹放置你的目录页(<code>.md</code>文件),并在front matter中设置<code>sidebar: false</code></li> <li>如果你想让目录页和其他页面一起出现在侧边栏,你可以和其他页面共同放置在相应的文件夹。(不要设置<code>sidebar: false</code>)</li> <li>参照下面的示例配置好front matter,然后就可以在导航栏或首页添加目录页链接了。</li></ul></blockquote> <p><strong>示例</strong></p> <div class="language-yaml extra-class"><pre class="language-yaml"><code><span class="token punctuation">---</span>
<span class="token key atrule">pageComponent</span><span class="token punctuation">:</span> <span class="token comment"># 使用页面组件</span>
<span class="token key atrule">name</span><span class="token punctuation">:</span> Catalogue <span class="token comment"># 组件名:Catalogue =&gt; 目录页组件</span>
<span class="token key atrule">data</span><span class="token punctuation">:</span> <span class="token comment"># 组件所需数据</span>
<span class="token key atrule">path</span><span class="token punctuation">:</span> 01.学习笔记/01.前端 <span class="token comment"># 设置为`docs/`下面的某个文件夹相对路径,如‘01.学习笔记/01.前端’ 或 ’01.学习笔记‘ (有序号的要带序号)</span>
<span class="token key atrule">imgUrl</span><span class="token punctuation">:</span> /img/web.png <span class="token comment"># 目录页内的图片</span>
<span class="token key atrule">description</span><span class="token punctuation">:</span> JavaScript、ES6、Vue框架等前端技术 <span class="token comment"># 目录描述(可加入a标签)</span>
<span class="token key atrule">title</span><span class="token punctuation">:</span> 前端 <span class="token comment"># 页面标题</span>
<span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token datetime number">2020-01-12 11:51:53</span> <span class="token comment"># 创建日期</span>
<span class="token key atrule">permalink</span><span class="token punctuation">:</span> /note/javascript <span class="token comment"># 永久链接</span>
<span class="token key atrule">sidebar</span><span class="token punctuation">:</span> <span class="token boolean important">false</span> <span class="token comment"># 不显示侧边栏</span>
<span class="token key atrule">article</span><span class="token punctuation">:</span> <span class="token boolean important">false</span> <span class="token comment"># 不是文章页 (不显示面包屑栏、最近更新栏等)</span>
<span class="token key atrule">comment</span><span class="token punctuation">:</span> <span class="token boolean important">false</span> <span class="token comment"># 不显示评论栏</span>
<span class="token key atrule">editLink</span><span class="token punctuation">:</span> <span class="token boolean important">false</span> <span class="token comment"># 不显示编辑按钮</span>
<span class="token punctuation">---</span>
</code></pre></div><div class="custom-block tip"><p class="custom-block-title">提示</p> <p>配置好目录页之后,点击文章页的面包屑将会跳转到目录页。</p></div> <h2 id="配置项"><a href="#配置项" class="header-anchor">#</a> 配置项</h2> <h3 id="pagecomponent-name"><a href="#pagecomponent-name" class="header-anchor">#</a> pageComponent.name</h3> <ul><li>组件名,必需</li> <li>使用目录页时 <strong>必须</strong> 设置为<code>Catalogue</code></li></ul> <h3 id="pagecomponent-data"><a href="#pagecomponent-data" class="header-anchor">#</a> pageComponent.data</h3> <ul><li>组件所需数据,必需</li></ul> <h3 id="pagecomponent-data-path"><a href="#pagecomponent-data-path" class="header-anchor">#</a> pageComponent.data.path</h3> <ul><li>要为其生成目录页的文件夹的相对路径,必需</li> <li>必须是在<code>docs</code>目录底下的文件夹相对路径</li> <li>示例:<code>01.学习笔记</code><code>01.学习笔记/01.前端</code>(有序号的要带序号)</li></ul> <div class="custom-block warning"><p class="custom-block-title">注意</p> <p><code>v1.8.2</code>版本之前,没有<code>path</code>属性,使用<code>key</code>代替。但<code>key</code>只支持指定<code>一级目录</code>的文件夹名称。</p></div> <h3 id="pagecomponent-data-imgurl"><a href="#pagecomponent-data-imgurl" class="header-anchor">#</a> pageComponent.data.imgUrl</h3> <ul><li>目录页内的图片,可选。(v1.9.4之前必填)</li> <li>图片尺寸在页面中显示为80px*80px</li></ul> <h3 id="pagecomponent-data-description"><a href="#pagecomponent-data-description" class="header-anchor">#</a> pageComponent.data.description</h3> <ul><li>目录描述,必需</li> <li>可加a标签(如需加入a标签时,标签内部的引号请使用单引号)</li></ul> <h2 id="如何在导航栏中添加目录页链接"><a href="#如何在导航栏中添加目录页链接" class="header-anchor">#</a> 如何在导航栏中添加目录页链接</h2> <div class="language-js extra-class"><pre class="language-js"><code> <span class="token comment">// config.js</span>
module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span>
<span class="token literal-property property">themeConfig</span><span class="token operator">:</span> <span class="token punctuation">{</span>
<span class="token literal-property property">nav</span><span class="token operator">:</span> <span class="token punctuation">[</span>
<span class="token comment">// 没有二级导航时可以直接添加</span>
<span class="token punctuation">{</span><span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">'目录页'</span><span class="token punctuation">,</span> <span class="token literal-property property">link</span><span class="token operator">:</span> <span class="token string">'/web/'</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token comment">// 有二级导航时</span>
<span class="token punctuation">{</span><span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">'页面'</span><span class="token punctuation">,</span>
<span class="token literal-property property">link</span><span class="token operator">:</span> <span class="token string">'/ui/'</span><span class="token punctuation">,</span> <span class="token comment">//目录页, vdoing主题新增的配置项,有二级导航时,可以点击一级导航跳到目录页</span>
<span class="token literal-property property">items</span><span class="token operator">:</span> <span class="token punctuation">[</span>
<span class="token punctuation">{</span><span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">'HTML'</span><span class="token punctuation">,</span> <span class="token literal-property property">link</span><span class="token operator">:</span> <span class="token string">'/pages/11/'</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token punctuation">{</span><span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">'CSS'</span><span class="token punctuation">,</span> <span class="token literal-property property">link</span><span class="token operator">:</span> <span class="token string">'/pages/22/'</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token punctuation">]</span>
<span class="token punctuation">}</span><span class="token punctuation">,</span>
<span class="token punctuation">]</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre></div><p>参考:<a href="https://github.com/xugaoyi/vuepress-theme-vdoing/blob/master/docs/.vuepress/config/nav.js" target="_blank" rel="noopener noreferrer">.vuepress/config/nav.js<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></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/3216b0/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">front matter配置</div></a> <a href="/neutrino-proxy/pages/1cc523/" 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/3216b0/" class="prev">front matter配置</a></span> <span class="next"><a href="/neutrino-proxy/pages/1cc523/">添加摘要</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/26.a9272eda.js" defer></script>
</body>
</html>