首页
网站文档
素材技术
Typecho
闲言碎语
各类源码
网站源码
闪念笔记
朋友圈
留言板
关于我
赞助榜
更多
恋爱日记
站点导航
精选壁纸
站点统计
测试输出
关键词搜索
搜索
标签搜索
网站美化
网站源码
Joe
css
Typecho
恋爱
api
js
饭后茶余
诗句
ip属地
近期浏览
热门文章
1
Joe主题 给首页和文章页顶部加一个大图
2,235 阅读
2
分享自己搭建的API 头像源丶背景图片丶随机一言
1,656 阅读
3
Xc主题 全量文件 更新历史
1,631 阅读
4
Joe主题 更换评论框样式，填写QQ自动获取昵称邮箱
1,119 阅读
5
干净个人主页html源码
952 阅读
6
Joe主题 标题导航栏合并教程
930 阅读
7
搭建一个属于自己的api随机图教程
842 阅读
8
Emoji 可复制静态表情符号
712 阅读
9
Joe主题修复几个部分字体不渲染的问题
621 阅读
狱长
Xc主题 交流QQ群：
751620634
狱长
昨天 18:57
在线
累计撰写
40
篇文章
累计收到
821
条评论
首页
栏目
网站文档
素材技术
Typecho
闲言碎语
各类源码
网站源码
页面
闪念笔记
朋友圈
留言板
关于我
赞助榜
恋爱日记
站点导航
精选壁纸
站点统计
测试输出
用户登录
登录
注册
“Joe” 共(8)篇
Joe主题 对接腾讯位置服务 展示IP属地
Joe主题 对接腾讯位置服务 展示IP属地第一步：注册账号打开腾讯位置服务官网，点击登录，直接使用QQ登录或微信登录即可。第二步：创建应用打开控制台，左侧有一个应用管理，创建应用，应用名称丶应用类型随意选。第三步：添加Key这时候我们选择 WebService API 服务即可，选择后有三种方案，域名白名单、授权 IP、签名校验，一般我们会部署在服务器上，所以可以选择授权 IP，这样方便一些；域名白名单和签名校验限制有些多，且我们这次对接博客也是以授权 IP 为主。 添加后我们就能拿到一个 Key，下面开始对接博客展示博友访客 IP 属地信息。一个应用可以添加多个 Key，一个 Key 每日可调用 10000 次，并发 5 次每秒。第四步：接入以下代码代码位置： Joe主题/core/function.php 在末尾添加以下代码 function curl_tencentlbs_ip($ip) { //应用Key也就是腾讯位置服务申请到的Key，修改成自己的Key即可 $key = 'XXX-XXX-XXX'; $url = 'https://apis.map.qq.com/ws/location/v1/ip?ip='.$ip.'&key='.$key; $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_BINARYTRANSFER, 1); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); curl_setopt($ch, CURLOPT_AUTOREFERER, 1); curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1); curl_setopt($ch, CURLOPT_HTTPGET, true); curl_setopt($ch, CURLOPT_REFERER, $url); curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false); curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36'); $content = curl_exec($ch); curl_close($ch); if($content) { $json = json_decode($content,true); if($json['status'] == 0 ) { $resjson = $json['result']['ad_info']; if($resjson['province']=='北京市'||$resjson['province']=='天津市'||$resjson['province']=='上海市'||$resjson['province']=='重庆市') { return $resjson['province'].$resjson['city']; } return $resjson['province'].$resjson['city']; } } return ''; } 第五步：评论处调用代码评论代码位置： Joe主题/public/comment.php 在自己合适的位置添加以下代码（自己找位子）最后再说明一点，展示IP属地可能会拖慢有评论区板块的网页速度！！！<?php echo curl_tencentlbs_ip($comments->ip); ?>最终成品的样子
2022年11月14日
565
26
3
Joe主题 侧边栏添加一个微博热搜
加密文章，请前往内页查看详情
2022年09月26日
382
0
7
Joe主题 更换评论框样式，填写QQ自动获取昵称邮箱
Joe主题 更换评论框样式，填写QQ自动获取昵称邮箱效果图展示 前言：由于为了美观感去除了画图模式，至于怎么加上画图模式会在文章最后给出详细教程。同时也去除了填写网址选项，这个暂时无添加教程，关键没有合适的添加位子。话不多说，直接开始教程！下载文件包，解压完会得到3个文件，上传至对应目录位子{cloud title="Joe评论框文件" type="default" url="https://pan.xccx.cc/pan/%E7%BD%91%E7%AB%99%E6%96%87%E4%BB%B6/Joe%E8%AF%84%E8%AE%BA%E6%A1%86%E7%BE%8E%E5%8C%96%E6%96%87%E4%BB%B6.zip" password=""/}压缩包名：qq_comment.zip 上传到文件目录 Joe主题文件/public/ 然后解压文件名：comment.php 上传覆盖到文件目录 Joe主题文件/public/comment.php （建议自己备份原文件）文件名：joe.responsive.min.css 上传覆盖到文件目录 Joe主题文件/assets/css/joe.responsive.min.css （建议自己备份原文件）添加画图模式教程修改文件comment.php，Ctrl+F快速搜索关键词 <div class="joe_comment__respond-type"> 大概在第20行下，把以下代码加入到关键词的下面<button class="item" data-type="draw">画图模式</button> <button class="item active" data-type="text">文本模式</button>
2022年09月03日
1,119
94
6
Joe主题 更换友情链接卡片样式
Joe主题 更换友情链接卡片样式效果图展示，详情可看本站 友情链接 第一步修改 friends.php 文件，文件目录 Joe主题文件/friends.php 把以下代码进行替换（友情提示：修改前先备份，不喜欢可以换回去）{tabs}{tabs-pane label="代码"} <ul class="joe_detail__friends evan-friends"> <?php foreach ($friends as $item) : ?> <li class="joe_detail__friends-item"> <a class="contain" href="<?php echo $item['url']; ?>" target="_blank" rel="noopener noreferrer" style="background: <?php echo $friends_color[mt_rand(0, count($friends_color) - 1)] ?>"> <div class="evan-f-left"> <div class="f-avatar"> <img width="40" height="40" class="avatar lazyload" src="<?php _getAvatarLazyload(); ?>" data-src="<?php echo $item['avatar']; ?>" alt="" /> </div> </div> <div class="evan-f-right"> <span class="title"> <span class="sub-text"><?php echo $item['name']; ?></span> <svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="18" height="18"> <path d="M0 0h1024v1024H0V0z" fill="#202425" opacity=".01" p-id="25921"></path> <path d="M989.866667 512c0 263.918933-213.947733 477.866667-477.866667 477.866667S34.133333 775.918933 34.133333 512 248.081067 34.133333 512 34.133333s477.866667 213.947733 477.866667 477.866667z" fill="#FF7744" p-id="25922"></path> <path d="M787.114667 339.285333a51.2 51.2 0 0 1 0 72.362667l-307.2 307.2a51.2 51.2 0 0 1-72.362667 0l-170.666667-170.666667a51.2 51.2 0 0 1 72.362667-72.362666L443.733333 610.235733l271.018667-271.018666a51.2 51.2 0 0 1 72.362667 0z" fill="#FFFFFF" p-id="25923"></path> </svg> </span> <div class="content"> <div class="desc"><?php echo $item['desc']; ?></div> </div> </div> </a> </li> <?php endforeach; ?> </ul>{/tabs-pane}{tabs-pane label="需要替换的代码"} {/tabs-pane}{tabs-pane label="替换后的样子"} {/tabs-pane}{/tabs}第二步下载CSS文件放入服务器，然后后台代码引入CSS{cloud title="CSS文件" type="default" url="https://pan.xccx.cc/pan/css/evan-friends.min.zip" password=""/}{tabs}{tabs-pane label="代码"}<link rel="stylesheet" href="这里填写你的CSS文件直链地址">{/tabs-pane}{tabs-pane label="引入位子"} {/tabs-pane}{/tabs}
2022年09月01日
606
25
2
Joe主题 标题导航栏合并教程
Joe主题 标题导航栏合并教程效果图展示 前言：同时也增加了手机端的管理后台登入按钮，修改前建议先备份源文件教程很简单，修改 header.php 文件，文件目录 Joe主题文件/public/header.php 把以下代码全部替换进去即可，是把 header.php 内的所有代码替换隐藏内容，请前往内页查看详情
2022年08月07日
930
63
9
Joe主题 给首页和文章页顶部加一个大图
Joe主题 给首页和文章页顶部加一个大图文章页顶部效果图展示 首页顶部效果图展示先给首页顶部加一个大图第一步修改 index.php 文件，文件目录 Joe主题文件/index.php 下面两个是我推荐的，放在图片地址里即可同步侧边栏博主背景壁纸代码：<?php $this->options->JAside_Author_Image() ?> 随机高清背景图API：https://www.xccx.cc/api/tp/index.php{tabs}{tabs-pane label="代码"}代码第一行自行填写图片地址，<div class="HeaderImg" style="background: url(这里填写你的图片地址) center;background-size:cover;"> <div class="infomation"> <div class="title"><?php $this->options->title(); ?></div> <div class="desctitle"> <span class="motto joe_motto"</span> </div> </div> <section class="HeaderImg_bottom"> <svg class="waves-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto"> <defs> <path id="gentle-wave" d="M -160 44 c 30 0 58 -18 88 -18 s 58 18 88 18 s 58 -18 88 -18 s 58 18 88 18 v 44 h -352 Z"></path> </defs> <g class="parallax"> <use xlink:href="#gentle-wave" x="48" y="0"></use> <use xlink:href="#gentle-wave" x="48" y="3"></use> <use xlink:href="#gentle-wave" x="48" y="5"></use> <use xlink:href="#gentle-wave" x="48" y="7"></use> </g> </svg> </section> </div>{/tabs-pane}{tabs-pane label="代码位子"} {/tabs-pane}{/tabs}第二步下载CSS文件放入服务器，然后后台代码引入CSS隐藏内容，请前往内页查看详情第三步设置全局透明度，这个看个人需求，也可以忽略此步骤{tabs}{/tabs-pane}{tabs-pane label="代码"}透明度自己改，数字就是，不会就百度 body {--background: rgba(255,255,255,0.8);}{/tabs-pane}{/tabs-pane}{tabs-pane label="代码位子"} {/tabs-pane}{/tabs}再给文章页顶部加一个大图友情提示：文章顶部图显示规则写成了与首页文章列表一样获取，会自动显示文章里的第一张图，文章无图的情况下会自动显示你后台设置的自定义缩略图，在后台图片设置选项添加，或者你也可以更换自己的api图库自行更换图库方法：下面第一行代码中 <?php echo _getThumbnails($this)[0] ?> 换成自己的图片地址即可教程方法修改 post.php 文件，文件目录 Joe主题文件/post.php 隐藏内容，请前往内页查看详情
2022年07月10日
2,235
76
32
Joe主题修复几个部分字体不渲染的问题
Joe主题修复一大部分地方字体不渲染的问题修复前提：以下方法基本可以解决所有的部分字体不渲染的问题，当然这个前提是你后台已经设置了自定义字体才会生效。友情提示：如果还有其他地方字体无法渲染的问题，并且此方法无法解决 或者只想渲染单个部分字体的话可以在下方留言。 目前发现字体无法渲染的地方有{timeline}{timeline-item color="#ed4014"}评论框{/timeline-item}{timeline-item color="#ed4014"}代码块 {/timeline-item}{timeline-item color="#ed4014"}行内代码 {/timeline-item}{timeline-item color="#ed4014"}首页搜索框{/timeline-item}{/timeline} 修复方法修改CSS文件 joe.normalize.min.css 文件目录 Joe主题文件/assets/css/joe.normalize.min.css 把以下代码加入到最前面的 *{ 后面，也就是{的后面font-family: 'Joe Font';CSS修改完成后的样子*{font-family: 'Joe Font';
2022年07月07日
621
21
2
Joe主题修复友情链接宽度不整齐的问题
Joe修复友情链接的网站介绍太长导致宽度不整齐的问题，如下图修复方法修改CSS文件 joe.global.min.css 文件目录： Joe主题文件/assets/css/joe.global.min.css 搜索关键词 desc{margin-right:10px} 把以下代码加入到关键词里的10px后面;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;CSS修改完成后的样子desc{margin-right:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}修改完后网站介绍太长会直接以...的方式省略掉，如下图
2022年06月27日
381
3
7
