Brains - 灵感乌托邦 - Joe主题
type: channel
link: https://www.fuuuy.cn/tag/Joe主题/
items: 『原创』『教程』博客评论框添加随机一言
items: 『原创』『教程』为你的博客添加阅读模式（适配Joe，其他主题也可用）
items: 『原创』『教程』博客的侧栏增加社交信息2.0
items: 『原创』『教程』给自己博客的侧栏增加社交信息，方便业务（PY）联系
items: 『原创』『表情』为Joe主题增加QQ，Bilibili，酷安，贴吧，微博表情包
items: 『修复』『插件』Typecho文章内容分页插件修复版（适配Joe编辑器）
items: 『转载』『教程』Joe主题实现评论图片功能
items: 『转载』『教程』Typecho的Joe主题添加评论弹幕功能（限PC）
items: 『原创』『代码』Joe主题前台登录链接按钮
items: 『转载』『教程』Joe主题老版本编辑器恢复方法

『原创』『教程』博客评论框添加随机一言
type: item
date: 2022-12-27T10:32:00+08:00
description: 前言由于我的博客之前经常有人回复一些无意义的内容，导致很多垃圾评论所以我在想既然很多游客喜欢回复一些垃圾评论，不如我直接设置一个随机一言，让他们省去了垃圾评论的打字时间，同时又能让我的评论区少一些无意义的评论而且那些真正认真回复的人只需要一键删除即可，也不会很影响评论体验，所以就给自己的评论框添加了随机一言前段时间有小伙伴留言让我出个评论随机一言的教程，而我这边突然爆发了疫情，前些天自己又感染了，所以一直拖到现在效果展示按照惯例，先来一波效果展示本教程仅以Joe主题为例，其他主题可自行发挥能力，如有技术问题，博主可提供简单的指导教程开始一、添加后台控制在 Joe/functions.php 或者 Joe/public/custom.php（有的话） 内添加以下代码// 评论框随机语录功能 $Comment_Citation = new Typecho_Widget_Helper_Form_Element_Select( 'Comment_Citation', array('off' => '关闭（默认）', 'on' => '开启'), 'off', '是否开启评论框随机语录功能', '介绍：开启后，评论框自动随机填充随机语录' ); $Comment_Citation->setAttribute('class', 'joe_content joe_change'); // 如果后台无法展示该设置，将joe_change修改为joe_other $form->addInput($Comment_Citation->multiMode()); //评论框随机语录链接/文字 $Comment_Citation__text = new Typecho_Widget_Helper_Form_Element_Textarea( 'Comment_Citation__text', NULL, "https://api.vvhan.com/api/ian", '评论框随机语录', '介绍：用于修改评论框随机语录（可以为api地址） 格式：一行一个，可以为api地址，也可为文字，可以填写多个API地址 注意：必须填写JSON格式的API，API需要开启跨域权限才能调取，否则会调取失败！ 如果为api地址可在前台按钮刷新内容，如果为文字只能刷新页面来刷新内容（建议使用api地址） 推荐API：https://api.vvhan.com/api/ian' ); $Comment_Citation__text->setAttribute('class', 'joe_content joe_change'); // 如果后台无法展示该设置，将joe_change修改为joe_other $form->addInput($Comment_Citation__text);二、添加刷新按钮（可省略）在 Joe/public/comment.php 添加以下代码，不添加则不设置刷新按钮{tabs}{tabs-pane label="添加位置"}{/tabs-pane}{tabs-pane label="添加代码"}<?php if ($this->options->Comment_Citation !== "off") : ?> 语录 <?php endif; ?>{/tabs-pane}{/tabs}三、添加内容获取1、添加后端获取在 Joe/core/function.php 添加以下代码{tabs}{tabs-pane label="添加位置"}{/tabs-pane}{tabs-pane label="添加代码"}/* 获取评论框随机语录 */ function _getComment_Citation() { $CitationRandom = explode("\r\n", Helper::options()->Comment_Citation__text); echo $CitationRandom[array_rand($CitationRandom)]; }{/tabs-pane}{/tabs}2、添加前端获取在 Joe/public/config.php 添加以下代码{tabs}{tabs-pane label="添加位置"}{/tabs-pane}{tabs-pane label="添加代码"}CITATION: `<?php _getComment_Citation() ?>`, // 评论随机语录{/tabs-pane}{/tabs}四、添加核心代码在 Joe/assets/js/joe.global.min.js 或者 Joe/assets/js/custom.min.js（有的话） 添加以下代码{hide}if ($(".Com…

『原创』『教程』为你的博客添加阅读模式（适配Joe，其他主题也可用）
type: item
date: 2022-08-22T11:04:00+08:00
description: 前言我又来拔flag了，最近立了好多flag，但是最近重庆太热了，不想写文章（其实就是懒了）既然给小伙伴立了flag，还是要说到做到，不然没有小伙伴来玩了。这个功能也是xcshare定制的功能，但是我还是分享出来吧成果展示教程开始一、添加后台开关一样的，还是在 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());二、添加开关按钮在 Joe/public/footer.php 的 内部添加以下代码 <?php if ($this->options->ReadBook === 'on' && $this->is('post')) : ?> <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.6…

『原创』『教程』博客的侧栏增加社交信息2.0
type: item
date: 2022-04-20T11:31:00+08:00
description: 前言因为之前出了一个给侧栏添加社交信息的模块，但是只能固定设置QQ、微信、B站、微博这四个联系方式所以当时就想着能不能做一个无限添加信息的模块，就立了一个Flag，然后在3天之后才实现了这个功能（主要是懒，一直不想写）成果展示如图提示，可以无限添加，5个为一行，并且自动均匀分布教程开始一、添加PC端打开 Joe/public/aside.php 文件，然后在想要增加的位置添加以下代码{hide} <?php if ($this->options->SocialInfo && (($this->options->SocialSwitch === 'on') || ($this->options->SocialSwitch === 'on2'))) : ?> <?php $SocialInfo = $this->options->SocialInfo; if ($SocialInfo) { $SocialInfo_arr = explode("\r\n", $SocialInfo); if (count($SocialInfo_arr) > 0) { for ($i = 0; $i < count($SocialInfo_arr); $i++) { $SocialTitle = explode("||", $SocialInfo_arr[$i])[0]; $SocialIco = explode("||", $SocialInfo_arr[$i])[1]; $SocialUrl = explode("||", $SocialInfo_arr[$i])[2]; $SocialInfos[] = array("SocialTitle" => trim($SocialTitle), "SocialIco" => trim($SocialIco), "SocialUrl" => trim($SocialUrl)); } } } ?> <?php foreach ($SocialInfos as $item) : ?> <li class="<?php echo $item['SocialTitle']; ?>"> <a class="<?php echo $item['SocialTitle']; ?>A" href="<?php echo $item['SocialUrl']; ?>" target="_blank" title="<?php echo $item['SocialTitle']; ?>"> <img src="<?php echo $item['SocialIco']; ?>" /> <?php endforeach; ?> <?php endif; ?>{/hide}二、添加PE端打开 Joe/public/header.php 文件，然后在想要增加的位置添加上面PC的代码PE端的代码和上面的一样，只需要将 换成 三、添加后台请参考第一版给自己博客的侧栏增加社交信息1.0 将其中的描述修改一下就行了四、添加样式同样参考上一版的样式就行，可以自己再优化一下这里放出我的样式.top-social { position: relative; padding: 5px 0; width: 250px; display: flex; flex-wrap: wrap; background: var(--background); justify-content: space-around; //每个项目两侧的间隔相等 margin-bottom: 15px; border-radius: var(--radius-wrap); box-shadow: var(--box-shadow); li { width: 50px; text-align: center; padding: 5px 0px; position: relative; img { height: 32px; } .WeChatInner { display: none; position: absolute; box-shadow: 0px 1px 4px 2px var(--theme); border-radius: var(--radius-wrap); transition: 0.7s all ease; background: var(--background); -webkit-transition: 0.7s all ease; top: -175px; left: -50px; transform: translate3d(0, 16px, 0); width: 150px; height: 150px; z-index: 2; &::befor…

『原创』『教程』给自己博客的侧栏增加社交信息，方便业务（PY）联系
type: item
date: 2022-03-16T20:11:00+08:00
description: 前言前不久突发奇想，录了一个视频然后留了自己的博客，却发现博客却没有链接回去的方式，所以就写了一个社交信息的侧栏模块然后有小伙伴看到了，专门留言让我出个教程，当时答应的好好的，可是一连鸽了好几天，今天进入留言板看到许诺的话，不禁老脸一红，差点忘了这茬了 ::(狂汗) 成果展示博客的侧栏增加社交信息2.0 这个模块适合任何主题及程序，只需要根据自己的主题或者程序进行改进就行我这里演示的是我正在使用的Joe主题，是一款轻量、开源的主题{tabs}{tabs-pane label="PC展示"}{/tabs-pane}{tabs-pane label="PE展示"}{/tabs-pane}{/tabs}教程开始一、添加PC端打开 Joe/public/aside.php 文件，然后在想要增加的位置添加以下代码{tabs}{tabs-pane label="代码"}{hide} <?php if ($this->options->SocialInfo && (($this->options->SocialSwitch === 'on') || ($this->options->SocialSwitch === 'on2'))) : ?> <?php $SocialInfo = $this->options->SocialInfo; if ($SocialInfo) { $SocialInfo_arr = explode("\r\n", $SocialInfo); if (count($SocialInfo_arr) > 0) { for ($i = 0; $i < count($SocialInfo_arr); $i++) { $QQ = explode("||", $SocialInfo_arr[$i])[0]; $WeChat = explode("||", $SocialInfo_arr[$i])[1]; $BiliBili = explode("||", $SocialInfo_arr[$i])[2]; $Weibo = explode("||", $SocialInfo_arr[$i])[3]; } } } ?> <a href="https://wpa.qq.com/msgrd?v=3&uin=<?php echo trim($QQ) ?>&site=qq&menu=yes" target="_blank" title="QQ"> <img src="<?php echo trim($WeChat) ?>" /> <a href="https://space.bilibili.com/<?php echo trim($BiliBili) ?>" target="_blank" title="哔哩哔哩"> <a href="https://weibo.com/u/<?php echo trim($Weibo) ?>" target="_blank" title="微博"> <?php endif; ?>{/hide}{/tabs-pane}{tabs-pane label="位置"}{/tabs-pane}{/tabs}二、添加PE端打开 Joe/public/header.php 文件，然后在想要增加的位置添加上面PC的代码PE端的代码和上面的一样，只需要将 换成 三、添加后台直接在 Joe/functions.php 添加以下代码（当然，如果看过我之前的文章，也可以放在 Joe/public/custom.php 里面）// 侧栏社交信息开关 $SocialSwitch = new Typecho_Widget_Helper_Form_Element_Select( 'SocialSwitch', array( 'off' => '关闭（默认）', 'on' => '开启PC社交信息', 'on1' => '开启PE社交信息', 'on2' => '同时开启PC与PE社交信息', ), 'off', '是否启用侧栏社交信息', '介绍：开启后，侧栏展示社交信息功能（必须填写下面的侧栏社交信息）' ); $SocialSwitch->setAttribute('class', 'joe_content joe_custom'); //没有custom.php就把joe_custom改成joe_other $form->addInput($SocialSwitch->multiMode()); //侧栏社交信息 $SocialInfo = new Typecho_Widget_Helper_Form_Element_Textarea( 'SocialInfo', NULL, NULL, '侧栏社交信息', '介绍：用于设置侧…

『原创』『表情』为Joe主题增加QQ，Bilibili，酷安，贴吧，微博表情包
type: item
date: 2021-12-28T09:53:00+08:00
description: 前言最近失恋了，就一直在学习前端基础，所以个人博客都好久没更新了偶然在翠翠的博客看到给typecho添加表情包的教程，所以自己也添加了两组表情包但是在添加途中遇到了一个问题，所以将自己遇到的坑记录下来成果展示后台编辑器代码位置 教程开始一、添加表情过滤因为Joe主题之前被人恶意注入过xss，因此主题作者添加了关键词屏蔽，所以还要进行过滤拿到一个表情包后，在 windows 系统中下这样操作，在表情包文件夹内创建一个 文本文档 然后双击打开，使用以下命令生成该文件夹文件（图片）列表：dir /b > list.txt 保存后将文件后缀改为 bat ，然后再双击打开，就会生成一个 list.txt 文件生成的 list.txt 就包含了改目录下的全部文件名，就可以很方便的批处理。 关键词拼串可以使用Excel进行，直接使用以下代码就行=A2&$F$2&A3 =E2&$F$2&A4然后打开 Joe/core/parse.php 文件，找到表情过滤在下面添加你表情的关键词与表情地址{tabs}{tabs-pane label="添加位置"}{/tabs-pane}{tabs-pane label="代码"}{hide}$text = preg_replace_callback( '/\:\#\(\s*(doge|亲亲|偷笑|再见|发怒|发财|可爱|吐血|呆|呕吐|困|坏笑|大佬|大哭|委屈|害羞|尴尬|微笑|思考|惊吓|打脸|抓狂|抠鼻子|斜眼笑|无奈|晕|流汗|流鼻血|点赞|生气|生病|疑问|白眼|睡着|笑哭|腼腆|色|调皮|鄙视|闭嘴|难过|馋|黑人问号|鼓掌)\s*\)/is', function ($match) { return ' themeUrl . '/assets/owo/bilibili/' . str_replace('%', '', urlencode($match[1])) . '.gif" alt="小电视"/>'; }, $text ); $text = preg_replace_callback( '/\:\$\(\s*(爱你|爱心|傲慢|白眼|棒棒糖|爆筋|抱拳|鄙视|闭嘴|擦汗|菜刀|吃|呲牙|大兵|大哭|蛋|得意|doge|发呆|发怒|奋斗|尴尬|勾引|鼓掌|害羞|憨笑|好棒|哈欠|喝彩|河蟹|坏笑|饥饿|惊恐|惊喜|惊讶|菊花|可爱|可怜|抠鼻|酷|快哭了|骷髅|困|篮球|泪奔|冷汗|流汗|流泪|难过|OK|喷血|撇嘴|啤酒|强|敲打|亲亲|糗大了|拳头|骚扰|色|胜利|手枪|衰|睡|调皮|偷笑|吐|托腮|委屈|微笑|握手|我最美|无奈|吓|小纠结|笑哭|小样儿|斜眼笑|西瓜|嘘|羊驼|阴险|疑问|右哼哼|幽灵|晕|再见|眨眼睛|折磨|咒骂|抓狂|左哼哼)\s*\)/is', function ($match) { return ' themeUrl . '/assets/owo/QQ/' . str_replace('%', '', urlencode($match[1])) . '.gif" alt="QQ"/>'; }, $text );{/hide}{/tabs-pane}{/tabs}这里有一个坑 ，因为原作者引用表情包地址是用的 urlencode() 函数，将文字转换为UrlEncode编码的字符{hide}所以图片地址应该为不带 % 的UrlEncode，因此可以在站长工具 UrlEncode编码/UrlDecode解码 中将图片list.txt的文字转码为UrlEncode字符串然后再复制到Excel中将 % 替换为 空值 ，就像这样虽然转码完成了，但是还要把图片名称都换成不带 % 的UrlEncode才行如果你是Windows系统就很简单了（Mac的同学自行百度批量修改文件名），同样是在Excel中进行拼串="ren "&A3&".gif "&C3&".gif"得到结果后，首先在表情包文件夹中创建一个 red.txt 文件，然后将得到的结果粘贴到txt文件中保存最后将 red.txt 改为 red.bat ，再双击运行，你就会看到你的图片被批量重命名了 {/hide}二、配置 OwO.json打开 Joe/assets/json 下的 joe.owo.json 文件在里面添加（请自行删除代码中的 删除 字符） "表情": [ { "icon": "assets/owo/QQ/E788B1E4BDA0.gif", "data": ":删除$(爱你)" }, { "icon": "assets/owo/QQ/E788B1E5BF83.gif", "data": ":删除$(爱心)" }, { "icon": "assets/owo/QQ/E582B2E685A2.gif", "d…

『修复』『插件』Typecho文章内容分页插件修复版（适配Joe编辑器）
type: item
date: 2021-11-18T19:46:00+08:00
description: 前言最近在学习web开发，每天跟着教学视频学习，我觉得每一个都是重点，所以有很多学习笔记我将学习笔记放在了自己的博客，一是为了记录自己学习内容，二是为了复习方便但是最近学习DOM的时候，发现有很多要点，而我又不想将其分篇来写，所以导致一篇文章有很多内容内容一多，阅读的时候就很不方便，因为滚动条变小了，而且一直翻不到底也很容易让人放弃所以我就去寻找有没有将文章分页的方法，好不容易找到一个方法，但无奈自己才疏学浅无法将其应用到typecho上来只好退而求其次，寻找有么有现成的方法或者插件，功夫不负有心人，终于还是让我找到了一款插件但是版本很老，是2010年的一款插件，已经不支持typecho1.1了索性到google去找找，没想到意外发现了一位大佬修复了兼容1.1的问题可是由于版本较早，且当年互联网的技术和审美不如现在，所以虽然能用也还是存在一些小问题，比如支持第三方编辑器时，快捷插入键失效且显示在页面底部于是自己动手修复了一下，并对样式进行了一些修改，虽不够完美，但起码适配当前主题成果展示{tabs}{tabs-pane label="前端展示"}{/tabs-pane}{tabs-pane label="编辑器展示"}{/tabs-pane}{/tabs}插件下载本插件主要适配Joe主题，如其他主题需要使用，可以自行修改博主也可以提供一些小的技术支持，喜欢的话不妨打赏博主，万分感谢！

『转载』『教程』Joe主题实现评论图片功能
type: item
date: 2021-10-23T11:33:00+08:00
description: 前言前几天在执念博客看到的功能，觉得有点用，就扒过来做个备份成品效果{tabs}{tabs-pane label="前台界面"}{/tabs-pane}{tabs-pane label="主题开关"}{/tabs-pane}{/tabs}修改教程一、修改 comment.php 文件修改 Joe/public/comment.php ，修改如下代码：{tabs}{tabs-pane label="代码"}{hide} <?php if ($this->options->CommentImg !== "off") : ?> <path d="M740.693333 750.933333h-102.4c-20.48 0-34.133333-13.653333-34.133333-34.133333s13.653333-34.133333 34.133333-34.133333h102.4c58.026667 0 102.4-44.373333 102.4-102.4 0-47.786667-34.133333-88.746667-78.506666-98.986667-17.066667-3.413333-27.306667-20.48-27.306667-37.546667 3.413333-13.653333 3.413333-23.893333 3.413333-34.133333 0-112.64-92.16-204.8-204.8-204.8-88.746667 0-170.666667 61.44-197.973333 146.773333 0 13.653333-13.653333 23.893333-27.306667 23.893334-81.92 3.413333-146.773333 71.68-146.773333 153.6 0 85.333333 68.266667 153.6 153.6 153.6h51.2c20.48 0 34.133333 13.653333 34.133333 34.133333s-13.653333 34.133333-34.133333 34.133333H314.026667c-122.88 0-221.866667-98.986667-221.866667-221.866666 0-112.64 81.92-204.8 191.146667-218.453334 40.96-102.4 143.36-174.08 252.586666-174.08 150.186667 0 273.066667 122.88 273.066667 273.066667v13.653333c61.44 27.306667 102.4 88.746667 102.4 157.013334 0 95.573333-75.093333 170.666667-170.666667 170.666666z m-204.8 102.4V477.866667c0-13.653333-6.826667-23.893333-20.48-30.72-10.24-6.826667-23.893333-3.413333-34.133333 3.413333l-136.533333 102.4c-13.653333 10.24-17.066667 34.133333-6.826667 47.786667 10.24 13.653333 34.133333 17.066667 47.786667 6.826666l81.92-61.44v307.2c0 20.48 13.653333 34.133333 34.133333 34.133334s34.133333-13.653333 34.133333-34.133334z m129.706667-252.586666c10.24-13.653333 6.826667-37.546667-6.826667-47.786667l-34.133333-27.306667c-13.653333-10.24-37.546667-6.826667-47.786667 6.826667-10.24 13.653333-6.826667 37.546667 6.826667 47.786667l34.133333 27.306666c6.826667 3.413333 13.653333 6.826667 20.48 6.826667 10.24 0 20.48-3.413333 27.306667-13.653333z" fill="var(--theme)" p-id="2083"></path> <path d="M897.23 333.08H657.88V122.51c0…

『转载』『教程』Typecho的Joe主题添加评论弹幕功能（限PC）
type: item
date: 2021-06-11T17:41:00+08:00
description: 前言主要是结合自己实践，总结遇到的问题和做个备份成果展示{tabs}{tabs-pane label="前端"}{/tabs-pane}{tabs-pane label="后台"}{/tabs-pane}{/tabs}一、修改header.php文件新增代码，文件路径：usr/themes/Joe/public/header.php（一）第一段{tabs}{tabs-pane label="放在最上面"} <?php if ($this->options->JBarragerStatus === 'on') : ?> <?php $this->widget('Widget_Comments_Recent@index', 'ignoreAuthor=true&pageSize=15')->to($comments); ?> <?php if ($comments->have()) : ?> <?php while ($comments->next()) : ?> <span class="j-barrager-list-avatar" data-src="<?php _getAvatarByMail($comments->mail) ?>"> <?php _parseAsideReply($comments->content); ?> <?php endwhile; ?> <?php endif; ?> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}（二）第二段{tabs}{tabs-pane label="放在登录旁"} <?php if ($this->options->JBarragerStatus === 'on') : ?> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}（三）第三段不要耍小聪明，放到include.php里去，不会显示弹幕的 {tabs}{tabs-pane label="放在最后面"} <?php if ($this->options->JBarragerStatus === 'on') : ?> <script src="<?php $this->options->themeUrl('library/barrager/joe.barrager.js'); ?>"> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}二、修改include.php文件新增如下代码；文件路径：usr/themes/Joe/public/include.php{tabs}{tabs-pane label=" include.php 文件"}<?php if ($this->options->JBarragerStatus === 'on') : ?> <link rel="stylesheet" href="<?php $this->options->themeUrl('library/barrager/joe.barrager.css'); ?>"> <?php endif; ?>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}三、修改functions.php文件路径usr/themes/Joe/functions.php{tabs}{tabs-pane label="添加代码"}$JBarragerStatus = new Typecho_Widget_Helper_Form_Element_Select( 'JBarragerStatus', array('off' => '关闭（默认）', 'on' => '开启'), 'off', '是否开启弹幕功能（仅限PC）', '介绍：开启后，网站将会显示评论弹幕功能，该功能采用CSS动画引擎，并非传统JS操作DOM，无任何性能消耗。' ); $JBarragerStatus->setAttribute('class', 'joe_content joe_custom'); $form->addInput($JBarragerStatus->multiMode());{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}如果创建过 custom.php 文件，直接放到 custom.php 里就行了 但是记得要在 functions.php 引入 custom.php 哦四、修改c…

『原创』『代码』Joe主题前台登录链接按钮
type: item
date: 2021-04-22T16:38:00+08:00
description: 前言自从Joe主题升级5.0以后，就没了登录按钮和链接，每次想登录或者进后台都要输入网址对于我这种经常前后台切换的人来说，炒鸡炒鸡不方便 :@(抠鼻) :@(抠鼻) 然后给群主说了几次，群主都没加，还让我自己写 :@(中指) 那我只好自己写了，谁叫我用的人家的主题呢 :@(喷血)成果展示可以实现登录显示登录用户名，点击用户名可以直接进入后台，前后台切换方便多了 :@(鼓掌) {tabs}{tabs-pane label="PC端效果"}{/tabs-pane}{tabs-pane label="PE端效果"}{/tabs-pane}{/tabs}教程分享{tabs}{tabs-pane label="PC端教程"}{callout color="#ab74e4"}经过群友的不懈努力， 懒猪 作者终于添加了PC端登录 :@(欢呼) 功能比我这个强大，各位根据自己的实际需求选择吧{/callout}下载以下代码，加入到 /Joe/public/header.php 188行-189行之间{hide} <path d="m308.015694,158.686726c0,0 13.766173,-66.244882 0,-88.685099c-13.782387,-22.440218 -19.279128,-37.387781 -49.584165,-48.088877s-19.262913,-8.568426 -41.298518,-7.473782c-22.035605,1.075772 -40.406717,14.947563 -40.406717,22.421345c0,0 -13.766173,1.075772 -19.262913,7.492655c-5.512955,6.416883 -14.690403,36.312009 -14.690403,43.804664s4.588724,57.714202 9.177449,68.396425l-5.464311,2.13267c-4.588724,61.960669 18.354897,69.453323 18.354897,69.453323c8.253218,57.714202 16.52265,33.141314 16.52265,48.088877s-8.269432,9.625325 -8.269432,9.625325s-7.328987,23.497116 -25.683884,32.046669c-18.354897,8.53068 -120.247276,54.468014 -128.532923,64.093339c-8.285647,9.644198 -7.345202,54.50576 -7.345202,54.50576l436.934108,0c0,0 0.95666,-44.861562 -7.328987,-54.50576c-8.301862,-9.644198 -110.19424,-55.562659 -128.549138,-64.093339c-18.354897,-8.549553 -25.683884,-32.046669 -25.683884,-32.046669s-8.269432,5.322238 -8.269432,-9.625325s8.269432,9.625325 16.538865,-48.088877c0,0 22.927407,-7.492655 18.354897,-69.453323l-5.512955,0z" fill="var(--minor)"/> <?php if($this->user->hasLogin()):?> <a class="item" target="_blank" href="<?php $this->options->adminUrl(); ?>"><?php $this->user->screenName(); ?>丨 <a class="item" href="<?php $this->options->logoutUrl(); ?>">退出 <?php else : ?> <a class="item" style="color:var(--minor);" href=<?php $this->options->adminUrl('login.php'); ?> title="登录">登录丨 <a class="item" style="color:var(--minor);" href=<?php $this->options->adminUrl('register.php'); ?> title="注册">注册 <?php endif;?> {/hide}这里加了点…

『转载』『教程』Joe主题老版本编辑器恢复方法
type: item
date: 2021-04-12T14:30:00+08:00
description: 前言从 Joe 6.0之后版主更新了编辑器后我们发现在写文章时上面的 小图标 不见了，这影响了很多人及时更新文章，所以今天出一期最简单的教程成果展示更换教程1.下载老版本编辑器后把文件放在 你网站目录/usr/themes 下，直接解压即可，不过有个别人不能用。2.删除Joe(模板目录)下的 typecho文件夹 和 core文件夹内的factory.php 文件然后将解压的 typecho文件夹 放进Joe主题根目录，替换原来的 core文件夹内 的 factory.php 文件大功告成！！！下载地址{hide}编辑功能替换包{/hide}