Halo - 菜单栏添加菜单教程

帖子 未结 0 22786
715ex
715ex LV6 2022年1月25日 14:09 发表
<section id="nice" style="font-size: 16px; padding-right: 10px; padding-left: 10px; word-break: break-word; overflow-wrap: break-word; line-height: 1.25; font-family: Optima-Regular, Optima, PingFangTC-Light, PingFangSC-light, PingFangTC-light; letter-spacing: 2px; background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%); background-size: 20px 20px; background-position: center center;"><h1 style="margin-top: 30px; margin-bottom: 15px; font-weight: bold; font-size: 25px;"><span style="display: none;"></span><span style="display: inline-block; color: rgb(119, 48, 152);">Halo - 菜单栏添加菜单教程</span></h1> <blockquote style="border-top: none; border-right: none; border-bottom: none; border-image: initial; font-size: 0.9em; overflow: auto; border-left-width: 3px; color: rgb(106, 115, 125); padding-top: 10px; padding-bottom: 10px; padding-left: 20px; margin-bottom: 20px; margin-top: 20px; border-left-color: rgb(216, 156, 246); background: rgb(244, 238, 255);"> <p style="padding-top: 8px; padding-bottom: 8px; font-size: 14px; word-spacing: 2px; margin-top: 0px; margin-bottom: 0px; color: black; line-height: 26px;">之前有部分人反馈说不知道菜单栏可以添加哪些菜单,而且添加菜单的时候也不可以选择路径(会有的),于是乎只能慢慢探索可以添加的路径,下面就详细罗列一下可以添加的路径。</p> </blockquote> <h2 style="font-weight: bold; font-size: 22px; margin-top: 20px; margin-right: 10px; margin-bottom: 0px;"><span style="display: none;"></span><span style="font-size: 18px; display: inline-block; padding-left: 10px; border-left: 5px solid rgb(145, 109, 213);">系统预设路径</span></h2> <ul style="margin-top: 8px; margin-bottom: 8px; padding-left: 25px; font-size: 15px; list-style-type: circle;"> <li><section style="margin-top: 5px; margin-bottom: 5px; line-height: 26px; color: rgb(1, 1, 1); font-size: 14px;">系统预设路径</section></li></ul> <section style="overflow-x: auto;"><table> <thead> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <th style="border-top: 1px solid rgb(204, 204, 204); border-bottom-width: 1px; border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; text-align: left; background-color: rgb(240, 240, 240); font-size: 14px; min-width: 85px;">名称</th> <th style="border-top: 1px solid rgb(204, 204, 204); border-bottom-width: 1px; border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; text-align: left; background-color: rgb(240, 240, 240); font-size: 14px; min-width: 85px;">路径</th> <th style="border-top: 1px solid rgb(204, 204, 204); border-bottom-width: 1px; border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; text-align: left; background-color: rgb(240, 240, 240); font-size: 14px; min-width: 85px;">说明</th> </tr> </thead> <tbody style="border: 0;"> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">首页</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">/</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">主页路径</td> </tr> <tr style="border: 0; border-top: 1px solid #ccc; background-color: #F8F8F8;"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">归档页面</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">/archives</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">文章归档的页面</td> </tr> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">友情链接</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">/links</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">友情链接页面,需要主题自带</td> </tr> <tr style="border: 0; border-top: 1px solid #ccc; background-color: #F8F8F8;"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">图库</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">/photos</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">图库页面,需要主题自带</td> </tr> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">标签</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">/tags</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">标签云页面,需要主题自带</td> </tr> <tr style="border: 0; border-top: 1px solid #ccc; background-color: #F8F8F8;"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">RSS 页面</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">/feed 或 /feed.xml</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">RSS 订阅,一般不添加到菜单</td> </tr> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">站点地图</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">/sitemap.xml</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">站点地图,一般不添加到菜单</td> </tr> </tbody> </table> </section><h2 style="font-weight: bold; font-size: 22px; margin-top: 20px; margin-right: 10px; margin-bottom: 0px;"><span style="display: none;"></span><span style="font-size: 18px; display: inline-block; padding-left: 10px; border-left: 5px solid rgb(145, 109, 213);">自定义页面路径</span></h2> <ul style="margin-top: 8px; margin-bottom: 8px; padding-left: 25px; font-size: 15px; list-style-type: circle;"> <li><section style="margin-top: 5px; margin-bottom: 5px; line-height: 26px; color: rgb(1, 1, 1); font-size: 14px;">自定义页面路径</section></li></ul> <section style="overflow-x: auto;"><table> <thead> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <th style="border-top: 1px solid rgb(204, 204, 204); border-bottom-width: 1px; border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; text-align: left; background-color: rgb(240, 240, 240); font-size: 14px; min-width: 85px;">名称</th> <th style="border-top: 1px solid rgb(204, 204, 204); border-bottom-width: 1px; border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; text-align: left; background-color: rgb(240, 240, 240); font-size: 14px; min-width: 85px;">路径</th> <th style="border-top: 1px solid rgb(204, 204, 204); border-bottom-width: 1px; border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; text-align: left; background-color: rgb(240, 240, 240); font-size: 14px; min-width: 85px;">说明</th> </tr> </thead> <tbody style="border: 0;"> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">#</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">/s/ 页面路径</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">页面路径在新建页面可以设置</td> </tr> <tr style="border: 0; border-top: 1px solid #ccc; background-color: #F8F8F8;"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">例:关于页面</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">/s/about</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">关于页面</td> </tr> </tbody> </table> </section><h2 style="font-weight: bold; font-size: 22px; margin-top: 20px; margin-right: 10px; margin-bottom: 0px;"><span style="display: none;"></span><span style="font-size: 18px; display: inline-block; padding-left: 10px; border-left: 5px solid rgb(145, 109, 213);">自定义静态页面路径</span></h2> <blockquote style="border-top: none; border-right: none; border-bottom: none; border-image: initial; font-size: 0.9em; overflow: auto; border-left-width: 3px; color: rgb(106, 115, 125); padding-top: 10px; padding-bottom: 10px; padding-left: 20px; margin-bottom: 20px; margin-top: 20px; border-left-color: rgb(216, 156, 246); background: rgb(244, 238, 255);"> <p style="padding-top: 8px; padding-bottom: 8px; font-size: 14px; word-spacing: 2px; margin-top: 0px; margin-bottom: 0px; color: black; line-height: 26px;">关于如何自定义静态页面,参考 <a href="https://ryanc.cc/archives/halo-add-html-page" style="overflow-wrap: break-word; color: rgb(145, 109, 213); font-weight: bolder; border-bottom: 1px solid rgb(145, 109, 213);">Halo - 自助添加 HTML 静态页面</a>,另外,这种方式是可以支持 vue/react 等应用的,亲测可行。</p> </blockquote> <section style="overflow-x: auto;"><table> <thead> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <th style="border-top: 1px solid rgb(204, 204, 204); border-bottom-width: 1px; border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; text-align: left; background-color: rgb(240, 240, 240); font-size: 14px; min-width: 85px;">名称</th> <th style="border-top: 1px solid rgb(204, 204, 204); border-bottom-width: 1px; border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; text-align: left; background-color: rgb(240, 240, 240); font-size: 14px; min-width: 85px;">路径</th> <th style="border-top: 1px solid rgb(204, 204, 204); border-bottom-width: 1px; border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; text-align: left; background-color: rgb(240, 240, 240); font-size: 14px; min-width: 85px;">说明</th> </tr> </thead> <tbody style="border: 0;"> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">#</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">/ 文件夹 / 页面.html</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">必须添加后缀</td> </tr> <tr style="border: 0; border-top: 1px solid #ccc; background-color: #F8F8F8;"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">例:测试页面</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">/test/index.html</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">test 为上传的文件夹名</td> </tr> </tbody> </table> </section><h2 style="font-weight: bold; font-size: 22px; margin-top: 20px; margin-right: 10px; margin-bottom: 0px;"><span style="display: none;"></span><span style="font-size: 18px; display: inline-block; padding-left: 10px; border-left: 5px solid rgb(145, 109, 213);">其他</span></h2> <blockquote style="border-top: none; border-right: none; border-bottom: none; border-image: initial; font-size: 0.9em; overflow: auto; border-left-width: 3px; color: rgb(106, 115, 125); padding-top: 10px; padding-bottom: 10px; padding-left: 20px; margin-bottom: 20px; margin-top: 20px; border-left-color: rgb(216, 156, 246); background: rgb(244, 238, 255);"> <p style="padding-top: 8px; padding-bottom: 8px; font-size: 14px; word-spacing: 2px; margin-top: 0px; margin-bottom: 0px; color: black; line-height: 26px;">如果你想将一篇文章添加到菜单,或者标签下所有文章页面也是可以的,如下。</p> </blockquote> <section style="overflow-x: auto;"><table> <thead> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <th style="border-top: 1px solid rgb(204, 204, 204); border-bottom-width: 1px; border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; text-align: left; background-color: rgb(240, 240, 240); font-size: 14px; min-width: 85px;">名称</th> <th style="border-top: 1px solid rgb(204, 204, 204); border-bottom-width: 1px; border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; text-align: left; background-color: rgb(240, 240, 240); font-size: 14px; min-width: 85px;">路径</th> <th style="border-top: 1px solid rgb(204, 204, 204); border-bottom-width: 1px; border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; text-align: left; background-color: rgb(240, 240, 240); font-size: 14px; min-width: 85px;">说明</th> </tr> </thead> <tbody style="border: 0;"> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">#</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">/archives/ 文章路径</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">文章路径可以在文章编辑页面自定义</td> </tr> <tr style="border: 0; border-top: 1px solid #ccc; background-color: #F8F8F8;"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">例:Hello Halo</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">/archives/hello-halo</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">Hello Halo 文章页面</td> </tr> <tr style="border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204);"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">#</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">/tags/ 标签路径</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">标签路径可自定义</td> </tr> <tr style="border: 0; border-top: 1px solid #ccc; background-color: #F8F8F8;"> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">例:Java 标签下的文章</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">/tags/java</td> <td style="border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; padding: 5px 10px; font-size: 14px; min-width: 85px;">展示所有 Java 标签下的文章</td> </tr> </tbody> </table> </section><blockquote style="border-top: none; border-right: none; border-bottom: none; border-image: initial; font-size: 0.9em; overflow: auto; border-left-width: 3px; color: rgb(106, 115, 125); padding-top: 10px; padding-bottom: 10px; padding-left: 20px; margin-bottom: 20px; margin-top: 20px; border-left-color: rgb(216, 156, 246); background: rgb(244, 238, 255);"> <p style="padding-top: 8px; padding-bottom: 8px; font-size: 14px; word-spacing: 2px; margin-top: 0px; margin-bottom: 0px; color: black; line-height: 26px;">暂时就是这些可以自助添加到菜单栏,如果后面有其他的,这篇文章会同步更新,下面附上我网站菜单设置。以供参考。</p> </blockquote> </section>
收藏(421)  分享
相关标签: Halo
0个回复
  • 消灭零回复