Joe主题侧边栏添加联系方式 前言好久没有折腾自己的博客了，最近遇到一个网友加我好友，说找了半天才找到我的联系方式。花了点时间，将自己的联系方式加到侧边栏比较明显的地方{card-default label="效果" width="75%"}{/card-default}参考博客的侧栏增加社交信息2.0实现PC端{message type="success" content="Joe/public/aside.php"/} <!-- PC侧栏社交信息 --> <?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)); } } } ?> <section class="top-social"> <?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']; ?>" /> </a> </li> <?php endforeach; ?> </section> <?php endif; ?>{card-default label="位置" width="75%"}{/card-default}H5手机端{message type="success" content="Joe/public/header.php"/} <!-- PE侧栏社交信息 --> <?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)); } } } ?> <section class="top-social pe-social"> <?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']; ?>" /> </a> </li> <?php endforeach; ?> </section> <?php endif; ?>{card-default label="位置" width="75%"}{/card-default}后台设置{message type="success" content=" Joe/functions.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_aside'); //没有custom.php就把joe_custom改成joe_other $form->addInput($SocialSwitch->multiMode()); //侧栏社交信息 $SocialInfo = new Typecho_Widget_Helper_Form_Element_Textarea( 'SocialInfo', NULL, NULL, '侧栏社交信息', '介绍：用于设置侧栏社交信息, 一行最多5个, 大于5个自动换行<br /> 格式：社交简称(微信必须固定格式WeChat) || 社交图标|| 跳转链接(微信写二维码链接)<br /> 微信: WeChat||https://fuuuy.cn/usr/uploads/image/wechat.png||https://www.itbunan.xyz/usr/uploads/image/gongzhonghao.png <br /> 其他：一行一个，代表一个社交信息' ); $SocialInfo->setAttribute('class', 'joe_content joe_aside'); //没有custom.php就把joe_custom改成joe_other $form->addInput($SocialInfo);{card-default label="效果" width="75%"}{/card-default}加载自定义css和js{message type="success" content="Joe/public/include.php"/}<!--自定义css --> <link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/custom.min.css'); ?>"> <!--自定义js --> <script src="<?php $this->options->themeUrl('assets/js/custom.min.js'); ?>"></script>

Joe主题首页文章按修改时间排序 前言{callout color="#f0ad4e"}Joe主题首页的文章是按照创建时间排序的，以前写的文章更新内容后重新发布，然后想看看效果，需要翻半天才找到。修改一下代码，使首页显示的文章按照修改时间排序，最近修改的放前面。{/callout}修改方法{message type="success" content="本以为很简单，结果修改后不生效。研究了半天，发现created字段是js传过来的。又懒得去动js代码。在后端加个判断解决。"/}//修改文件 usr/themes/Joe/core/widget.php //新增代码 //将created改为modified if ($this->parameter->type == 'created') { $this->parameter->type = 'modified'; }{card-default label="代码" width="75%"}{/card-default}

Joe主题开启全站置灰功能 前言{callout color="#f0ad4e"}重要的纪念日，需要开启全站置灰功能。记录一下开机步骤。{/callout}参考： 纪念日网页变灰的Joe主题设置方式 {card-default label="效果" width="90%"}{/card-default}设置方法functions.php{message type="success" content="文件最后添加代码"/} // 全站置灰 $websiteChgGray = new Typecho_Widget_Helper_Form_Element_Select( 'websiteChgGray', array( 'off' => '关闭（默认）', 'on' => '开启', ), 'on', '是否启用全站置灰', '介绍：开启后，网站所有信息全部变成黑白' ); $websiteChgGray->setAttribute('class', 'joe_content joe_global'); $form->addInput($websiteChgGray->multiMode());public/include.php{message type="success" content="文件最后添加"/}<?php if ($this->options->websiteChgGray === 'on') : ?> <style>html { filter: grayscale(1); }</style> <?php endif; ?>

Joe主题手机导航栏推荐标签过滤 前言{callout color="#f0ad4e"}通过手机访问 博客 ,发现在手机浏览器模式下，有一些自己定义的页面和推荐的网站布局不友好。索性加了个判断在手机模式下不显示这些不友好的标签。{/callout}{card-default label="效果" width="50%"}{/card-default}实现{message type="success" content="编辑文件： usr/themes/Joe/public/header.php，修改代码"/}<!-- 查找 joe_header__slideout-menu 标签 --> <!-- 页面 --> <ul class="slides panel-body"> <?php foreach ($pages->stack as $item) : ?> <?php if (in_array($item['title'], array('美图', '服务', '微语', '留言', '邻居', '我的足迹', '本站统计', '版本历史'))): ?> <li> <a class="link <?php echo $this->is('page', $item['slug']) ? 'current' : '' ?>" href="<?php echo $item['permalink'] ?>" title="<?php echo $item['title'] ?>"><?php echo $item['title'] ?></a> </li> <?php endif; ?> <?php endforeach; ?> </ul> <!-- 推荐 --> <ul class="slides panel-body"> <?php foreach ($custom as $item) : ?> <?php if (in_array($item['title'], array('M商城', '网址导航'))): ?> <li> <a class="link" href="<?php echo $item['url'] ?>" target="_blank" rel="noopener noreferrer nofollow"><?php echo $item['title'] ?></a> </li> <?php endif; ?> <?php endforeach; ?> </ul>

Joe主题文章自动随机输入一条评论功能 前言{callout color="#f0ad4e"} 博客运行有一段时间了，一些文章需要评论才能看到全部。结果收到评论，大部分是666，111，adf之类的。所以新增一个功能，在加载的时候，自己自动输入一条文字评论。{/callout}{card-default label="评论" width="75%"}{/card-default}实现{message type="success" content="修改 core/function.php, 新增函数random_comment"/}/* 随机一言评论功能 */ function random_comment() { $comments = array('对小白真的很友好，写的很全面。', '终于找到这篇文章了，感谢作者的分享！', '喜欢这篇文章，作者666，文章真棒!', '支持博主，一定多分享', '这篇文章写的真不错，真详细，点个赞。', '这篇文章肯定会火，作者666大顺', '受益匪浅，感谢博主。', '学习到了，感谢博主'); return $comments[rand(0,count($comments)-1)]; }{message type="success" content="修改 public/comment.php ，评论加载"/} <textarea class="text joe_owo__target" name="text" value="" autocomplete="new-password" placeholder="说点什么吧，点击右上方切换成画图试试？"><?php echo random_comment(); ?></textarea>

Joe主题壁纸页面模板代码改造 前言{callout color="#f0ad4e"}Joe主题有写好的壁纸模版，直接启用即可。刚开始博主感觉分类太多了，有些分类也不是自己喜欢的。就没有启用，最近有时间研究了一下代码。改造了一下，只留下自己感兴趣的分类。{/callout}核心代码{message type="success" content="主要是core/route.php文件内的两个函数，调用了360的壁纸接口，原版如下"/}/* 获取壁纸分类 已测试 √ */ function _getWallpaperType($self) { $self->response->setStatus(200); $json = _curl("http://cdn.apc.360.cn/index.php?c=WallPaper&a=getAllCategoriesV2&from=360chrome"); $res = json_decode($json, TRUE); if ($res['errno'] == 0) { $self->response->throwJson([ "code" => 1, "data" => $res['data'] ]); } else { $self->response->throwJson([ "code" => 0, "data" => null ]); } } /* 获取壁纸列表 已测试 √ */ function _getWallpaperList($self) { $self->response->setStatus(200); $cid = $self->request->cid; $start = $self->request->start; $count = $self->request->count; $json = _curl("http://wallpaper.apc.360.cn/index.php?c=WallPaper&a=getAppsByCategory&cid={$cid}&start={$start}&count={$count}&from=360chrome"); $res = json_decode($json, TRUE); if ($res['errno'] == 0) { $self->response->throwJson([ "code" => 1, "data" => $res['data'], "total" => $res['total'] ]); } else { $self->response->throwJson([ "code" => 0, "data" => null ]); } }优化{message type="success" content="主要优化 _getWallpaperType 函数，去掉不想要的分类"/}隐藏内容，请前往内页查看详情{card-default label="效果" width="95%"}{/card-default}{message type="success" content="首页美女发现是固定的，又懒得翻页。加了个随机，每次刷新都是不同的。"/}/* 获取壁纸列表 已测试 √ */ function _getWallpaperList($self) { $self->response->setStatus(200); $cid = $self->request->cid; //前50页随机显示图片 if (($cid == 6)&&($self->request->start < 2400)) { $start = $self->request->start + rand(1,4800); }else { $start = $self->request->start; } $count = $self->request->count; //$file=dirname(__FILE__).'/debug.log'; //file_put_contents($file, $cid."|".$start."|".$count."\n",FILE_APPEND); $json = _curl("http://wallpaper.apc.360.cn/index.php?c=WallPaper&a=getAppsByCategory&cid={$cid}&start={$start}&count={$count}&from=360chrome"); $res = json_decode($json, TRUE); if ($res['errno'] == 0) { $self->response->throwJson([ "code" => 1, "data" => $res['data'], "total" => $res['total'] ]); } else { $self->response->throwJson([ "code" => 0, "data" => null ]); } }

Joe主题footer添加站长最近登录时间 前言{callout color="#f0ad4e"}参考别人的博客 尘遇 ，继续优化自己的博客。{/callout}{card-default label="效果" width="75%"}{/card-default}优化代码{message type="success" content="进入主题目录 usr/themes/Joe 编辑文件 core/core.php"/}/** 调用站长最近登录时间 **/ function get_last_login($user){ $user = '1'; $now = time(); $db = Typecho_Db::get(); $prefix = $db->getPrefix(); $row = $db->fetchRow($db->select('activated')->from('table.users')->where('uid = ?', $user)); echo Typecho_I18n::dateWord($row['activated'], $now); }{message type="success" content="在 public/footer.php 内调用"/} <div class="item"> <?php $this->options->JFooter_Left() ?> </div> <--! 新增 --> <div class = "item"> <span>【站长 <strong><?php get_last_login(1); ?></strong> 在线】</span> </div> <?php if ($this->options->JBirthDay) : ?> <div class="item run"> <span>已运行 <strong class="joe_run__day">00</strong> 天 <strong class="joe_run__hour">00</strong> 时 <strong class="joe_run__minute">00</strong> 分 <strong class="joe_run__second">00</strong> 秒</span> </div> <?php endif; ?>

Joe主题导航栏标签添加角标 前言{callout color="#f0ad4e"}Joe主题是一款非常优秀的主题。使用了一段时间，真是太爱了。我在浏览别人的网站的时候发现有的标签有一个小的角标，用来标注重点。自已也想弄一个，一顿折腾，终于搞出来了，特此记录。{/callout}Joe项目地址 {card-default label="效果图" width="75%"}{/card-default}制作方法{message type="success" content="登录后台-->设置外观-->全局设置-->自定义CSS"/}.ff-red { display: inline-block; transform: translateY(-12px); font-size: .75rem; letter-spacing: 0.05em; background: linear-gradient(to top, #efd3b0 0%, #eb4444 100%); color: #ffffff; border-radius: 1rem; padding: .15rem .275rem; line-height: 1; font-weight: bold; }{message type="success" content="编辑header.php"/}/* 路径: usr/themes/Joe/public/header.php 找到导航栏位置，修改代码 */ <?php foreach (array_slice($pages->stack, 0, $this->options->JNavMaxNum) as $item) : ?> <a class="item <?php echo $this->is('page', $item['slug']) ? 'active' : '' ?>" href="<?php echo $item['permalink'] ?>" title="<?php echo $item['title'] ?>"><?php echo $item['title'] ?> <?php if ($item['title'] == '服务') : ?> <span class="ff-red">付费</span> <?php endif; ?> </a> <?php endforeach; ?>

Joe主题开启文章目录结构 前言{callout color="#f0ad4e"}切换到免费版本后，文章目录结构没有了。文章太长的话，翻滚有点麻烦，所以自己找了一下，加了一个。{/callout}{card-default label="效果" width="80%"}{/card-default}设置{message type="success" content="控制台->外观->设置外观->全局设置"/}自定义head<style type="text/css"> .outline-outside-modal-opened { z-index: 10000 !important; left: 0; width: 300px !important; } </style> <link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/yaohaixiao/autocjs/dist/css/autoc.min.css">自定义body<script src="https://fastly.jsdelivr.net/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>

Joe主题首页文章列表不显示 问题描述{message type="success" content="今天莫名其妙的主题首页文章列表一直显示加载中，加载不出来。"/}{card-default label="问题截图" width="75%"}{/card-default}解决办法{message type="success" content="想了很多办法没有解决，查看更新日志。有一条，关闭typecho的debug模式。突然想到昨天调试其他功能打开了debug！关闭debug后，恢复正常！"/}//config.inc.php 配置 //define('__TYPECHO_DEBUG__', TRUE);{message type="info" content="注释后，恢复正常"/}{card-default label="正常截图" width="75%"}{/card-default}