首页
网站文档
素材技术
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源码
951 阅读
6
Joe主题 标题导航栏合并教程
929 阅读
7
搭建一个属于自己的api随机图教程
842 阅读
8
Emoji 可复制静态表情符号
712 阅读
9
Joe主题修复几个部分字体不渲染的问题
621 阅读
狱长
Xc主题 交流QQ群:
751620634
狱长
昨天 18:57
在线
累计撰写
40
篇文章
累计收到
821
条评论
首页
栏目
网站文档
素材技术
Typecho
闲言碎语
各类源码
网站源码
页面
闪念笔记
朋友圈
留言板
关于我
赞助榜
恋爱日记
站点导航
精选壁纸
站点统计
测试输出
用户登录
登录
注册
“网站文档” 共(27)篇
Typecho 一些有趣的调用语法
总结一些Typecho有趣的调用语法
2023年01月14日
192
3
5
title标签输出美化
alt和title提示美化,jquery的特效,记录一次美化美化教程效果图: 教程也很简单,创建一个js和一个css引用到网站即可,这里就不教怎么引用了,很多文章都写过教程第一步 创建一个js文件 把以下内容放进去var sweetTitles = { x: 10, y: 20, tipElements: "a,span,img,div ", noTitle: false, init: function() { var b = this.noTitle; $(this.tipElements).each(function() { $(this).mouseover(function(e) { if (b) { isTitle = true } else { isTitle = $.trim(this.title) != '' } if (isTitle) { this.myTitle = this.title; this.title = ""; var a = "<div class='Xc_title'><div class='tipsy-arrow tipsy-arrow-n'></div><div class='Xc_title_inside'>" + this.myTitle + "</div></div>"; $('body').append(a); $('.Xc_title').css({ "top": (e.pageY + 20) + "px", "left": (e.pageX - 20) + "px" }).show('fast') } }).mouseout(function() { if (this.myTitle != null) { this.title = this.myTitle; $('.Xc_title').remove() } }).mousemove(function(e) { $('.Xc_title').css({ "top": (e.pageY + 20) + "px", "left": (e.pageX - 20) + "px" }) }) }) } }; $(function() { sweetTitles.init() });第二步 创建一个css文件 把以下内容放进去.Xc_title{font-size:13px;position:absolute;padding:10px;z-index:100000;opacity:.8;font-family:Microsoft Yahei} .tipsy-arrow{position:absolute;width:0;height:0;line-height:0;border:0px dashed #000;top:4px;left:50%;margin-left:-5px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent} .tipsy-arrow-n{border-bottom-color:#232323e0} .Xc_title_inside{background-color:#000000e3;color:#FFF;max-width:350px;padding:8px 8px 8px 8px;border-radius: 10px;text-align:center;border-radius:5px}
2022年12月29日
162
5
4
Xc主题 给导航栏添加阿里矢量彩色图标icon
加密文章,请前往内页查看详情
2022年12月26日
231
0
6
Joe主题 对接Cravatar头像服务 加密链接显示头像 隐藏QQ号
前言:对接Cravatar头像服务,如果评论者填写的是QQ邮箱,显示出来的就是QQ头像,并且链接进行了加密,不会暴露QQ号 教程:修改文件 function.php 文件目录: Joe主题文件/core/function.php 找到 大概在170行左右 把以下代码完整替换即可 function _getAvatarByMail($email) { if ($email) { if (strpos($email, "@qq.com") !== false) { $email = str_replace('@qq.com', '', $email); if (strstr($mailLower, "qq.com") && is_numeric($qqMail) && strlen($qqMail) < 11 && strlen($qqMail) > 4) { echo 'https://cravatar.cn/avatar/' . $qqMail . ''; } else{ $mmail = $email.'@qq.com'; $email = md5($mmail); echo "https://cravatar.cn/avatar/" . $email . "&s=100"; } } else { $email = md5($email); echo "https://cravatar.cn/avatar/45ed915ca2e7f3fce01ef5fd21e55712?d=mm"; } } }
2022年12月14日
246
12
1
给网站加一个背景颜色渐变效果
效果图 可以在任意网站使用,这里就以Joe主题做教程以下代码加入到全局设置-自定义CSS里即可,180是角度,上下渐变,或者左右渐变自己调body::before { background: linear-gradient(180deg, #fed6e3, #c0efec) ; }方法二:放在header 或者footer,或者后台的自定义css填写框里<style>body::before { background: linear-gradient(180deg, #fed6e3, #c0efec) ; }</style>
2022年11月28日
316
9
2
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
搭建一个属于自己的api随机图教程
最近没什么好玩的教大家了,现在教大家简单搭建一个属于自己的api随机图吧第一步:新建一个文件夹,命名为:img(这个文件里放你需要的图片)第二步:新建一个index.php文件,把以下代码填写进去 (这个文件就是api地址)<?php $img_array = glob("img/*.{webp,gif,jpg,png}",GLOB_BRACE); $img = array_rand($img_array); $dz = $img_array[$img]; header("Location:".$dz); ?>
2022年10月14日
842
53
7
Joe主题 侧边栏添加一个微博热搜
加密文章,请前往内页查看详情
2022年09月26日
382
0
7
1
2
...
4