首页
统计
友链
每日新闻
广告LOGO制作
推荐
无名草
泊宁同学录
Search
1
Typecho美化记录
1,769 阅读
2
给Typecho添加一个每日60秒读懂世界教程
1,096 阅读
3
2022年最新可用机器人框架
1,078 阅读
4
电脑键盘快捷键和组合键功能使用大全
641 阅读
5
KS极速版抓包教程
629 阅读
关于本站
资源分享
Typecho主题插件
办公学习
网站源码
炫酷代码
绿色软件
技术教程
网站优化
机器人教程
其他的教程
青春杂谈
登录
/
注册
Search
标签搜索
毒蛊博客
教程
毒蛊小屋
网站优化
免费
毒蛊
Typecho
源码
Joe
资源分享
宝塔
搭建网站
机器人教程
笔记
2022
校园生活
绿色软件
疫情早日消失
电脑快捷键
艾倩工作室
毒蛊
累计撰写
78
篇文章
累计收到
550
条评论
首页
栏目
关于本站
资源分享
Typecho主题插件
办公学习
网站源码
炫酷代码
绿色软件
技术教程
网站优化
机器人教程
其他的教程
青春杂谈
页面
统计
友链
每日新闻
广告LOGO制作
推荐
无名草
泊宁同学录
用户登录
登录
注册
搜索到
5
篇与
的结果
[保姆级教程]为你的Joe主题增加分页功能
前言{callout color="#e8113c"}一直以来本站的首页是没有分页按钮的,导致翻页不方便,我一直在计划添加这一功能,却一直在瞎忙,今天难得空闲就搞起来,在本章中,我将如何增加详细的分页功能,下面跟着我的步伐动起来吧。{/callout} {message type="warning" content="温馨提示:美化有风险,美化前请先备份网站文件和数据库,如果网站使用了cdn改完之后请清理cdn全站缓存,否则不生效。"/}教程{card-default label="第一步" width="50%"}创建一个文件:pagination.php这个文件的目录在: usr/themes/Joe/public 创建完成之后需要在pagination.php文件里面放入以下代码:{/card-default}<?php if ($this->options->JPageStatus === 'default') : ?> <?php $this->pageNav( '<svg class="icon icon-prev" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="M822.272 146.944l-396.8 396.8c-19.456 19.456-51.2 19.456-70.656 0-18.944-19.456-18.944-51.2 0-70.656l396.8-396.8c19.456-19.456 51.2-19.456 70.656 0 18.944 19.456 18.944 45.056 0 70.656z"/><path d="M745.472 940.544l-396.8-396.8c-19.456-19.456-19.456-51.2 0-70.656 19.456-19.456 51.2-19.456 70.656 0l403.456 390.144c19.456 25.6 19.456 51.2 0 76.8-26.112 19.968-51.712 19.968-77.312.512zm-564.224-63.488c0-3.584 0-7.68.512-11.264h-.512v-714.24h.512c-.512-3.584-.512-7.168-.512-11.264 0-43.008 21.504-78.336 48.128-78.336s48.128 34.816 48.128 78.336c0 3.584 0 7.68-.512 11.264h.512v714.24h-.512c.512 3.584.512 7.168.512 11.264 0 43.008-21.504 78.336-48.128 78.336s-48.128-35.328-48.128-78.336z"/></svg>', '<svg class="icon icon-next" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="12" height="12"><path d="M822.272 146.944l-396.8 396.8c-19.456 19.456-51.2 19.456-70.656 0-18.944-19.456-18.944-51.2 0-70.656l396.8-396.8c19.456-19.456 51.2-19.456 70.656 0 18.944 19.456 18.944 45.056 0 70.656z"/><path d="M745.472 940.544l-396.8-396.8c-19.456-19.456-19.456-51.2 0-70.656 19.456-19.456 51.2-19.456 70.656 0l403.456 390.144c19.456 25.6 19.456 51.2 0 76.8-26.112 19.968-51.712 19.968-77.312.512zm-564.224-63.488c0-3.584 0-7.68.512-11.264h-.512v-714.24h.512c-.512-3.584-.512-7.168-.512-11.264 0-43.008 21.504-78.336 48.128-78.336s48.128 34.816 48.128 78.336c0 3.584 0 7.68-.512 11.264h.512v714.24h-.512c.512 3.584.512 7.168.512 11.264 0 43.008-21.504 78.336-48.128 78.336s-48.128-35.328-48.128-78.336z"/></svg>', 1, '...', array( 'wrapTag' => 'ul', 'wrapClass' => 'joe_pagination', 'itemTag' => 'li', 'textTag' => 'a', 'currentClass' => 'active', 'prevClass' => 'prev', 'nextClass' => 'next' ) ); ?> <?php else : ?> <div class="joe_load">查看更多</div> <?php endif ?>{card-default label="第二步" width="50%"}在主题目录下的index.php文件种放入下面的代码:{/card-default} <script> document.addEventListener('DOMContentLoaded', () => { window.Joe.PAGE_INDEX = '<?php echo $this->_currentPage; ?>' || 1; }); </script>位置的话是在 部分,注意看图片的位置:{card-default label="第三步" width="100%"}找到主题目录下的index.php文件之后我们只需要替换一个地方:把 <div class="joe_load">查看更多</div> 替换为<?php $this->need('public/pagination.php'); ?> 具体看下图演示:{/card-default}{callout color="#e10e4e"}这里我是注释掉原来的,当然你也可以删除就好了。{/callout}{card-default label="第四步" width="100%"}这一步主要是在后台添加一个开关,用于切换查看文章的方式,有两种:分页的和点击加载的方式。主要的操作就是将下面的代码放入functions.php文件的合适地址,文件地址:/usr/themes/Joe。 {/card-default}$JPageStatus = new Typecho_Widget_Helper_Form_Element_Select( 'JPageStatus', array('default' => '按钮切换形式(默认)', 'ajax' => '点击加载形式'), 'default', '选择首页的分页形式', '介绍:选择一款您所喜欢的分页形式' ); $JPageStatus->setAttribute('class', 'joe_content joe_other'); $form->addInput($JPageStatus->multiMode());{card-default label="第五步" width="50%"}最后一步,找到主题的静态资源目录地址:/usr/themes/Joe/assets/js 打开joe.index.min.js文件,找到搜索: page:1 ,搜索出结果之后我们需要把page:后面的 1 替换成: window.Joe.PAGE_INDEX 如下图:最后保存后登入你的网站后台就可以切换了。{/card-default}结尾完成后把浏览器缓存清理后即可看到效果
2023年05月24日
41 阅读
0 评论
1 点赞
【原创】Typecho-Joe主题首页文章不显示解决办法
{mtitle title="前言"/}昨天晚上来看看博客,发现首页文章不显示了,应该是瞎搞那了导致出现这个问题。前几天在一个主题群看到一个群友也出现一样的情况,我看群主说是伪静态或者是后台地址重写的问题,群友说没配置伪静态,用的是ep主机搭建的,群主直接说“重装ty或宝塔解决一切”。虽然说重装解决一切问题,但也不是万能的,所以我不会轻易尝试,且要做好数据备份哦。昨天晚上我尝试了把我认为是插件影响到插件禁用了,还是一样的。我又把永久地址重写了也还是没有解决,那算了,睡觉明天再搞。今天中午我把ty重装了,但一把数据导入还是一样的,再加上我昨天晚上把地址重写了打开文章出现 404 Nginx 的提示,然后我就想是不是Typecho启用地址重写时启用失败了,虽然提示我选择勾选了,它又提示Nginx,那是不是Nginx服务器没有开启地址重写功能呢?解决方法在Nginx的配置文件的server中,加入:隐藏内容,请前往内页查看详情保存即可。{card-describe title="提示"}如果使用宝塔面板,则直接在网站设置–伪静态中复制上面的代码保存。当然宝塔直接有选择Typecho的伪静态,我原来选择是typecho2换回一也还是不行,然后就再加一遍就好了。{/card-describe}end废话结束,今天删除了一些多余文件、页面、文章,又优化了一些bug和网站速度,下次见!{dotted startColor="#ee1111" endColor="#a3ea85"/}{music id="21233922" color="#c60feb" autoplay="autoplay"/}
2023年01月12日
298 阅读
21 评论
0 点赞
2022-12-25
给你的Typecho—Joe主题添加loding加载动画
{music id="865632948" color="#e60fbf" autoplay="autoplay"/}{callout color="#c71f89"} 前言 网站静态资源没加载出来之前会白屏或者黑屏,我们给它加个loding动画美观一波,如果您的网站加载速度很快可以考虑不使用loding动画,因为加载一下子就无了。{/callout}代码<!-- loading开始 --> <style>#Loadanimation{background-color:var(--background);height:100%;width:100%;position:fixed;z-index:1;margin-top:0px;top:0px;}#Loadanimation-center{width:100%;height:100%;position:relative;}#Loadanimation-center-absolute{position:absolute;left:50%;top:50%;height:200px;width:200px;margin-top:-100px;margin-left:-100px;}.xccx_object{-moz-border-radius:50% 50% 50% 50%;-webkit-border-radius:50% 50% 50% 50%;border-radius:50% 50% 50% 50%;position:absolute;border-left:5px solid #87CEFA;border-right:5px solid #FFC0CB;border-top:5px solid transparent;border-bottom:5px solid transparent;-webkit-animation:animate 2.5s infinite;animation:animate 2.5s infinite;}#xccx_one{left:75px;top:75px;width:50px;height:50px;}#xccx_two{left:65px;top:65px;width:70px;height:70px;-webkit-animation-delay:0.1s;animation-delay:0.1s;}#xccx_three{left:55px;top:55px;width:90px;height:90px;-webkit-animation-delay:0.2s;animation-delay:0.2s;}#xccx_four{left:45px;top:45px;width:110px;height:110px;-webkit-animation-delay:0.3s;animation-delay:0.3s;}@-webkit-keyframes animate{50%{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}}@keyframes animate{50%{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}100%{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}}</style><div id="Loadanimation" style="z-index:99999999999999999999999999999999999999999999999"><div id="Loadanimation-center"><div id="Loadanimation-center-absolute"><div class="xccx_object" id="xccx_four"></div><div class="xccx_object" id="xccx_three"></div><div class="xccx_object" id="xccx_two"></div><div class="xccx_object" id="xccx_one"></div></div></div></div><script>document.body.style.overflow="hidden",document.onreadystatechange=(()=>{"interactive"===document.readyState&&setTimeout(()=>{document.body.style.overflow="visible",$("#Loadanimation").fadeOut(540)},500)});</script> <!-- loading 结束 -->位置其他主题自行研究,我的直接放在主题后台全局head中。温馨提示:代码来自网络,如有侵权请联系:aidugu@qq.com进行侵权删除处理。
2022年12月25日
125 阅读
7 评论
0 点赞
2022-07-30
Typecho博客主题 - Joe主题再续前缘版
主题描述{collapse}{collapse-item label="主题亮点"} 1、整包仅1.3Mb,却实现超强功能,极其迅速的响应(在开发时,都是使用30000篇文章进行开发测试)2、全站变量名、类名统一规范,重在方便更多人参与二开与拓展3、主题开箱即用,没有任何复杂的操作,无需像其他主题去特意创建个分类等4、主题首发Typecho独家Joe编辑器5、主题响应式布局,不依赖任何响应式框架,采用 Joe 独家响应式6、主题在一切可能暴露的接口上,屏蔽sql注入、xss攻击风险,提供安全保障7、内置超强视频功能、包含直播功能、全网影视功能、文章内插入视频功能8、主题SEO极致优化,Lighthouse SEO跑分彪满100分9、主题色彩全局公用、小白轻松直接修改整站自定义主题色10、主题内置代码高亮、无需借助任何插件、支持200种语言11、主题首发极强画图回复功能,为你的博客带来用户互动,不再像传统博客那样,仅限文字12、主题内置sitemap、百度推送、友联、回复可见等,无需依赖任何插件{/collapse-item}{/collapse}再续前缘版更新内容{callout color="#4dd4ef"}1.0.2修复打开标签页设置没有包含置顶文章优化检测收录算法,CURL百度时出现进行安全验证页面直接判断为未收录新增可开启对友链进行随机排序功能1.0.4去掉编辑器模块内插入图片和插入链接之后插入的内容两边空格,Test修改为空紧急修复致命BUG:header.php文件内登录注册的URL调用的是Typecho插件的类,已恢复官方URL去除压缩包内多余文件移动端情况下侧边栏头像优化为圆形 XXX提供建议新增移动端可设置侧边栏壁纸显示模式为半屏或全屏 XXX提供建议新增可自定义侧边栏登录注册URL函数导航模块a标签为空时的 # 优化为 javascript:; ,移动端当页面已经往下滑动之后点击空链接不会返回顶部文章收录检测失败后改为手动提交收录1.0.5缩小文章页面列表模块的左边距如果填写百度推送Token,那么文章页面检测百度收录失败后点击推送时使用Ajax提交收录首页增加隐藏的H1标签,对搜索引擎更加友好修复留言页面百度推送机制没有跟随文章页面的BUG优化首页加载文章时如果没有文章的处理情况,DOM元素的修改看起来更加丝滑文章模块新增导读功能,可在后台自由开启关闭1.0.6优化文章模块中竖向图片的显示高度首页轮播图支持使用文章ID右下角三个浮悬按钮背景颜色优化为60%透明的白色页面头部导航优化为85%的毛玻璃效果透明新增文章底部可自定义提示信息新增首页轮播图可设置打开窗口方式1.0.7新增可设置首页大屏图片新增可一键开启网站全局灰色模式优化文章页面表格模块的排列宽度新增邮箱评论通知点击查看可以直接查看定位到文章评论位置的评论目录树窗口宽度算法优化新增可在主题设置处一键检测更新1.0.8紧急修复检测主题点击检测更新后一直处于检测结果提示页面1.0.9新增主题自带本站同款登录注册页面优化引入静态资源算法新增自动检测更新修复黑暗模式下文章导读目录依然白色的BUG优化文章导读目录遮罩层显示UI1.1.0新增主题自带随机一言API优化主题设置处对设置项的描述更加明确修改为默认开启首页顶部大图优化登录注册模块1.1.1新增可设置文章页面顶部大图背景壁纸新增文章页可无限插入广告兼容PHP7.3 - 8.0修复登录页面提示登录成功但实际没有登录的BUG修复登录注册等页面的字体样式不跟随站点样式的BUG优化注册和找回密码时邮箱发送错误的提示机制新增如果主题没有配置邮箱那么用户注册时则无需验证码1.1.2优化打开文章导读目录后背景层的模糊效果优化移动端侧边栏功能模块的背景为85%的白色透明效果 可配合壁纸高度功能使用全屏壁纸新增可开启或关闭PC端导航栏背景毛玻璃效果(毛玻璃效果启动后部分PC端浏览页面可能会产生卡顿)修复网站https协议情况时在主题设置处检测更新失败的BUG新增文章页可开启顶部大图背景使用文章缩略图 文字将使用文字标题 如果没有文章没有缩略图那么使用首页顶部大图和侧边栏随机一言充当文字对全局设置中自定义存储空间功能进行详细描述新增在线友链申请功能,需要配置邮箱功能{/callout}{message type="info" content="温馨提示:版本更新后需在主题设置处手动保存一下设置,以免出现bug"/}主题下载{cloud title=" Joe - 再续前缘版" type="lz" url="https://wwm.lanzouj.com/i5YzX09k1r6j" password=""/}官方博客 易航博客
2022年07月30日
342 阅读
0 评论
2 点赞
2022-04-29
『教程』Joe主题帮助文档
前言好久没有更新文章了今天出一个Joe的编辑器代码使用吧。本文为Joe主题帮助及演示使用,转自Joe主题,您可以在下方找到您的问题及解决方案。{mtitle title="华丽的分割线"/}自行删除代码内的 * 符号引用演示一级引用二级引用三级引用> 一级引用 > > 二级引用 >>>三级引用 文本加粗演示欢迎使用Joe主题**欢迎使用Joe主题**文本倾斜演示欢迎使用Joe主题*欢迎使用Joe主题*超链接演示百度一下 [百度一下](http://www.baidu.com) 图片预览演示 有序列表演示有序列表项目有序列表项目有序列表项目1. 有序列表项目 2. 有序列表项目无序列表演示无序列表无序列表无序列表- 无序列表项目 - 无序列表项目H1 ~ H6标题演示一级标题二级标题三级标题四级标题五级标题六级标题# 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题分割线演示----------回复可见演示隐藏内容,请前往内页查看详情{*hide}回复可见{*/hide}自行删除代码内的 * 符号网易云歌单演示{music-list id="5370364292" width="100%" autoplay="autoplay"/}自行删除代码内的 * 符号{*music-list id="5370364292" width="100%" autoplay="autoplay"/}文章插入BiliBili视频演示{bilibili bvid="BV1eK411u7NZ"/}{*bilibili bvid="BV1eK411u7NZ"/}文章插入M3U8或MP4视频演示{dplayer src="https://yun.abcio.cn/abcio/video/guzhuang.mp4" /}{*dplayer src="https://yun.abcio.cn/abcio/video/guzhuang.mp4" /}直接输出HTMl代码演示HTML代码 !!! <span class="test">HTML代码</span> <style> .test { color: #ff6800 } </style> !!!文章插入表格演示左对齐右对齐居中对齐单元格单元格单元格| 左对齐 | 右对齐 | 居中对齐 | | :-----| ----: | :----: | | 单元格 | 单元格 | 单元格 | 删除线演示这是一段错误的内容~~这是一段错误的内容~~文章插入代码段演示(本版本支持上百种代码)echo 'Hello Joe';自行删除代码内的 * 符号*```php echo 'Hello Joe'; *```行内代码演示在网页开发种,我们经常用到 div 这个标签` div `任务规划演示{x} 2020年存入100万{ } 2020年活下来{*x} 2020年存入100万 {* } 2020年活下来默认卡片演示{card-default width="100%" label="望庐山瀑布"}日照香炉生紫烟,遥看瀑布挂前川。飞流直下三千尺,疑是银河落九天。{/card-default}{*card-default width="100%" label="望庐山瀑布"}日照香炉生紫烟,<br>遥看瀑布挂前川。<br>飞流直下三千尺,<br>疑是银河落九天。{*/card-default}提示信息演示{message type="success" content="正确提示信息演示"/}{message type="info" content="提醒提示信息演示"/}{message type="warning" content="警告提示信息演示"/}{message type="error" content="错误提示信息演示"/}{*message type="success" content="正确提示信息演示"/} {*message type="info" content="提醒提示信息演示"/} {*message type="warning" content="警告提示信息演示"/} {*message type="error" content="错误提示信息演示"/}居中标题演示{mtitle title="这是一个居中显示标题"/}{*mtitle title="这是一个居中显示标题"/}便条按钮演示{anote icon="fa-download" href="https://www.baidu. com" type="secondary" content="下载"/}{anote icon="fa-download" href="https://www.baidu.com" type="success" content="下载"/} {anote icon="fa-download" href="https://www.baidu.com" type="warning" content="下载"/} {anote icon="fa-download" href="https://www.baidu.com" type="error" content="下载"/} {anote icon="fa-download" href="https://www.baidu.com" type="info" content="下载"/} 自行删除代码内的 * 符号type内分别为secondary、success、warning、error、info五种样式{*anote icon="fa-download" href="https://www.baidu. com" type="secondary" content="下载"/}普通按钮演示{abtn icon="fa-car" color="#ff6800" href="https://www.baidu.com" radius="12px" content="黄色按钮"/}{*abtn icon="fa-car" color="#ff6800" href="https://www.baidu.com" radius="12px" content="黄色按钮"/} 表情功能::(花心) :@(装大款)彩色虚线{dotted startColor="#ab74e4" endColor="#1989fa"/}{*dotted startColor="#ab74e4" endColor="#1989fa"/}进度条{progress percentage="10%" color="#ff6c6c"/}{progress percentage="20%" color="#ab74e4"/}{progress percentage="30%" color="green"/}{progress percentage="40%" color="yellow"/}{progress percentage="50%" color="blue"/}{progress percentage="60%" color="pink"/}{*progress percentage="10%" color="#ff6c6c"/} {*progress percentage="20%" color="#ab74e4"/} {*progress percentage="30%" color="green"/} {*progress percentage="40%" color="yellow"/} {*progress percentage="50%" color="blue"/} {*progress percentage="60%" color="pink"/}标注{callout color="#f0ad4e"}标注内容{/callout}{*callout color="#f0ad4e"} 标注内容 {/callout}标签页{tabs}{tabs-pane label="标签一"} 标签一内容{/tabs-pane}{tabs-pane label="标签二"} 标签二内容{/tabs-pane}{/tabs} {*tabs} {tabs-pane label="标签一"} 标签一内容 {/tabs-pane} {tabs-pane label="标签二"} 标签二内容 {/tabs-pane} {/tabs} 卡片列表{card-list}{card-list-item} 列表一内容{/card-list-item}{card-list-item} 列表二内容{/card-list-item}{/card-list} {*card-list} {card-list-item} 列表一内容 {/card-list-item} {card-list-item} 列表二内容 {/card-list-item} {/card-list} 时间轴{timeline}{timeline-item color="#19be6b"} 2021-12-18正式上线{/timeline-item}{timeline-item color="#ed4014"} 删库跑路{/timeline-item}{/timeline}{*timeline} {timeline-item color="#19be6b"} 2021-12-18正式上线 {/timeline-item} {timeline-item color="#ed4014"} 删库跑路 {/timeline-item} {/timeline}描述卡片{card-describe title="卡片描述"}卡片内容{/card-describe} {*card-describe title="卡片描述"} 卡片内容 {/card-describe} 跑马灯{lamp/} {*lamp/} 折叠面板{collapse}{collapse-item label="折叠标题一" open} 折叠内容一{/collapse-item}{collapse-item label="折叠标题二"} 折叠内容二{/collapse-item}{/collapse} {*collapse} {collapse-item label="折叠标题一" open} 折叠内容一 {/collapse-item} {collapse-item label="折叠标题二"} 折叠内容二 {/collapse-item} {/collapse} open默认展开,可删除云盘下载{cloud title="360云盘" type="360" url="/" password="1234"/}{cloud title="百度云盘" type="bd" url="/" password="1234"/}{cloud title="天翼网盘" type="ty" url="/" password="1234"/}{cloud title="城通网盘" type="ct" url="" password=""/}{cloud title="微云网盘" type="wy" url="" password=""/}{cloud title="Github仓库" type="github" url="" password=""/}{cloud title="蓝奏云盘" type="lz" url="" password=""/}{*cloud title="360云盘" type="360" url="/" password="1234"/} {*cloud title="百度云盘" type="bd" url="/" password="1234"/} {*cloud title="天翼网盘" type="ty" url="/" password="1234"/} {*cloud title="城通网盘" type="ct" url="" password=""/} {*cloud title="微云网盘" type="wy" url="" password=""/} {*cloud title="Github仓库" type="github" url="" password=""/} {*cloud title="蓝奏云盘" type="lz" url="" password=""/}宫格{gird column="3" gap="5"}{gird-item} 宫格内容一{/gird-item}{gird-item} 宫格内容二{/gird-item}{gird-item} 宫格内容三{/gird-item}{/gird}{*gird column="3" gap="5"} {gird-item} 宫格内容一 {/gird-item} {gird-item} 宫格内容二 {/gird-item} {gird-item} 宫格内容三 {/gird-item} {/gird}提示{alert type="info"}警告提示{/alert}{alert type="success"}警告提示{/alert}{alert type="warning"}警告提示{/alert}{alert type="error"}警告提示{/alert}自行删除代码内的 * 符号type内分别为info、success、warning、error四种样式{*alert type="info"} 警告提示 {/alert} 写在最后虽然这些短代码在编辑器里都有快捷键,但是万一哪天主题作者 抽风 更新,把他的编辑器删了,我这里还有备份短代码供大家学习.本文章长期不定时更新,尽量争取更新摘取所有短代码
2022年04月29日
517 阅读
2 评论
3 点赞