- 综合排序
- 最热优先
- 最新优先
- 来自专栏公爵书房
Joe 主题美化记录
TODO 我想把博客在改造一下，大概先想这些，后续想到在加吧… 网站底部样式改造 头像呼吸灯 自定义鼠标右键 友链页面 音乐播放器 头像呼吸灯 在主题后台全局css里添加 /*头像呼吸光环和鼠标悬停旋转放大 .joe_container{ max-width: 1360px; } 自定义鼠标右键 在主题后台自定义JS（body）里添加 <! Theme by <a class="a-theme" title="当前<em>主题</em>：<em>Joe</em>2.0 V${theme.version!}" href="${theme.repo!}" joe-icon-jiasu">已运行 00 天 <strong class="<em>joe</em>_run__hour 在<em>主题</em>的index.php文件中，查找到<?
1.1K32编辑于 2022-09-28 - 来自专栏Blank
Joe主题魔改版
前言 分享自己网站的Joe主题小改版本,代码都是cv的,算是对网上一些教程的小集合吧,主题基于7.7.1版本修改 日间模式 夜间模式 修复文章收录显示 去除评论网址填写 新增首页文章分页 新增手机端登录
80611编辑于 2023-04-13 - 来自专栏笔记堡—柠檬酸冰冰
Joe主题加大图
大家通过上图是不是觉得你的joe主题也可以拥有呢，没关系，现在跟着我的节奏一起进行首页和文章页面的大图设置吧。 __respond-form .foot{justify-content:flex-start}.joe_comment__respond-form .foot .joe_owo__contain{position :static}.joe_comment__respond-form .foot .joe_owo__contain .box{position:absolute;bottom:100%;margin-bottom {display:none}.joe_main{position:relative}@media(max-width: 768px){.joe-stretch{display:none}}.joe-stretch :hover svg{fill:var(--theme)}.joe-stretch .contain:hover::before{border-color:var(--theme)}.joe-stretch.active
81030编辑于 2023-03-04 - 来自专栏Aurora的技术文专栏
joe主题 网格背景
: 20px 20px; background-position: 50%; background-repeat: repeat; } 使用方法 填写至主题全局设置
49421编辑于 2023-04-22 - 来自专栏Aurora的技术文专栏
JOE主题MathJax公式支持
JavaScript 库，用于在网页上显示数学公式 其他：MathJax 官网 www.mathjax.org' ); $JMathJax->setAttribute('class', 'joe_content joe_global'); $form->addInput($JMathJax->multiMode()); 2.在 post.php 文件的head标签中添加以下内容 options->JMathJax
45460编辑于 2023-04-13 - 来自专栏日志随记
Typecho - Joe主题魔改版
Joe主题1.1.6版本更新特点 修复了排行榜，重新对接了各平台Api 增加了Github页面模板文件（github.php 默认是我的github信息） 修改github信息方法： 页面新加字段 github 3877560397.png 注意：文件夹名必须是 Typecho-Joe-Theme 如果想要修改文件名，请使用VScode或者其他编辑工具打开文件搜索 /Typecho-Joe-Theme/ ,将所有搜索出来的资源路径中 Typecho-Joe-Theme替换成你想要的文件名 安装教程 下载后解压到网站根目录/usr/themes/文件加中； 登录到typecho后台 --> 更换外观 --> 启用 点击设置外观修改自己想要的设置 手机端下边栏修改代码 Typecho-Joe-Theme/public/footer.php文件中，将 # 修改成自己想要的链接（不打开移动下边栏设置可以忽略） 868567477.png 展示图 PC 1166001527.png ---- 模板后台管理界面 2969849863.png 3092838996.png github地址：https://github.com/XG2020/Typecho-Joe-Theme
2.2K31编辑于 2022-08-08 - 来自专栏小锋学长生活大爆炸
【教程】记录Typecho Joe主题升级与Joe魔改版
Joe主题挺好看的，很早之前我就装了。后来官方升级了主题，但没有给升级教程。这里记录一下我的升级过程，供大家参考。 zip Joe.zip Joe -r -x "Joe/web/*" -x "Joe/.git/*" 如果不打包，我们也可以简单地改个文件名（推荐）。 unzip Joe-master.zip rm Joe-master.zip mv Joe-master Joe 4、验证安装。关闭并重新打开浏览器，进入网站。 其他魔改版 这里有大佬对Joe进行了魔改，可以尝鲜看看（但体验完感觉不是很好用）： Typecho - Joe主题魔改版（持续更新） - 日志随记 如果你装了这个魔改版，建议把默认的CDN删了，不然页面打开非常卡 Joe再续前缘版: Typecho主题Joe再续前缘版本，基于Joe模板二开，原作者地址：https://github.com/HaoOuBa/Joe
3.4K30编辑于 2023-03-06 - 来自专栏边城码农
joe主题收录检测修改
步骤： 找到themesr/Joe/core/route.php 将route.php打开然后把135 136 145改成下面 然后删除137 135 $site = urlencode($self-
81740编辑于 2022-05-30 - 来自专栏瞳瞳too的学习笔记
Joe主题使用海报插件
AI摘要：文章介绍了如何在Joe主题中使用ArticlePoster插件生成文章海报。首先，需要下载并安装Joe专版的ArticlePoster插件，然后在后台管理系统中启用并配置该插件。 完成这些步骤后，就可以在Joe主题中使用ArticlePoster插件生成文章海报了。 ArticlePoster是一款非常实用的文章海报插件，它可以帮助你轻松地生成具有吸引力的文章海报。 这篇文章将会详细地指导你如何在Joe主题中使用这款插件。 一、下载、安装并启用插件 首先，你需要访问ArticlePoster，下载Joe专版插件的安装包。 二、在指定位置添加挂载点 接下来，你需要在/usr/themes/Joe/public/handle.php文件的指定位置添加一个挂载点。挂载点的作用是让文章海报插件知道在哪里生成海报。 完成以上步骤后，你就可以在Joe主题中使用ArticlePoster插件生成文章海报了。现在，当你查看你的文章时，应该可以看到一个新的生成海报的按钮。点击这个按钮，插件就会为你生成一张精美的文章海报。
26510编辑于 2024-02-09 - 来自专栏IT不难技术家园
Joe主题开启文章目录结构
important; } 自定义body // 文章导航 if ( $(".joe_detail__article").length > 0 ){ // 创建 Outline 实例 let navigation = new AutocJs({ // 文章正文 DOM 节点的 ID 选择器 article: '.joe_detail__article',
73820编辑于 2022-05-28 - 来自专栏笔记堡—柠檬酸冰冰
Joe主题收录检测的问题
使用joe主题已经快一年多了，遇到的问题还是有点多的，现在的问题就是收录检测的问题，有时候它提示已经收录，我连收录的秘钥都没有填写就直接判断为已经收录了，所以我在网上寻找到这个问题的解决方法，如果你的 joe也是和我出现的问题一样的话，你可以跟着我的教程一起修改。 ---- 代码和放置位置 themes/Joe-master/core/route.php ，打开后找到143,然后在143行内容后面回车，然后插入代码。
52520编辑于 2023-03-04 - 来自专栏IT不难技术家园
Joe主题目录介绍
├── assets │ ├── audio // 鼠标划上去的音效文件 │ ├── background // 动态背景文件 │ ├── css // 主题样式目录 │ │ └── joe.min.scss // 全局样式文件，优先PC端 │ │ └── joe.responsive.min.scss // 自适应样式文件 │ │ └── joe.setting.min.scss // 主题初始化文件 │ │ └── joe.setting.js // 后台外观设置文件 │ │ └── owo.js // 评论OwO文件 │ │ │ ├── owo // joe.barrager // Joe专用弹幕文件 │ ├── joe.lazyload // Joe专用图片懒加载 │ ├── joe.toast // Joe专用弹窗提示 │ ├── cdn，主题作者专用文件 ├── page.php // 独立页面 ├── player.php // 主题内置m3u8播放器页面 ├── post.php // 文章详情页面 ├── screenshot.png
1.2K20编辑于 2022-05-28 - 来自专栏白衣少年的专栏
为Joe主题增加表情包
成果展示 文章编辑器 教程开始 一、添加表情过滤 因为Joe主题之前被人恶意注入过xss，因此主题作者添加了关键词屏蔽，所以还要进行过滤 拿到一个表情包后，在 windows 系统中下这样操作，在表情包文件夹内创建一个 关键词拼串可以使用Excel进行，直接使用以下代码就行 先把名字多余部分删除 按 ctrl+f打开替换 然后开始使用公式 =A2&$F$2&A3 =E2&$F$2&A4 然后打开Joe/core/ 得到结果后，首先在表情包文件夹中创建一个red.txt 文件，然后将得到的结果粘贴到txt文件中保存 注意：这里记得点另存为编码选择ANSI，不然可能会修改不了 二、配置 OwO.json 打开 Joe /assets/json 下的 joe.owo.json 文件 在里面添加（请自行删除代码中的 删除 字符） {"QQ":[{"icon":"assets/owo/qq/aini.gif","data" 就好了 三、上传表情包文件 将重命名后的表情包文件上传到 Joe/assets/owo 文件夹中，当然你也可以上传到其他地方，只要能访问到就行 然后在打开网站查看效果就好啦～
76740编辑于 2022-12-26 - 来自专栏老K博客
Joe主题美化记录【持续更新】
这个主题固然是好，但我就是喜欢折腾 这篇用于记录美化记录，改的多了难免会忘 大家也可参考 关闭前台登陆/注册 这个操作只是让用户无法登陆/注册，对管理站点没影响 修改路径：/usr/themes/Joe /public/headr.php 删除 登陆后台在域名后面＋/admin就可以进入 禁用F12 修改路径：/usr/themes/Joe/public/footer.php 在最后面加上代码即可 function window.event.returnValue=false; return(false); } } 添加版权信息 效果就是在站内复制文文字后，会默认在复制内容中加入版权信息 修改路径：/usr/themes/Joe html', htmlData); clipboardData.setData('text/plain',textData); } } 注意把信息修改成自己的 修改颜色及透明度 在主题设置的自定义 css处填写 body { --theme: #ff6800; --background: rgba(255,255,255,0.85) } theme：主题颜色，可随意修改 颜色参照表：http://
65811编辑于 2023-12-18 - 来自专栏笔记堡—柠檬酸冰冰
Joe主题使用logo扫光代码
前言：给你的logo一点高级感吧，使用扫光代码呈现你的扫光光束进行logo的扫描，教程很干货，使用joe官方的主题的小伙伴有福啦，只需要简单的几步即可完成logo扫光的代码添加。 */ .joe_header__above-logo:before { content: ""; position: absolute; top: -50px; left: -15px; Joe主题的文件 打开joe文件，找到 assets/css找到css文件夹进去新建一个 文件夹 文件，命名为 logosaoguang.css 当然你自己想一个也行，但是必须是以css后缀结尾的文件 ，新建好之后，我们把代码粘贴进去随后保存： 记住路径名:/usr/themes/Joe/assets/css/logosaoguang.css ---- 引入css <! -- 扫光引入结束 --> 将上述代码放入head里面，joe主题的是在后台全局设置里面的 自定义head那里填入link引入代码即可，路径不要有文字哦。
63121编辑于 2023-03-16 - 来自专栏囍楽云博客
本站同款Joe主题美化代码
Joe主题CSS美化代码 .joe_header__above-nav>.item::after, .joe_pagination li.active a, .joe_header__above-search .submit, .joe_detail__count::after, .joe_census__filing .content .item.load .button, .joe_census__filing , .joe_comment__respond-type .item.active, .joe_comment__respond-form .foot .submit button, .joe_owo_ , .joe_load, .joe_tabs__head-item::after, .joe_detail__category .item-0 { background: linear-gradient important; } .joe_list__item .line, .joe_cloud__btn, .joe_detail__related-title::before, .joe_detail
72630编辑于 2022-12-29 - 来自专栏Izekel'Blog
Joe主题自定义网站字体
前言可能有一些小白看到一些大佬的博客会发现为啥别人的网站字体和自己不一样，自己网站的字体和大佬的一对比就感觉啥都不是，所以今天阿浩就来教一下大家JOE主题怎么自定义网站字体（本教程只适用于Typecho 博客程序的JOE主题，其他博客程序或其他主题请自行寻找解决办法）正文 第一步 可以去一些提供免费字体的网站下载中意的字体，然后去百度搜索： 字体转换器。
1.9K10编辑于 2022-06-06 - 来自专栏Aurora的技术文专栏
joe主题添加普通样式标签云
), 'off', '是否开启3D云标签 - PC', '介绍：用于设置侧边栏是否显示3D云标签');$JAside_3DTag->setAttribute('class', 'joe_content joe_aside');$form->addInput($JAside_3DTag->multiMode());修改为：$JAside_Tag = new Typecho_Widget_Helper_Form_Element_Select 普通标签', ), 'off', '是否开启标签 - PC', '介绍：用于设置侧边栏是否显示标签');$JAside_Tag->setAttribute('class', 'joe_content joe_aside');$form->addInput($JAside_Tag->multiMode());2.查找 public/aside.php 文件中的内容options->JAside_3DTag >5.添加 CSS 样式在主题 aside.php 文件最底部添加以下代码 .common-tag { height: 30px; font-size: 12px; border-radius:
1.2K40编辑于 2023-04-13 - 来自专栏Roookie博客
Joe主题添加文章侧边栏目录
2.2、CSS文件将以下 CSS 代码保存至文件中，文件名为 menutree.css，文件放到主题目录的 assets/css 文件夹下。. max-width:800px) { .menutree{ display:none; }}2.3、JS文件将以下 JS 代码保存至文件中，文件名为 menutree.js，文件放到主题目录的 添加目录代码 然后在
与 div class="joe_main joe_post"> 之间添加如下代码：<! -- 文章目录代码 -->以上的样式代码经过一定时间的使用，可以完美契合 Joe 主题，并且加入了部分响应式布局的代码，在移动设备上目录会自动隐藏，不会影响内容阅读。当然，如果是非 Joe 主题，样式可能需要重新设计。79910编辑于 2023-07-05来自专栏小陈运维修复Joe主题静态资源为国内地址
修复Joe主题静态资源为国内地址背景Typecho 是由 type 和 echo 两个词合成的，来自于开发团队的头脑风暴。 我将修改后的主题代码放在了GitHub上面，可以访问进行查看 https://github.com/cby-chen/blog其中static目录是我修改后的需要用到的静态文件。 Joe目录是把主题修改后可以直接使用的，将Joe目录放在 typecho 博客系统的 themes主题文件夹下即可直接使用。 注：主题是引用了我自己的博客网站静态资源 www.oiox.cn关于https://www.oiox.cn/https://www.oiox.cn/index.php/start-page.htmlCSDN
54830编辑于 2022-07-02
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号