找到
14
篇与
技术教程
相关的结果
-
Typecho博客自定义右键（支持各个主题） AI摘要 为Typecho博客自定义右键菜单，支持各主题，通过复制代码并添加到主题或自定义代码块实现。 此内容根据文章生成，仅用于文章内容的解释与总结 效果图 000095图片 代码 第一步：复制下列代码 <script src="https://lib.baomitu.com/layer/3.1.1/layer.js"></script> <!-- 自定义右键菜单美化 --> <style type="text/css"> a {text-decoration: none;} div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;} div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block} div.usercm ul li{margin:0px;padding:0px;line-height:35px;} div.usercm ul li a{color:#666;padding:0 15px;display:block} div.usercm ul li a:hover{color:#fff;background:rgba(170,222,18,0.88)} div.usercm ul li a i{margin-right:10px} a.disabled{color:#c8c8c8!important;cursor:not-allowed} a.disabled:hover{background-color:rgba(255,11,11,0)!important} div.usercm{background:#fff !important;} </style> <div class="usercm" style="left: 199px; top: 5px; display: none;"> <ul> <li><a href="/"><i class="fa fa-home fa-fw"></i><span>首页</span></a></li> <li><a href="javascript:void(0);" onclick="getSelect();"><i class="fa fa-copy fa-fw"></i><span>复制</span></a></li> <li><a href="javascript:void(0);" onclick="baiduSearch();"><i class="fa fa-search fa-fw"></i><span>搜索</span></a></li> <li><a href="javascript:history.go(1);"><i class="fa fa-arrow-right fa-fw"></i><span>前进</span></a></li> <li><a href="javascript:history.go(-1);"><i class="fa fa-arrow-left fa-fw"></i><span>后退</span></a></li> <li style="border-bottom:1px solid gray"><a href="javascript:window.location.reload();"><i class="fa fa-refresh fa-fw"></i><span>重载网页</span></a></li> <li><a href="/index.php/4.html"><i class="fa fa-meh-o fa-fw"></i><span>和我当邻居</span></a></li> </ul> </div> <script type="text/javascript"> (function(a) { a.extend({ mouseMoveShow: function(b) { var d = 0, c = 0, h = 0, k = 0, e = 0, f = 0; a(window).mousemove(function(g) { d = a(window).width(); c = a(window).height(); h = g.clientX; k = g.clientY; e = g.pageX; f = g.pageY; h + a(b).width() >= d && (e = e - a(b).width() - 5); k + a(b).height() >= c && (f = f - a(b).height() - 5); a("html").on({ contextmenu: function(c) { 3 == c.which && a(b).css({ left: e, top: f }).show() }, click: function() { a(b).hide() } }) }) }, disabledContextMenu: function() { window.oncontextmenu = function() { return !1 } } }) })(jQuery); function getSelect() { "" == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? layer.msg("啊噢...你没还没选择文字呢！") : document.execCommand("Copy") } function baiduSearch() { var a = window.getSelection ? window.getSelection() : document.selection.createRange().text; "" == a ? layer.msg("啊噢...你没还没选择文字呢！") : window.open("https://www.baidu.com/s?wd=" + a) } $(function() { for (var a = navigator.userAgent, b = "Android;iPhone;SymbianOS;Windows Phone;iPad;iPod".split(";"), d = !0, c = 0; c < b.length; c++) if (0 < a.indexOf(b[c])) { d = !1; break } d && ($.mouseMoveShow(".usercm"), $.disabledContextMenu()) }); </script> <!--ruleuser js引入 --> <script src="/user/configs.js?v1.0211"></script> <script type="text/javascript" src="/user/layer/layer.js""></script> <script type="text/javascript" src="/user/main/main.js""></script> <!--ruleuser js引入 -->第二步：找到“适合的位置加到主题或者对应的自定义代码块即可” 第三步：把刚刚复制的代码填进去
-
Joe再续前缘编辑器功能演示 - Typecho主题 AI摘要 Joe再续前缘编辑器功能丰富，支持文字格式、标题、表格、代码、视频、音乐等多种元素，并提供多种样式和功能，提升内容编辑体验。 此内容根据文章生成，仅用于文章内容的解释与总结 000065图片 功能演示 文字加粗 文字加粗 文字倾斜 文字倾斜 文字删除 文字删除 文字居中 文字居中文字居右 文字居右文字颜色 文字 文字大小 文字大小 行内代码 行内代码 分割线 引用 引用标题 H1 H2 H3 H4 H5 H6 有序标题 有序标题 有序标题 有序标题 无序标题 无序标题 无序标题 无序标题 超链接 超链接 插入图片 图片 表格 表头表头表头表头表格表格表格表格表格表格表格表格表格表格表格表格代码块 <?php ehco "Hello world！" ?>原生HTML 居中 居右 颜色大小当前时间 2024-12-30 18:17:22 星期一 实体符号🔣 包含99%的特殊标点符号 000066图片 表情符号 包含99%的表情符号 000067图片 图片表情 000068图片 任务-复选框 居中标题 居中标题 M3U8/MP4视频 哔哩哔哩视频 网易云列表 网易云单曲 多彩按钮 多彩按钮 便条按钮 彩色虚线 隐藏内容 隐藏内容，请前往内页查看详情 默认卡片 {card-default label="默认卡片" width=""} 卡片内容 {/card-default} 消息提示 进度条 {progress percentage="78%" color="#ff6c6c"/} 标注 f0ad4e 外部音乐 迟迟 - 薛之谦" url="https://www.xunjinlu.fun/img/薛之谦 - 迟迟.mp3" cover="https://picabstract-preview-ftn.weiyun.com/ftn_pic_abs_v3/d505c750f3cadb3156fa973247542a8e0e83a79c7a1726ea0aaf002e4c3bb5ef0da44847dbdab5f4396ab8d8a0e3246c?pictype=scale&from=30111&version=3.3.3.3&fname=000069.jpg&size=1024" theme="#ffffff" lrc="" lrcType="undefined" loop="undefined" autotheme="1" autoplay="autoplay 标签页 标签一 标签一内容 标签二 标签二内容 卡片列表 列表一内容 列表二内容 时间轴 19be6b ed4014 复制文本 点击复制 点击复制 描述卡片 卡片描述 - 卡片内容 跑马灯 折叠面板 折叠标题一 - 折叠内容一 折叠标题二 - 折叠内容二 云盘下载 默认云盘 下载地址： 提取码： 360云盘 下载地址： 提取码： 百度云盘 下载地址： 提取码： 天翼云盘 下载地址： 提取码： 城通网盘 下载地址： 提取码： 腾讯微云 下载地址： 提取码： 夸克云盘 下载地址： 提取码： Github仓库 下载地址： 提取码： Gitee仓库 下载地址： 提取码： 蓝奏云网盘 下载地址： 提取码： 宫格 宫格内容1 宫格内容2 宫格内容3 提示 警告提示 警告提示 警告提示 警告提示
-
「 【WEB】给你的网站增加运行时间代码 」 AI摘要 提供三种JavaScript代码，用于在网站底部显示网站运行时间，包括天数、小时、分钟和秒。 此内容根据文章生成，仅用于文章内容的解释与总结 演示 000061图片 代码如下 代码一 - <center> 今天是:<span><script language=Javascript type=text/Javascript> var day=""; var month=""; var ampm=""; var ampmhour=""; var myweekday=""; var year=""; mydate=new Date(); myweekday=mydate.getDay(); mymonth=mydate.getMonth()+1; myday= mydate.getDate(); myyear= mydate.getYear(); year=(myyear > 200) ? myyear : 1900 + myyear; if(myweekday == 0) weekday=" 星期日 "; else if(myweekday == 1) weekday=" 星期一 "; else if(myweekday == 2) weekday=" 星期二 "; else if(myweekday == 3) weekday=" 星期三 "; else if(myweekday == 4) weekday=" 星期四 "; else if(myweekday == 5) weekday=" 星期五 "; else if(myweekday == 6) weekday=" 星期六 "; document.write(year+"年"+mymonth+"月"+myday+"日 "+weekday); </script> </div> <center><b><FONT COLOR="#008B00">【本站已经可爱滴运行】</FONT></b> <span id="span_dt_dt"></span> <SCRIPT language=javascript> <!-- //document.write(""); function show_date_time(){ window.setTimeout("show_date_time()", 1000); BirthDay=new Date("3-9-2020 08:00:00");//建站日期 today=new Date(); timeold=(today.getTime()-BirthDay.getTime()); sectimeold=timeold/1000 secondsold=Math.floor(sectimeold); msPerDay=24*60*60*1000 e_daysold=timeold/msPerDay daysold=Math.floor(e_daysold); e_hrsold=(daysold-e_daysold)*-24; hrsold=Math.floor(e_hrsold); e_minsold=(hrsold-e_hrsold)*-60; minsold=Math.floor((hrsold-e_hrsold)*-60); seconds=Math.floor((minsold-e_minsold)*-60); span_dt_dt.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ; } show_date_time(); //--> </SCRIPT> </center> </span> 代码二 - <span id="website_runtime"></span> <script type="text/javascript"> function show_runtime(){ // 定时器 window.setTimeout("show_runtime()", 1000); // 开始时间 let start = new Date("2019/02/08 00:00:00"); // 当前时间 let now = new Date(); // 经过时长 let duration = now.getTime() - start.getTime(); // 一天的毫秒数 let msPerDay = 24 * 60 * 60 * 1000; // 天 let _day = duration / msPerDay; let day = Math.floor(_day); // 小时 let _hour = (_day - day) * 24; let hour = Math.floor(_hour); // 分钟 let _minute = (_hour - hour) * 60; let minute = Math.floor(_minute); // 秒 let _second = (_minute - minute) * 60; let second = Math.floor(_second); // 更新span标签内容 website_runtime.innerHTML="本站已运行：" + day + "天" + hour + "小时" + minute + "分" + second + "秒"; } show_runtime(); </script> 代码三 - <span id="website_runtime"></span> <script type="text/javascript"> function show_runtime(){window.setTimeout("show_runtime()",1000);x=new Date("2019/02/08 00:00:00");y=new Date();z=y.getTime()-x.getTime();mspd=24*60*60*1000;_d=z/mspd;d=Math.floor(_d);_h=(_d-d)*24;h=Math.floor(_h);_m=(_h-h)*60;m=Math.floor(_m);_s=(_m-m)*60;s=Math.floor(_s);website_runtime.innerHTML="本站已运行："+d+"天"+h+"小时"+m+"分"+s+"秒";}show_runtime(); </script> 然后加在你网站的底部代码中，改一下代码中的时间信息即可
-
typecho joe主题美化 手机侧边栏图标颜色修改 AI摘要 美化Typecho Joe主题手机侧边栏图标颜色，通过修改代码中字体颜色和图标样式实现，具体修改包括首页、栏目、页面和推荐等部分。 此内容根据文章生成，仅用于文章内容的解释与总结 效果图 000056图片 修改教程 1.首页 原代码 <span>首页</span>改代码 <span><font color="#ff8900" style="font-weight:600;"> <i class="fa fa-home"></i> 首页</font></span>000050图片 000051图片 2.栏目 原代码 <span>栏目</span>改代码 <span><font color="0909f7b" style="font-weight:600;"> <i class="fa fa-mail-reply-all"></i> 栏目</font></span>000052图片 000053图片 3.页面 原代码 <span>页面</span>改代码 <span><font color="#f709f7b" style="font-weight:600;"> <i class="fa fa-window-restore"></i> 页面</font></span>000054图片 000055图片 4.推荐 原代码 <span>推荐</span>改代码 <span><font color="#66ff00b" style="font-weight:600;"> <i class="fa fa-thumbs-o-up"></i> 推荐</font></span> 很抱歉这个推荐的代码页面没有截屏！
