搜索到
275
篇与
的结果
-
青龙面板必装依赖及青龙各种问题解决 一、服务器一键安装1、一键安装所有依赖进入青龙面板docker exec -it 青龙名称 bash复制下面命令执行，等待执行完毕即可！注意你的青龙目录这里的目录为qlpackage_name="canvas png-js date-fns axios crypto-js ts-md5 tslib @types/node dotenv typescript fs require tslib" for i in $package_name; do case $i in canvas) cd /ql/scripts npm ls $i ;; *) npm ls $i -g ;; esac done二、手动安装(在面板里安装的依赖-个人推荐)NodeJs下crypto-js prettytable dotenv jsdom date-fns tough-cookie tslib ws@7.4.3 ts-md5 jsdom -g jieba fs ds form-data json5 global-agent png-js @types/node require typescript js-base64 axios momentPython3下requests canvas ping3 jiebaLinux下bizCode bizMsg lxml libc-dev python3-dev gcc三、部分依赖问题解决方法1.一般出现这种错误：(缺依赖){message type="error" content="Error: Cannot find module ‘xx’"/}{message type="success" content="解决方法：docker exec -it 容器名 pnpm install xx"/}2.一般出现这种错误：(缺文件){message type="error" content="Error: Cannot find module ‘./xx’"/}{message type="success" content="解决方法：一般是拉库命令不完整，请检查或复制完整的拉库命令重新拉库。"/}3.一般出现这种错误：(缺py依赖){message type="error" content="ModuleNotFoundError: No module named ‘xxx’.py"/}{message type="success" content="解决方法：docker exec -it 容器名 pip3 install xxx"/}4.遇到这种问题：(脚本问题){message type="error" content="TypeError: Cannot read property ‘xxxx’ of undefined"/}{message type="warning" content="这种脚本问题、IP问题、服务器网络、京东接口修改或者账号活动被限制等！导致的脚本无法正常运行。解决方法:此类问题较为复杂根据实际情况解决吧。最好搞动态IP。"/} -
JOE主题未来展望-持续更新 一、网站维护 {x}{collapse}{collapse-item label="版本一" close}1.在function里加上选项代码//网站维护 $JDefend = new Typecho_Widget_Helper_Form_Element_Select( 'JDefend', array('off' => '关闭（默认）', 'on' => '开启'), 'off', '请选择是否开启网站维护', '介绍：开启后，网站所有页面将会显示维护界面，不可访问。' ); $JDefend->setAttribute('class', 'joe_content joe_nobb'); $form->addInput($JDefend->multiMode());2.在zhinianblog的版本include.php末尾添加<!--网站维护开始--> <?php if ($this->options->JDefend === 'on') : ?> <!DOCTYPE html> <html lang="en" style="height: 100%;"> <head> </head> <body style="height: 100%; display: flex; align-items: center; justify-content: center;"> <div class="container"> <div class="j-defend"> <h1 style="text-align:center;font-family:"text-indent:2em;"> <strong><span style="color:#FF6600;"><span style="background-color:#FF9900;color:#FFFFFF;"> </span><span style="background-color:#FF9900;color:#FFFFFF;">通 知 </span></span></strong> </h1> <h2 style="font-family:"text-indent:2em;"> <strong>尊敬的访客:</strong> </h2> <blockquote> <h2 style="font-family:""> <strong>您好，本博客正在更新迭代中，暂时无法访问！每次的更新都为您带来更好的体验，敬请期待！</strong> </h2> </blockquote> <h2 style="text-align:right;font-family:"text-indent:2em;"> <strong>感谢您的支持！ </strong><strong> </strong> </h2> </div> </div> </div> </body> </html> <?php exit; ?> <?php endif; ?> <!--网站维护结束-->{/collapse-item}{/collapse}{collapse}{collapse-item label="版本二" close}1.添加后台开关在主题目录下的 functions.php 里添加以下代码（因为我引入了自定义配置文件，所以我是放在 public/custom.php 文件里的）代码：//网站维护 $Maintain = new Typecho_Widget_Helper_Form_Element_Select( 'Maintain', array( 'off' => '关闭（默认）', 'on' => '开启', ), 'off', '是否开启全站维护功能', '介绍：开启后，全站进入维护状态' ); $Maintain->setAttribute('class', 'joe_content joe_nobb'); $form->addInput($Maintain->multiMode());2.添加全局跳转因为我一般更新都是整站屏蔽的，所以我这里是添加的全局跳转，直接在public/header.php顶部添加以下代码如果你只想某些页面跳转，比如只想跳转首页，你可以在index.php添加下面的代码<!-- 网站维护跳转 --> <?php if(Helper::options()->Maintain === 'on') { header("Location: Maintain.html"); exit; } ?>3.上传维护页面下载下面的文件，上传到Typecho主程序的根目录记得把文件名改为Maintain.html（区分大小写，注意：不是 主题 根目录）点我下载 转自：fuuuy.cn/archives/346.html{/collapse-item}{/collapse}{dotted startColor="#eeff00" endColor="#1989fa"/}二、右键屏蔽{x}{collapse}{collapse-item label="参考代码" close}1.在function里加上选项代码//右键屏蔽 $JContextMenuStatus = new Typecho_Widget_Helper_Form_Element_Select( 'JContextMenuStatus', array('off' => '关闭（默认）', 'on' => '开启'), 'on', '是否开启禁用鼠标右键、禁止复制（仅限PC）', '介绍：开启后则鼠标右键、复制不可用' ); $JContextMenuStatus->setAttribute('class', 'joe_content joe_nobb'); $form->addInput($JContextMenuStatus->multiMode()); 2.在zhinianblog的版本include.php末尾添加<!--禁止右键、复制--> <?php if ($this->options->JContextMenuStatus === 'on') : ?> <script language="Javascript"> document.oncontextmenu=new Function("event.returnValue=false"); document.onselectstart=new Function("event.returnValue=false"); </script> <?php endif; ?>{/collapse-item}{/collapse}{dotted startColor="#eeff00" endColor="#1989fa"/}三、是否开启评论画板{x}{collapse}{collapse-item label="参考代码" close} 1.在function里加上选项代码 //评论画板 $huaban = new Typecho_Widget_Helper_Form_Element_Select( 'huaban', array('off' => '关闭（默认）', 'on' => '开启'), 'off', '是否开启画板评论', '介绍：开启后，文章评论部分出现画板。' ); $huaban->setAttribute('class', 'joe_content joe_nobb'); $form->addInput($huaban->multiMode());2.修改comment.php修改<?php if ($this->options->huaban === 'on') : ?><button class="item" data-type="draw">画图模式</button><?php endif; ?>{/collapse-item}{/collapse}{dotted startColor="#eeff00" endColor="#1989fa"/}四、Typecho后台撰写文章时插入标签{collapse}{collapse-item label="参考" close}把以下代码复制到 ./admin/write-post.php 指定位置就行了{tabs}{tabs-pane label="代码"} <!-- 标签选择 --> <section class="typecho-post-option"> <label for="token-input-tags" class="typecho-label"><?php _e('标签'); ?></label> <p> <input id="tags" name="tags" type="text" value="<?php $post->tags(',', false); ?>" class="w-100 text" /> <style>.tagshelper a{cursor: pointer; padding: 0px 6px; margin: 2px 0;display: inline-block;border-radius: 2px;text-decoration: none;}.tagshelper a:hover{background: #ccc;color: #fff;} </style> <script> $(document).ready(function(){ $('#tags').after('<div style="margin-top: 35px;" class="tagshelper">标签选择：<ul style="list-style: none;border: 1px solid #D9D9D6;padding: 6px 12px; max-height: 240px;overflow: auto;background-color: #FFF;border-radius: 2px;"><?php $stack = Typecho_Widget::widget('Widget_Metas_Tag_Cloud')->stack; $i = 0; while (isset($stack[$i])) { echo "<a id=\"$i\" onclick=\"$(\'#tags\').tokenInput(\'add\', {id: \'".$stack[$i]['name']."\', tags: \'".$stack[$i]['name']."\'});\">",$stack[$i]['name'], "</a>"; $i++; if (isset($stack[$i])) echo " ";} ?></ul></div>'); }); </script> </p> </section>{/tabs-pane}{tabs-pane label="位置"}{/tabs-pane}{/tabs}{/collapse-item}{/collapse}{dotted startColor="#eeff00" endColor="#1989fa"/}五、文章页添加目录和双击自动下滑阅读{collapse}{collapse-item label="参考" close} https://blog.csdn.net/weixin_43872379/article/details/124154545 https://vircloud.net/default/change-theme.html/comment-page-34 {/collapse-item}{/collapse}{dotted startColor="#eeff00" endColor="#1989fa"/}六、给文章添加阅读模式{collapse}{collapse-item label="参考" close} https://www.fuuuy.cn/archives/859.html1.添加后台开关在Joe/functions.php 里添加（也可以在 Joe/public/custom.php 里添加，前提是你创建并引用了这个文件）/ 是否启用阅读模式 $ReadBook = new Typecho_Widget_Helper_Form_Element_Select( 'ReadBook', array( 'off' => '关闭（默认）', 'on' => '开启'), 'off', '请选择是否启用阅读模式', '介绍：开启后，文章页可以进入阅读模式' ); $ReadBook->setAttribute('class', 'joe_content joe_custom'); //没有joe_custom就改成joe_other $form->addInput($ReadBook->multiMode());2.添加开关按钮在 Joe/public/footer.php 的 <div class="joe_action"> 内部添加以下代码<!-- 阅读模式 --> <?php if ($this->options->ReadBook === 'on' && $this->is('post')) : ?> <!-- 检测是否为文章页 --> <div class="joe_action_item read_book" title="阅读模式"> <svg t="1651294208728" class="icon-1" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22"> <path d="M170.666667 128a42.666667 42.666667 0 0 0-42.666667 42.666667v597.333333a42.666667 42.666667 0 0 0 42.666667 42.666667h161.664a213.333333 213.333333 0 0 1 118.314666 35.84l61.354667 40.874666 61.354667-40.874666A213.333333 213.333333 0 0 1 691.626667 810.666667H853.333333a42.666667 42.666667 0 0 0 42.666667-42.666667V170.666667a42.666667 42.666667 0 0 0-42.666667-42.666667h-161.664c-17.706667 0-44.672 7.68-67.413333 20.906667-11.008 6.4-18.944 12.928-23.637333 18.346666a23.978667 23.978667 0 0 0-3.413334 4.821334V682.666667a42.666667 42.666667 0 0 1-85.333333 0V170.666667c0-24.746667 11.861333-44.970667 24.192-59.221334a178.688 178.688 0 0 1 45.354667-36.352c32.384-18.773333 74.026667-32.426667 110.250666-32.426666H853.333333a128 128 0 0 1 128 128v597.333333a128 128 0 0 1-128 128h-161.664a128 128 0 0 0-70.997333 21.504l-84.992 56.661333a42.666667 42.666667 0 0 1-47.36 0l-84.992-56.661333A128 128 0 0 0 332.330667 896H170.666667a128 128 0 0 1-128-128V170.666667a128 128 0 0 1 128-128h161.664a213.333333 213.333333 0 0 1 118.314666 35.84 42.666667 42.666667 0 0 1-47.317333 70.997333A128 128 0 0 0 332.330667 128H170.666667z" p-id="9868" fill="var(--minor)" data-spm-anchor-id="a313x.7781069.0.i0" class="selected"></path> <path d="M213.333333 384a42.666667 42.666667 0 0 1 42.666667-42.666667h128a42.666667 42.666667 0 0 1 0 85.333334H256a42.666667 42.666667 0 0 1-42.666667-42.666667zM256 554.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h85.333333a42.666667 42.666667 0 0 1 0 85.333333H298.666667a42.666667 42.666667 0 0 1-42.666667-42.666666z" fill="var(--minor)" p-id="9869" data-spm-anchor-id="a313x.7781069.0.i1" class="selected"></path> </svg> <svg t="1651294208728" class="icon-2" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="22" height="22"> <path d="M170.666667 128a42.666667 42.666667 0 0 0-42.666667 42.666667v597.333333a42.666667 42.666667 0 0 0 42.666667 42.666667h161.664a213.333333 213.333333 0 0 1 118.314666 35.84l61.354667 40.874666 61.354667-40.874666A213.333333 213.333333 0 0 1 691.626667 810.666667H853.333333a42.666667 42.666667 0 0 0 42.666667-42.666667V170.666667a42.666667 42.666667 0 0 0-42.666667-42.666667h-161.664c-17.706667 0-44.672 7.68-67.413333 20.906667-11.008 6.4-18.944 12.928-23.637333 18.346666a23.978667 23.978667 0 0 0-3.413334 4.821334V682.666667a42.666667 42.666667 0 0 1-85.333333 0V170.666667c0-24.746667 11.861333-44.970667 24.192-59.221334a178.688 178.688 0 0 1 45.354667-36.352c32.384-18.773333 74.026667-32.426667 110.250666-32.426666H853.333333a128 128 0 0 1 128 128v597.333333a128 128 0 0 1-128 128h-161.664a128 128 0 0 0-70.997333 21.504l-84.992 56.661333a42.666667 42.666667 0 0 1-47.36 0l-84.992-56.661333A128 128 0 0 0 332.330667 896H170.666667a128 128 0 0 1-128-128V170.666667a128 128 0 0 1 128-128h161.664a213.333333 213.333333 0 0 1 118.314666 35.84 42.666667 42.666667 0 0 1-47.317333 70.997333A128 128 0 0 0 332.330667 128H170.666667z" p-id="9868" data-spm-anchor-id="a313x.7781069.0.i0" class="selected"></path> <path d="M213.333333 384a42.666667 42.666667 0 0 1 42.666667-42.666667h128a42.666667 42.666667 0 0 1 0 85.333334H256a42.666667 42.666667 0 0 1-42.666667-42.666667zM256 554.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h85.333333a42.666667 42.666667 0 0 1 0 85.333333H298.666667a42.666667 42.666667 0 0 1-42.666667-42.666666z" p-id="9869" data-spm-anchor-id="a313x.7781069.0.i1" class="selected"></path> </svg> </div> <?php endif; ?>3.添加JS首先说明，因为我使用的Joe主题自带jQuery框架，如果你是其他主题，请自行引入jQuery或者将以下代码修改为原生js在 Joe/assets/js/joe.post_page.min.js 最后一个 }); 前加入以下代码当然你也可以加在Joe/assets/js/joe.post_page.js里再使用minify进行压缩$(".joe_action div").hasClass("read_book")&&($(".joe_container div").hasClass("joe_post")&&($(".joe_action_item.read_book").addClass("active"),$(".joe_action_item.read_book .icon-1").addClass("active")),$(".joe_action_item.read_book").on("click",function(){$(".joe_action_item.read_book svg").hasClass("icon-1 active")?($(".joe_header").css("display","none"),$(".HeaderImg").css("display","none"),$(".joe_aside").css("display","none"),$(".joe_detail").css("backgroundColor","#bfa"),$(".joe_detail__related").css("display","none"),$(".joe_comment").css("display","none"),$(".joe_footer").css("display","none"),$(".joe-stretch").css("display","none"),$(".joe_detail__article").css("font-size","20px")):($(".joe_header").removeAttr("style"),$(".HeaderImg").removeAttr("style"),$(".joe_aside").removeAttr("style"),$(".joe_detail").removeAttr("style"),$(".joe_detail__related").removeAttr("style"),$(".joe_comment").removeAttr("style"),$(".joe_footer").removeAttr("style"),$(".joe-stretch").removeAttr("style"),$(".joe-stretch").removeAttr("style"),$(".joe_detail__article").removeAttr("style")),$(".joe_action_item.read_book .icon-1").toggleClass("active"),$(".joe_action_item.read_book .icon-2").toggleClass("active")}))4.添加按钮css在 Joe/assets/css/joe.post.min.css 里加入以下代码.joe_action_item.read_book{visibility:hidden;transform:scale(0)}.joe_action_item.read_book.active{visibility:visible;transform:scale(1)}.joe_action_item.read_book svg{transform:scale(0);opacity:0;transition:transform .85s,opacity .85s}.joe_action_item.read_book svg.active{transform:scale(1);opacity:1}{/collapse-item}{/collapse}七、文章添加语音朗诵功能{collapse}{collapse-item label="参考" close}参考 https://laolion.com/archives/2536.html https://vircloud.net/default/change-theme.html/comment-page-34 {/collapse-item}{/collapse}{dotted startColor="#eeff00" endColor="#1989fa"/}八、评论添加显示IP归属地 {x}{collapse}{collapse-item label="参考" close}nothing{/collapse-item}{/collapse}{dotted startColor="#eeff00" endColor="#1989fa"/}九、copyright优化{collapse}{collapse-item label="参考" close}效果图：修改copyright.php<span>版权属于：</span>本文由—→<span class="text"><?php $this->author(); ?></span>←—发布，转载请标明出处！！！ …… <span class="custom-copyright-title">文章转载：</span> <span>作品采用：</span><span class="text">《<a class="link" href="//creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener noreferrer nofollow">署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)</a>》许可协议授权。</span>{/collapse-item}{/collapse}{dotted startColor="#eeff00" endColor="#1989fa"/}十、网站添加大红灯笼{collapse}{collapse-item label="参考" close}参考① JOE主题魔改版自带后台设置：地址 https://laolion.com/archives/2591.html 参考② https://laolion.com/archives/2196.html<head> <style> .deng-box { position: fixed; top: -40px; right: -20px; z-index: 999; pointer-events:none; } .deng-box1 { position: fixed; top: -30px; right: 30px; z-index: 999; pointer-events:none; } .deng-box2 { position: fixed; top: -30px; left: 30px; z-index: 999; pointer-events:none; } .deng-box3 { position: fixed; top: -30px; left: -20px; z-index: 999; pointer-events:none; } .deng-box3 .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, 0.8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 5s infinite ease-in-out; box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1); } .deng-box1 .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, 0.8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 5s infinite ease-in-out; box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1); } .deng { position: relative; width: 120px; height: 90px; margin: 50px; background: #d8000f; background: rgba(216, 0, 15, 0.8); border-radius: 50% 50%; -webkit-transform-origin: 50% -100px; -webkit-animation: swing 3s infinite ease-in-out; box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1); } .deng-a { width: 100px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, 0.1); margin: 12px 8px 8px 8px; border-radius: 50% 50%; border: 2px solid #dc8f03; } .deng-b { width: 45px; height: 90px; background: #d8000f; background: rgba(216, 0, 15, 0.1); margin: -4px 8px 8px 26px; border-radius: 50% 50%; border: 2px solid #dc8f03; } .xian { position: absolute; top: -20px; left: 60px; width: 2px; height: 20px; background: #dc8f03; } .shui-a { position: relative; width: 5px; height: 20px; margin: -5px 0 0 59px; -webkit-animation: swing 4s infinite ease-in-out; -webkit-transform-origin: 50% -45px; background: #ffa500; border-radius: 0 0 5px 5px; } .shui-b { position: absolute; top: 14px; left: -2px; width: 10px; height: 10px; background: #dc8f03; border-radius: 50%; } .shui-c { position: absolute; top: 18px; left: -2px; width: 10px; height: 35px; background: #ffa500; border-radius: 0 0 0 5px; } .deng:before { position: absolute; top: -7px; left: 29px; height: 12px; width: 60px; content: " "; display: block; z-index: 999; border-radius: 5px 5px 0 0; border: solid 1px #dc8f03; background: #ffa500; background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03); } .deng:after { position: absolute; bottom: -7px; left: 10px; height: 12px; width: 60px; content: " "; display: block; margin-left: 20px; border-radius: 0 0 5px 5px; border: solid 1px #dc8f03; background: #ffa500; background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03); } .deng-t { font-family: 华文行楷,Arial,Lucida Grande,Tahoma,sans-serif; font-size: 3.2rem; color: #dc8f03; font-weight: bold; line-height: 85px; text-align: center; } .night .deng-t, .night .deng-box, .night .deng-box1 { background: transparent !important; } @-moz-keyframes swing { 0% { -moz-transform: rotate(-10deg) } 50% { -moz-transform: rotate(10deg) } 100% { -moz-transform: rotate(-10deg) } } @-webkit-keyframes swing { 0% { -webkit-transform: rotate(-10deg) } 50% { -webkit-transform: rotate(10deg) } 100% { -webkit-transform: rotate(-10deg) } } @media screen and (max-width: 700px) { .deng-box { right: 55px; zoom:0.45 } .deng-box1 { right: 190px; zoom:0.45 } .deng-box2 { left: 190px; zoom:0.45 } .deng-box3 { left: 55px; zoom:0.45 } } </style> <body> <!-- 灯笼1 --> <div class="deng-box"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">庆</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> <!-- 灯笼2 --> <div class="deng-box1"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">国</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> <!-- 灯笼3 --> <div class="deng-box2"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">度</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> <!-- 灯笼4 --> <div class="deng-box3"> <div class="deng"> <div class="xian"></div> <div class="deng-a"> <div class="deng-b"><div class="deng-t">欢</div></div> </div> <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div> </div> </div> </body>{/collapse-item}{/collapse}十一、BUG修复置顶一篇文章后，再修改那篇文章，首页会显示两篇一样的文章十二、JOE后台外观编辑：保存密钥、授权码十三、添加CDN功能十四、鼠标滑动有BUG，在首页、文章页等滑动不顺畅十五、微信吸粉{collapse}{collapse-item label="参考" close}吸粉参考 {/collapse-item}{/collapse}十六、首页文章分页采取pjax动态响应十七、添加侧边导读目录树{collapse}{collapse-item label="参考" close}1.在全局设置 - 自定义增加<head></head>里添加<!-- 侧边文章目录导读 --> <style type="text/css"> .outline-outside-modal-opened { z-index: 10000 !important; left: 0; width: 300px !important; } </style> <link rel="stylesheet" href="https://cdn.nobb.cc/jsdelivr/gh/yaohaixiao/autocjs/dist/css/autoc.min.css"> 2.在全局设置 - 自定义<body></body>末尾位置内容里添加<!-- 侧边文章目录导读 --> <script src="https://cdn.nobb.cc/jsdelivr/gh/yaohaixiao/autocjs/dist/autoc.min.js"></script> <script> // 文章导航 if ( $(".joe_detail__article").length > 0 ){ // 创建 Outline 实例 let navigation = new AutocJs({ // 文章正文 DOM 节点的 ID 选择器 article: '.joe_detail__article', // 要收集的标题选择器 selector: 'h1,h2,h3,h4,h5,h6', // 侧边栏导航的标题 title: '文章导读', // 文章导读导航的位置 // outside - 以侧边栏菜单形式显示（默认值） // inside - 在文章正文一开始的地方显示 position: 'outside', // 标题图标链接的 URL 地址 // （默认）没有设置定制，点击链接页面滚动到标题位置 // 设置了链接地址，则不会滚动定位 anchorURL: '', // 链接的显示位置 // front - 在标题最前面（默认值） // back - 在标题后面 anchorAt: 'back', // 是否生成文章导读导航 isGenerateOutline: true, // 是否在文章导读导航中显示段落章节编号 isGenerateOutlineChapterCode: false, // 是否在正文的文章标题中显示段落章节编号 isGenerateHeadingChapterCode: false, // 是否在正文的文章标题中创建锚点 isGenerateHeadingAnchor: false }); } </script>{/collapse-item}{/collapse}十八、侧边栏开关{collapse}{collapse-item label="参考" close}1.添加后台开关在 Joe/functions.php 里添加一下代码（当然，如果你看过我其他教程，引入了 Joe/public/custom.php这个文件，你也可以直接加在这个里面 ）// 伸缩侧边栏开关 $AsideStretch = new Typecho_Widget_Helper_Form_Element_Select( 'AsideStretch', array( 'off' => '关闭（默认）', 'on' => '开启', ), 'on', '是否启用伸缩侧边栏开关功能', '介绍：开启后，页面出现可伸缩侧边栏的模块' ); $AsideStretch->setAttribute('class', 'joe_content joe_change'); //如未生效，需将joe_change换成joe_other $form->addInput($AsideStretch->multiMode());2.添加按钮将以下代码加入 Joe/post.php 中<!-- 伸缩侧边栏 --> <?php if ($this->options->AsideStretch === 'on') : ?> <div class="joe-stretch"> <div class="contain"> <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"> <path d="M1024 894.976c0 71.68-51.2 129.024-114.688 129.024H116.736c-63.488 0-114.688-57.344-114.688-129.024V129.024C0 57.344 51.2 0 116.736 0h790.528c63.488 0 114.688 57.344 114.688 129.024v765.952zM987.136 155.648c0-65.536-47.104-118.784-106.496-118.784H145.408c-59.392 0-108.544 53.248-108.544 118.784v712.704c0 65.536 47.104 118.784 106.496 118.784h735.232c59.392 0 106.496-53.248 106.496-118.784V155.648z m0 0" p-id="17709"></path> <path d="M923.648 288.768c0 32.768-24.576 57.344-55.296 57.344H165.888c-30.72 0-55.296-26.624-55.296-57.344V172.032c0-32.768 24.576-57.344 55.296-57.344h702.464c30.72 0 55.296 26.624 55.296 57.344v116.736z m0 0M638.976 851.968a57.344 57.344 0 0 1-57.344 57.344H169.984a57.344 57.344 0 0 1-57.344-57.344V475.136a57.344 57.344 0 0 1 57.344-57.344h411.648a57.344 57.344 0 0 1 57.344 57.344v376.832z m0 0M931.84 851.968a57.344 57.344 0 0 1-57.344 57.344h-112.64a57.344 57.344 0 0 1-57.344-57.344V475.136a57.344 57.344 0 0 1 57.344-57.344h112.64a57.344 57.344 0 0 1 57.344 57.344v376.832z m0 0" p-id="17710"></path> </svg> </div> </div> <?php endif; ?>3.添加JS和CSS①添加JS代码在 Joe/assets/js/joe.post_page.min.js 最后一个括号前添加以下代码（当然你也可以添加在 Joe/assets/js/joe.post_page.js ，然后用minify插件压缩后替换就行了）// 伸缩侧栏 { if ($(".joe_post div").hasClass("joe-stretch")) { $(".joe-stretch .contain").css("top", $(".joe_header").height() + 40); $(".joe-stretch").on("click", function () { $(".joe_aside").toggleClass("inactive"); }); } }②添加css代码在 Joe/assets/css/joe.post.min.css 内添加以下代码.joe_aside.inactive{display:none}.joe_main{position:relative}@media(max-width: 768px){.joe-stretch{display:none}}.joe-stretch{height:100%;position:absolute;top:0;right:0;padding:40px 0}.joe-stretch .contain{position:-webkit-sticky;position:sticky;transition:top .5s;-webkit-animation:swingIconSet 2s infinite linear alternate;animation:swingIconSet 2s infinite linear alternate;z-index:333}@-webkit-keyframes swingIconSet{0%{transform:rotate(-30deg)}100%{transform:rotate(30deg)}}@keyframes swingIconSet{0%{transform:rotate(-30deg)}100%{transform:rotate(30deg)}}.joe-stretch .contain::before{content:"";position:absolute;top:0;left:0;width:10px;height:25px;border-top:2px solid var(--minor);border-right:2px solid var(--minor);transition:border .35s}.joe-stretch .contain svg{position:absolute;top:25px;left:-3px;width:24px;height:24px;fill:var(--minor);cursor:pointer;transition:fill .35s}.joe-stretch .contain:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.joe-stretch .contain:hover svg{fill:var(--theme)}.joe-stretch .contain:hover::before{border-color:var(--theme)}.joe-stretch.active{display:block}{/collapse-item}{/collapse}
-
群晖NAS-超轻量级云盘ZDIR-web文件服务器-任意二维码访问-支持在线播放-加密访问 先上预览图主界面：支持AUTH认证：支持视频在线播放：支持生成二维码：后台管理：[wm_collapse title="阅读全文"]群晖docker安装教程1.主机的1000端口就是后面的访问端口，可根据需要设置自己的访问端口，容器端口80不要改2.本机共享文件夹：为NAS上的某个文件夹，后期Zdir就会读取这里面的文件3.挂载路径填写/data/wwwroot/defaultzdir后台设置访问测试等待1分钟左右（视你的网络情况而定），然后访问http://NASIP:1000就可以打开Zdir了.ZDIR下载地址：隐藏内容，请前往内页查看详情[/wm_collapse]
-
-
Joe主题自带扩展展示 wp评论可见1：[reply]评论可见1111[/reply]Ty评论可见1：隐藏内容，请前往内页查看详情{ return *(int *)a - *(int *)b; }#include <stdio.h> #include <stdlib.h> #include <time.h>{collapse}{collapse-item label="点击展开全文" close}{cloud title="点我下载" type="bd" url="http://ios.re" password="ios.re"/}w3cschool--编程狮w3cschool--编程狮w3cschool--编程狮w3cschool--编程狮<section class="bymt-main" role="main"> <?php echo bymt_breadcrumbs( 'container' ); ?> <?php echo bymt_advert( 'ad_singular_header' ); ?> <div class="container clearfix"> <section id="main-section" class="error-page"> <header class="post-header"> <h2 class="post-title"><?php _e( '404 Not Found' ); ?></h2> </header> <section class="post-content"> <p>抱歉，您访问的资源不存在或者已失效！</p> <p> </p> <p><a href="<?php echo esc_url( home_url( '/' ) ); ?>">« 返回首页</a></p> </section> </section> </div> <?php echo bymt_advert( 'ad_singular_footer' ); ?> </section>{/collapse-item}{/collapse}{tabs}{tabs-pane label="标签一"}#include <stdio.h> #include <stdlib.h> #include <time.h>{/tabs-pane}{tabs-pane label="标签二"}{/tabs-pane}{tabs-pane label="标签3"}{/tabs-pane}{tabs-pane label="标签4"}Ty评论可见1：隐藏内容，请前往内页查看详情{/tabs-pane}{/tabs}横线彩色虚线{dotted startColor="#ff6c6c" endColor="#1989fa"/}跑马灯{lamp/}便条按钮 {anote icon="fa-download" href="http:nobb.cc" type="secondary" content="点击下载"/} 使用 Markdown1可以效率的书写文档, 直接转换成 HTML2,。{cloud title="点击下载" type="360" url="ios.re" password="aabb"/}Markdown是一种纯文本标记语言 ↩HyperText Markup Language 超文本标记语言 ↩
-
群辉DSM7.0.1安装bootstrap后解决wget: error while loading shared libraries: libgnuintl.so.8: cannot open shared object file: No such file or directory 群晖升级到了7.0.1，无法直接在安装Easy Bootstrap Installer和Ipkgui。然后在网上找到解决方法首先ssh root登陆群晖一、经过网友测试需要先安装syno-i686-bootstrap才会有ipkgwget http://ipkg.nslu2-linux.org/feeds/optware/syno-i686/cross/unstable/syno-i686-bootstrap_1.2-7_i686.xshchmod +x syno-i686-bootstrap_1.2-7_i686.xshsh syno-i686-bootstrap_1.2-7_i686.xsh二、wget下载bootstrap wget http://ipkg.nslu2-linux.org/optware-ng/bootstrap/buildroot-x86_64-bootstrap.sh三、给权限chmod 0777 buildroot-x86_64-bootstrap.sh四、安装bootstrap./buildroot-x86_64-bootstrap.sh五、更新软件源ipkg update六、安装gccipkg install gcc注：如果出现wget https的问题，卸载ipkg remove wget再ipkg install wget-ssl就好了按照教程bootstrap已安装，但是问题在安装ipkg install wget-ssl时，安装完无法wget http/https，提示缺少库，这个库找了全网都无解。。wget: error while loading shared libraries: libgnuintl.so.8: cannot open shared object file: No such file or directory。已尝试的解决办法：1.重装bootstrap2.找了别人测试，有安装成功的，手动安装了别人提示的库，但是还是不行。Installing libidn (1.29-1) on /opt/. wget http://ipkg.nslu2-linux.org/optware-ng/buildroot-x86_64/libidn_1.29-1_x86_64.ipk ipkg install libidn_1.29-1_x86_64.ipk rm -rf libidn_1.29-1_x86_64.ipk Installing openssl (1.0.2n-1) on /opt/. wget http://ipkg.nslu2-linux.org/optware-ng/buildroot-x86_64/openssl_1.0.2n-1_x86_64.ipk ipkg install openssl_1.0.2n-1_x86_64.ipk rm -rf openssl_1.0.2n-1_x86_64.ipk Installing cacerts (20190404-1) on /opt/. wget http://ipkg.nslu2-linux.org/optware-ng/buildroot-x86_64/cacerts_20190404-1_x86_64.ipk ipkg install cacerts_20190404-1_x86_64.ipk rm -rf cacerts_20190404-1_x86_64.ipk Installing gnutls (3.5.15-3) on /opt/. wget http://ipkg.nslu2-linux.org/optware-ng/buildroot-x86_64/gnutls_3.5.15-3_x86_64.ipk ipkg install gnutls_3.5.15-3_x86_64.ipk rm -rf gnutls_3.5.15-3_x86_64.ipk Installing libtasn1 (4.9-1) on /opt/. wget http://ipkg.nslu2-linux.org/optware-ng/buildroot-x86_64/libtasn1_4.9-1_x86_64.ipk ipkg install libtasn1_4.9-1_x86_64.ipk rm -rf libtasn1_4.9-1_x86_64.ipk Installing libgcrypt (1.6.5-3) on /opt/. wget http://ipkg.nslu2-linux.org/optware-ng/buildroot-x86_64/libgcrypt_1.6.5-3_x86_64.ipk ipkg install libgcrypt_1.6.5-3_x86_64.ipk rm -rf libgcrypt_1.6.5-3_x86_64.ipk Installing libgpg-error (1.20-2) on /opt/. wget http://ipkg.nslu2-linux.org/optware-ng/buildroot-x86_64/libgpg-error_1.20-2_x86_64.ipk ipkg install libgpg-error_1.20-2_x86_64.ipk rm -rf libgpg-error_1.20-2_x86_64.ipk Installing libnettle (3.1.1-1) on /opt/. wget http://ipkg.nslu2-linux.org/optware-ng/buildroot-x86_64/libnettle_3.1.1-1_x86_64.ipk ipkg install libnettle_3.1.1-1_x86_64.ipk rm -rf libnettle_3.1.1-1_x86_64.ipk Installing libunistring (0.9.4-2) on /opt/. wget http://ipkg.nslu2-linux.org/optware-ng/buildroot-x86_64/libunistring_0.9.4-2_x86_64.ipk ipkg install libunistring_0.9.4-2_x86_64.ipk rm -rf libunistring_0.9.4-2_x86_64.ipk Installing e2fslibs (1.42.12-2) on /opt/. wget http://ipkg.nslu2-linux.org/optware-ng/buildroot-x86_64/e2fslibs_1.42.12-2_x86_64.ipk ipkg install e2fslibs_1.42.12-2_x86_64.ipk rm -rf e2fslibs_1.42.12-2_x86_64.ipk Installing pcre (8.36-2) on /opt/. wget http://ipkg.nslu2-linux.org/optware-ng/buildroot-x86_64/pcre_8.36-2_x86_64.ipk ipkg install pcre_8.36-2_x86_64.ipk rm -rf pcre_8.36-2_x86_64.ipk————————在我又找了半天后在一个国外大佬的地方找到了问题所在：问题所在：gettext这个ipk上解决办法：隐藏内容，请前往内页查看详情
-
-
#2017年度总结&2018年度计划# #2017年度总结&2018年度计划#Summary of 20171.学习大二整学年课程总体不错，但还是挂了一科工数（概率论和线代），其实这门讲实话学的还不错。还是有点眼高手低，导致了悲剧的发生。第二学期平均分81左右还不错。英语4，6级也都过了，计算机算法比赛拿了2个省里的三等奖（其实很水）学院英语板桥杯拿了两个三等奖。，我怀疑自己最高水平也就只有三等奖了。另外上课从大二到现在上课从来不打瞌睡，不睡觉，经常12点睡，第二天还很精神。其实看别人打瞌睡也是一种享受。2.Health在规律的作息下，运动是常态化的，尤其大二上的时候有段时间狠练，经常负重5km，上肢等。到了大二下跟集体搞得多。另外一直想增肥，增肌，但是无解。根本体重上不去。拉仇恨了抱歉~3.工作一整年都是班长，但是最重要的还是大二下那一阶段，学到很多。但是缺点也很突出，一些方面不是很灵活，以及经验不足。大二上确实很忙，为单位干了很多背后的工作。另外能有幸带一次军训真是收货很多~4.寒假&暑假2017寒假现在回忆也都忘了倒是办了个1个月健身卡。跟初中同学轰趴了一次。暑假确实很兴奋，因为只有一次。暑假去了次厦门玩，去了次西湖玩，感谢小导游@翁 。另外又去了一次欢乐谷已经玛雅水上乐园。暑假完成了一件早就想干的事。5.其他虚荣一直再打，计算机没什么进步。看了几部电视剧，都是美剧除了一部人民的名义。美剧确实有毒。。Plan for 2018 英语词汇量，口语取得重大进展 读书工作迈出新步伐（一月1本。毕竟不太喜欢看书） 体能，学习稳步提升 唱歌取得重大突破（唱准一首就行了） 朋友社交开创新局面 旅游一次到两次 6级刷分 练字（英文&中文）
-
一个军人的一生 看完泪崩 （所有文字、图片均来自网络）18岁那年你以优异的成绩考上军校同学们都羡慕你不用交一分钱学费毕业后还有“铁饭碗”可他们并不知道你每天早上6点就要起床出操周末节假日只能按比例外出连去个网吧都提心吊胆，生怕被纠察抓到他们更不知道军校里没有花前月下的浪漫也没有诗情画意的美妙有的只是玩命地学习和训练以及宿舍、教室、操场三点一线的枯燥22岁那年你军校毕业分到了一个离家很远的基层部队你的岗位和所学专业不对口领导说没有关系合适的岗位是锻炼不合适的岗位是磨练你觉得领导说得有道理基层部队很苦但你初生牛犊不怕虎你坚信，只要是金子在哪里都会发光你要用满腔热血在基层广阔天地建功立业到部队的第一个除夕夜你代替战士站岗执勤遥望远处的万家灯火你内心感到无比骄傲和自豪23岁那年你遇到了一个特别喜欢的姑娘姑娘在一座很远的城市有着自己的事业你们爱得忘乎所以一起承受了思念的煎熬也体验了爱情的甜蜜可是最终，爱情却败给了现实你有些心灰意冷在部队耳濡目染你明白了一些以前不太懂的道理干得好不如混得好靠能力不如靠关系会哭的孩子有奶喝…你觉得，部队并不是你想象的那样你想趁着年轻离开可没有达到8年的最低服役年限只能按义务兵退伍复员你觉得太亏了犹豫再三，你决定还是再等等看24岁那年你从基层调到了机关机关虽然相对自由但领导的要求很高总是五加二、白加黑无休止地熬夜加班每天浸淫在文山会海里你觉得这种日子简直就是慢性自杀26岁那年你到基层连队当了主官主官的岗位很辛苦总是“两眼一睁忙到熄灯”但领导说的对树挪死人挪活在部队要发展，经历很重要27岁那年战友给你介绍了一个姑娘姑娘在另外一座城市她不介意异地恋不嫌弃你没车没房也不要求你送多少彩礼你觉得挺满意你想，谈爱情多奢侈就这样吧28岁那年你们结婚了婚礼办得不大不小，客人来得不多不少你那点可怜的积蓄也折腾得没剩下多少29岁那年她怀孕了部队任务很重你一年只能休一次假等你再次休假回家你已经30岁了孩子也已经呱呱坠地你很想当个好爸爸一直陪着他见证他的成长可你也只能想想31岁那年你终于又等到休假回家你从她手里抱过孩子孩子在你怀里嚎啕大哭看着孩子满眼的陌生和恐惧你发誓哪怕再苦再难也要一家人在一起她随军到了驻地你们住在破旧狭窄的部队公寓房你微薄的工资不足以养家她找了份工作工资虽然不高，但足够养活自己你们很知足孩子没人照顾你把爸妈接过来帮忙不时发生婆媳摩擦你夹在中间左右为难一家人挤在破旧的小房子里很憋屈你想，也许该买个房子了可是，这些年工资虽然一直在涨却始终跟不上房价的脚步还是再等等吧！32岁那年你东拼西凑凑够了首付终于有了一套属于你们自己的房子你很开心其实幸福很简单33岁那年你所在的部队调整移防新房子没住上几天你就被迫搬去了另外一个城市再次开始了两地分居的生活她闹着让你转业而你却开始犹豫不决随着年龄增长你渐渐懂得了生活的艰辛不知不觉中也适应了部队环境你想，困难只是暂时的还是走一步看一步吧毕竟地方也不好混你可能连自己都不知道之所以给自己找这么多理由是因为在你的内心深处已经开始眷恋这身军装34岁那年你当了个不大不小的领导管着不多不少的几十个人虽然在比自己大的领导面前还得装孙子但毕竟当爷的时候更多一些你竟然有了小小的成就感你笑着对镜子里满脸沧桑的自己说原来当官真的容易上瘾你稳扎稳打干了几年单位建设成绩还算不错你连做梦的时候都在想上面哪个位置又空出来了这次有没有提升的机会随着任职时间越来越长你心里也越来越急躁你拼命想干出点成绩努力争取更进一步38岁那年媳妇老了孩子大了幸运的是领导终于注意到你了把你提拔到了更重要的岗位上你感激涕零决定不辜负领导的期望把心思全部放在工作上42岁那年你年龄到杠晋升基本无望其实你心里还有想法只要部队还需要你愿意献出自己的一切可是部队需要的是更新鲜的血液而不是没有了青春的你转业命令下来那天你心里无限惆怅没有鲜花掌声也没有送别的人群你打起背包离开了熟悉的营盘你知道，等待你的并不是诗和远方那身旧军装你熨得平平整整挂在衣橱里像对一个相处了多年的老情人每天回到家总要去看望它和它说说悄悄话在你心里，它比她更懂你到了新单位你成了一名普通民警你比所长工资高所长比你小5岁所长每天对你呼来喝去你默默告诉自己一定要调整好心态，适应新的环境可是，这TMD哪有那么容易！你还记得那一年，你唯一高兴的一次是和转业战友聚会你们都喝了很多酒可不知道为啥碰着酒杯你们笑着笑着就哭了最后你们都醉得一塌糊涂酒撒了一地，杯子也碎了一地你趴在桌子上脑袋昏昏沉沉，天旋地转恍惚中，你看到了18岁那年的自己那是你去军校报到的第一天第一次穿上崭新的军装第一次站在镜子前对着自己敬礼镜子里的那个你意气风发英姿飒爽
-
