Typecho之Joe主题开启文章目录功能 Typecho之Joe主题开启文章目录功能本文参考其他博客，整理配置了Typecho博客的Joe主题文章目录功能，希望能够帮到你一、环境介绍假设网站根目录为：/data/www主题目录为：usr/theme/Gmork二、资源下载途径可以参考https://github.com/typecho-fans/plugins/releases/download/plugins-M_to_R/MenuTree.zip也可以使用本站快捷下载三、下载并解压插件到指定目录cd /data/www/usr/plugins wget https://download.gmork.cc/typecho/joe/MenuTree.zip unzip MenuTree.zip四、修改主题模版cd /data/www编辑usr/themes/Gmork/public/aside.php文件，预留目录空间，添加如下代码<section class="joe_aside__item menu-tree" style="display:none;"> <div class="joe_aside__item-title menu_title"> <svg t="1642997936013" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2169" width="128" height="128"><path d="M838.3 895.9H197.9c-53.9 0-97.7-43.8-97.7-97.7V236.7c0-53.9 43.8-97.7 97.7-97.7h640.3c53.9 0 97.7 43.8 97.7 97.7v561.4c0.1 53.9-43.7 97.8-97.6 97.8zM197.9 203.8c-18.1 0-32.9 14.8-32.9 32.9v561.4c0 18.1 14.8 32.9 32.9 32.9h640.3c18.1 0 32.9-14.8 32.9-32.9V236.7c0-18.1-14.8-32.9-32.9-32.9H197.9z" fill="#666666" p-id="2170"></path><path d="M695.1 455.2H341.2c-17.9 0-32.4-14.5-32.4-32.4s14.5-32.4 32.4-32.4h353.9c17.9 0 32.4 14.5 32.4 32.4s-14.5 32.4-32.4 32.4zM695.1 578.2H341.2c-17.9 0-32.4-14.5-32.4-32.4s14.5-32.4 32.4-32.4h353.9c17.9 0 32.4 14.5 32.4 32.4s-14.5 32.4-32.4 32.4zM695.1 701.2H341.2c-17.9 0-32.4-14.5-32.4-32.4s14.5-32.4 32.4-32.4h353.9c17.9 0 32.4 14.5 32.4 32.4s-14.5 32.4-32.4 32.4zM379.1 281.1c-17.9 0-32.4-14.5-32.4-32.4V115.4c0-17.9 14.5-32.4 32.4-32.4s32.4 14.5 32.4 32.4v133.2c0 17.9-14.5 32.5-32.4 32.5zM657.1 281.1c-17.9 0-32.4-14.5-32.4-32.4V115.4c0-17.9 14.5-32.4 32.4-32.4s32.4 14.5 32.4 32.4v133.2c0 17.9-14.5 32.5-32.4 32.5z" fill="#666666" p-id="2171"></path></svg> <span class="text">目录</span> </div> <?php $this->treeMenu(); ?> </section>代码添加完如下图：五、编写CSS样式文件编写 assets/css/menutree.css，样式文件/*，侧边栏目录导航只在文章页面生效*/ .joe_post + .joe_aside > section { display: none; } .joe_post + .joe_aside > .author { display: block; } .joe_post + .joe_aside > .menu-tree { display: block !important; } .menu-tree { background: var(--background); padding: 15px 0px; top: 50px; position: sticky; } .index-menu { max-height: 500px; overflow-y:auto; overflow-x:hidden; margin-top: 10px; } /** 父元素<ul>与其中的子元素<li> **/ .index-menu-item { margin: 10px 0px; } .index-menu-list { margin: 5px 0px 5px 10px; } /** 所有<a>标签 **/ .index-menu-link{ color: var(--main); transition:all 0.2s ease-in-out 0s; padding:5px 0px; } .index-menu-link:hover { color: var(--theme); text-shadow: var(--text-shadow); font-weight:500; } /* 锚点跳转定位 */ .menu-target-fix { display: block; position: relative; /* 偏移量 */ top:-100px; } /* 在宽度小于1000px的设备上隐藏短划线，以使目录的标题正常显示 */ @media screen and (max-width:1000px) { .joe_aside__item-title > .line { display:none; } } /* 在宽度小于800px的设备上隐藏目录侧边栏 */ @media screen and (max-width:800px) { .menu-tree{ display:none; } }六、在typecho中引用样式文件编辑Joe主题文件夹post.php文件,在标签中添加以下代码<link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/menutree.css'); ?>">七、最后在Typecho管理后台启用目录插件切记选择独立模式八、测试效果图

恭贺新春-新年快乐 恭贺新春-新年快乐新年快乐！！！{lamp/}烟火起 照人间 举杯敬此年烟花落 四季平 举杯贺新碎年年有今日 岁岁有今朝年年有风 风吹年年家人闲坐，辞旧迎新旧疾当愈 新年可期岁岁常欢愉 年年皆善意{lamp/}::(太开心) ::(太开心) ::(太开心) ::(太开心) ::(太开心) ::(太开心)

《雪中悍刀行》陈望 《雪中悍刀行》之陈望世间文字八万个，唯有情字最杀人！ {mp3 name="梦吹到西州" url="https://www.gmork.cc/extend/media/mp3/吹梦到西洲.mp3" cover="" theme="#efac4d" autoplay="autoplay"/}雪中的故事，是一场有情有义的故事。在这个故事中，有一生只爱王妃吴素一人的北凉王徐骁，有等了大秦皇帝八百年的洛阳，有修道七百年寒暑只为一袭红衣的吕祖，有不负如来不负卿的李当心，有薛宋官和苏酥，有吴六鼎和翠花，有曹长卿、李淳罡、温华.......这些人都是有情人，痴心不悔，有着各自的风流。江湖剑客风流，雪中的读书人一样风流。天下先有赵长陵、李义山、黄龙士、张巨鹿、元本溪、纳兰右慈、齐阳龙等人，后有徐北枳、陈锡亮、白煜、陈望、孙寅、严池集、陆诩等人，这些人都有着自己的辉煌。江湖儿郎有情有义，负心多是读书人，其实读书人亦有痴情人，只是他们的情很是凄苦，爱而不得，令人感叹。最凄凉是陈望 望，月满之名，日在东，月在西，遥相望。陈望，遥遥相望，他的一生都和那许下山盟海誓的女子遥遥相望，一生凄凉！ 陈望是地地道道的北凉读书人，是一个落魄的寒酸读书人。在幽州老家时，陈望常常在芦苇口渡口读书，她则在旁边一边捣衣一边听他读书。那时陈望手中有一片万金的奇楠木， 三世修得善因缘，今生得闻奇楠香 ，陈望告诉她以后科举成名后一定会衣锦还乡带给她奇楠香木，他还说一定会娶她。她羞红了脸，一本正经地说以后成亲了就不让他碰田间劳务了，因为他是读书人。山盟海誓从此定下来！读书人皆是负心人，最负痴心人。陈望离开北凉，离开了那个芦苇荡渡口，离开了那个她，他告诉她无论能否考中，都会回来娶她，她也说会一直等他。陈望千里迢迢来到那座天下首善的太安城，在千军万马过独木桥的科举中，一举高中，七年中一步步出人头地。不同于北凉的其他官员，他没说过北凉一句坏话，也丝毫不掩饰他与徐凤年之间的香火情，但他就这样一步步高升。离阳老皇帝钦点了他的婚事，未来的皇帝赵篆最信任的人就是他，谁都知道这是离阳的新贵，未来入阁拜相指日可待。洞房花烛，人生大喜事。只是掀开红盖头，却不是她，这是一种怎样的失望。陈望的妻子是郡王的女儿，他成了皇亲国戚，只是她不是那个她。陈望心中的那个她，还一直在芦苇荡口痴痴地等待着，风雨无阻，但陈望只能靠着那片带来的奇楠香木思念着远方的她，遥遥相望。这么些年，陈望一直与郡主妻子和睦地生活着。陈望是个完美的人，他很在意郡主，郡主也是个很好的女子，很珍惜他，只是陈望又怎能忘记芦苇荡口那个山盟海誓的女子。陈望很幸福，也很煎熬，他什么也不怕，最怕的就是睡梦中不经意说出那个魂牵梦绕的名字，唯恐害了她。陈望很想告诉她找个好人家嫁了吧，千万不要再等他这个负心人了，但他没办法做到。这么些年，陈望只给了她“勿念勿等”四个字，他不知道的是这短短的四个字她也没有收到，那个女子为他拒绝了所有的提亲，一直等着他归来。他更不知道的是那个女子一直在等他，只不过不是站在芦苇荡渡口，而是躺在芦苇荡口的坟茔里永远等待他，她终究没能为他穿上一身红妆，但她不怨。人已死却不怨，未归之人却不知。赵篆即位后，他一手扶植的心腹陈望自是破格提升，是下一任离阳首辅的不二人选。一个漫长的十年，十年里，陈望做人处事完美无瑕，这是个几近完美的人。京城中所有人都佩服陈少保，也都知道他从来滴酒不沾，其中缘由或许知道的人就不多了。那一天，陈望却带回一壶酒，一边喝酒一边泪流不止。那一刻的陈望，这个有可能成为第二个离阳张巨鹿的男人，在夜幕中的官路上，像个孩子一样嚎啕大哭。只因那一天他收到北凉的一封口头上的隐秘谍报，短短的四个字 “已死，有愧” 。北凉无愧天下有愧陈望有愧她，陈望无愧北凉唯独有愧于她。十年里，陈望给北凉的只有两封密信，一封是太子的人选，一封是老皇帝的身体状况。这是一个有大功于北凉的人，他唯独在两封密信的结尾分别写了两个字 “勿念”，“勿等” ，他让北凉转告于她。只是陈望飞黄腾达后那个渡口一直有离阳赵勾盯着，简单的四个字，北凉没有办法帮他传送到，痴痴的她没有收到。她没有等到那个说无论能否考取功名，都会返乡迎娶她入门的读书人。她死在了芦苇荡口，也埋在了那里，她还在一直等着他。北凉三十万铁骑甲天下，无惧北莽百万大军，却独独没能守护住这个北凉的普通女子，北凉终究是愧对她，也愧对陈望。那一刻，陈望是迁怒于那个年轻的北凉藩王的，也是迁怒北凉的。陈望入离阳，为北凉做的一切，是因为他希望北凉安稳，是因为她在北凉，归根结底是因为她。公子晚归，不如不归，陈望终究还是回去了 。再次返回北凉，陈望是以离阳天子使节的身份返回的，而回幽州老家时，则是赵篆亲自恳请了太安城那个与国同龄的年轻宦官护送他回乡。北凉早已无所牵挂，再也看不见她了，对于北凉对于徐凤年的袖手旁观，陈望是有怨恨的，只是凭他的才智也知道北凉的苦衷。如果真的可以重新选择，陈望只愿当年不曾高榜题名，只愿当年黯然还乡，只愿和她平淡地渡过一生。幽州沂河城郊，陈望再次回到了家乡。只是陈望没有进村，父母早已去世，她也不在，回去也没有了意义。最终，陈望来到了她的坟头。十年之后，他终于回来了，昔年的山盟海誓言犹在耳，只是两人已经阴阳相隔。陈望盘腿坐在坟前，如同以前一样，柔声念书给她听，芦苇飘荡如女子点头，笑颜如花。赵铸篡位登基后，依然重用旧帝赵篆的心腹陈望，陈望终究成了离阳首辅。终其一生，陈望再也不会回北凉了，没有了她已经没有了意义，但终其一生，陈望都不会忘记她。遥相望，陈望和她终究只能是凄凉的相望！读书人皆是负心人，读书人亦是痴情人！轩辕敬城一生没等到当归的良人，陈望让她勿念勿等一生又何尝忘了她。轩辕敬城苦，陈望亦苦！年轻时读书，曾见古语有云：三世修得善因缘，今生得闻奇楠香。寒窗残灯青书生，芦苇渡口浣纱女。书生勿等勿念，不见榣山。一朝科举天下知，鲜衣怒马少年时。待高头大马，许一世繁华。青灯火烛红盖头下，无她。浣女在等在念，愿闻奇楠。美人芳华倾天下，旖旎青丝为若花。冀奇楠系身，许一世相守。远山残影芦苇丛中，是她。人已死却无怨，未归之人却不知。

书籍推荐 书籍是各位先贤留给我们的宝贵财富，虽处于不同的时空下，我们却能够通过书籍这座桥梁，逆转时空穿越宙宇和这些思想巨人畅所欲言，沟通有无。开卷有益，来自我求学时代的老师，谢谢你们！