找到
35
篇与
自定义
相关的结果
- 第 3 页
-
【Typecho】给Joe主题后台添加custom自定义功能! 大家好,今天来添加一下自定义功能! 😂 温馨提示:站长已经通过本地环境测试custom自定义功能,功能正常可以使用,按照我的操作来一定成功! 大纲 创建custom.php 粘贴代码到custom.php文件 引入custom.php文件 添加li标签代码 引入custom.min.css 引入custom.min.js 总结 摘要 本文主要是教各位给自己的joe主题完成一个后台的自定义设置的功能,以后你要添加带有开关的功能直接在自定义设置里面添加即可! 图片展示 title="m8y8or85.png"图片 如图所示,今天要完成的功能就是图片中的自定义设置!下面跟着我的操作来完成。 创建custom.php 登录你的服务器面板(小皮面板、宝塔面板等)找到joe主题的usr/themes/Joe/ public 进去之后创建一个名字为custom.php文件,然后复制以下代码头进行粘贴: <?php ?> 这个php代码的头部声明吧,以后要添加的php代码全部要放在:<?php 代码放这里面 ?> 怕你们看不懂,如下图所示: title="m8y8y891.png"图片 上面的创建php和粘贴一起说了。下面就是引入custom.php文件了,注意看!!! 引入custom.php 还是一样的,找到目录:/usr/themes/ Joe ,找到 functions.php 文件并打开,打开之后我们看到最后的位置,粘贴下面的代码: // 引入自定义设置 require_once("public/custom.php"); 放心,有演示图片的,不要着急!!! 演示图片 title="m8y97hcy.png"图片 看到图片中的符号没? 🔜 } 把引入代码放在它的前面即可! 每次添加完代码都要先保存,保存后先不要急着关闭functions.php,我们继续找到这个文件的开头位置准备添加以下代码: <li class="item" data-current="joe_custom">自定义设置</li>演示图 title="m8y9cpec.png"图片 放好之后我们保存,然后我就去引入custom.css和js文件了,这个简单啊!!! 引人custom.css&js 找到/usr/themes/Joe/assets/ css 点击创建文件,名字命名为custom.min.css,保存之后打开它,粘贴以下代码: html{--reading: #faf9de}html[data-night=night] body{--reading: #424242}html[data-night=night] body::before{filter:brightness(0.2)}html[data-night=night] body img:not(.owo_image,.shang,.user_logo),html[data-night=night] body .joe_detail__leaving-list .item,html[data-night=night] body .js_ad,html[data-night=night] body .a-js-ad,html[data-night=night] body .joe_detail__friends-item{filter:brightness(0.6)}html .joe_header__above-logo{overflow:hidden}html .joe_header__above-logo::before{content:"";position:absolute;top:-50px;left:-15px;width:250px;height:25px;background-image:linear-gradient(rgba(255, 255, 255, 0), var(--background));opacity:.8;transform:rotate(-45deg);-webkit-animation:flashlights 1s ease-in 1s infinite;animation:flashlights 1.5s ease-in 1s infinite}@-webkit-keyframes flashlights{0%{left:-100px;top:0}to{left:120px;top:100px}}@keyframes flashlights{0%{left:-100px;top:0}to{left:120px;top:100px}}@media(max-width: 1200px){.joe_header__above-search{display:none}.joe_header__above-searchicon{display:block}.joe_header__below-sign .joe_dropdown__link span{display:none}}.js_ad{margin-top:10px;position:relative;border-radius:var(--radius-wrap);box-shadow:var(--box-shadow);overflow:hidden;height:120px}@media(max-width: 768px){.js_ad{height:100px}}.Reward{text-align:center;margin-left:30px;color:var(--minor);font-size:12px}.Reward .footer_flex{width:42px;height:42px;background-color:#f56c6c;border-radius:50%;position:relative;z-index:10;display:flex;justify-content:center;align-items:center;margin-bottom:8px}.Reward .footer_flex:hover{background-color:var(--theme);cursor:pointer}.Reward .footer_flex:hover .flex_rows{display:block}.Reward .footer_flex .flex_rows{box-shadow:0px 1px 4px 2px var(--theme);cursor:auto;height:200px;width:170px;position:absolute;top:-215px;background:var(--background);display:none;border-radius:8px}.Reward .footer_flex .flex_rows::after{content:"";position:absolute;bottom:-16px;left:0;right:0;margin:auto;width:0px;border:18px solid transparent;border-bottom:none;border-top-color:var(--background);filter:drop-shadow(0px 4px 2px var(--theme))}.Reward .footer_flex .flex_rows .flex-footer{overflow:hidden;margin:10px;position:relative;width:150px;height:180px}.Reward .footer_flex .flex_rows .flex-footer .RewardImg{width:900px;position:absolute;left:0}.Reward .footer_flex .flex_rows .flex-footer .RewardImg li{float:left;overflow:hidden}.Reward .footer_flex .flex_rows .flex-footer .RewardImg li img{width:150px;border-radius:2px}.Reward .footer_flex .flex_rows .flex-footer .RewardBtn{display:inline-flex;border-radius:5px;position:absolute;border:1px solid var(--classC);bottom:0px;left:0}.Reward .footer_flex .flex_rows .flex-footer .RewardBtn li:nth-of-type(n + 2){border-left:1px solid var(--classC)}.Reward .footer_flex .flex_rows .flex-footer .RewardBtn li div{height:20px;font-size:12px;color:var(--routine);padding:2px;border-radius:2px}.Reward .footer_flex .flex_rows .flex-footer .RewardBtn li:hover{cursor:pointer}.imgUpload_btn{margin:-10px auto 5px;text-align:right}.imgUpload_btn span{cursor:pointer;margin-right:5px}.top-social{position:relative;padding-top:10px;display:flex;flex-wrap:wrap;justify-content:space-around}.top-social li{width:50px;text-align:center;position:relative;height:32px}.top-social li a{height:100%}.top-social li div{height:100%}.top-social li img{height:100%}.top-social li .WeChatInner{display:none;position:absolute;box-shadow:0px 1px 4px 2px var(--theme);border-radius:var(--radius-wrap);transition:.7s all ease;background:var(--background);-webkit-transition:.7s all ease;top:-180px;left:-50px;transform:translate3d(0, 16px, 0);width:150px;height:150px;z-index:20}.top-social li .WeChatInner::before{content:"";position:absolute;bottom:-16px;left:0;right:0;margin:auto;display:inline-block;width:0px;border:18px solid transparent;border-bottom:none;border-top-color:var(--background);filter:drop-shadow(0px 4px 2px var(--theme))}.top-social li .WeChatInner img{border-radius:2px;width:140px;height:auto;margin:5px;background:none}.top-social li:hover .WeChatInner{display:block}.pe-social{width:100%;background:var(--background);border-radius:var(--radius-wrap);padding:10px 15px;box-shadow:var(--box-shadow);margin-bottom:15px}.joe_comment__respond-form .body .text{background:var(--background);border-radius:var(--radius-inner);padding:5px}.joe_comment__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:6px;left:0px;padding-top:5px;border:1px solid rgba(0,0,0,.15);border-color:transparent;box-shadow:0 0 10px 8px rgba(116,116,116,.08)}.joe_comment__respond-form .foot .comment_box{cursor:pointer;text-align:center;color:var(--routine);height:26px;line-height:26px;background:var(--background);opacity:.85;border-radius:13px;width:70px;margin-left:5px}.joe_comment__respond-form .foot .comment_box:hover{background:var(--theme);color:#fff}.joe_comment__respond-form .foot .comment_box .dropdown-menu{cursor:default;position:absolute;top:auto;bottom:100%;margin-bottom:6px;z-index:10;display:none;min-width:160px;padding:5px 0;font-size:14px;text-align:left;list-style:none;background-color:var(--background);color:var(--minor);background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-color:transparent;border-radius:4px;box-shadow:0 0 10px 8px rgba(116,116,116,.08)}.joe_comment__respond-form .foot .comment_box .dropdown-menu .dropdown-image,.joe_comment__respond-form .foot .comment_box .dropdown-menu .dropdown-code{width:250px;padding:8px 10px}.joe_comment__respond-form .foot .comment_box .dropdown-menu .dropdown-image p,.joe_comment__respond-form .foot .comment_box .dropdown-menu .dropdown-code p{margin:0 0 10px}.joe_comment__respond-form .foot .comment_box .dropdown-menu .dropdown-image p textarea,.joe_comment__respond-form .foot .comment_box .dropdown-menu .dropdown-code p textarea{resize:vertical}.joe_comment__respond-form .foot .comment_box .dropdown-menu .dropdown-image .form-control,.joe_comment__respond-form .foot .comment_box .dropdown-menu .dropdown-code .form-control{display:block;width:100%;padding:6px 12px;font-size:14px;line-height:1.42857143;border:1px solid #ccc;border-radius:4px;border-color:transparent;background:var(--classD);color:#4e5358;max-height:200px;min-height:90px;box-shadow:none;transition:border-color ease-in-out .15s,background ease-in-out .15s,box-shadow ease-in-out .15s,opacity ease-in-out .3s}.joe_comment__respond-form .foot .comment_box .dropdown-menu .dropdown-image .text-right,.joe_comment__respond-form .foot .comment_box .dropdown-menu .dropdown-code .text-right{text-align:right}.joe_comment__respond-form .foot .comment_box .dropdown-menu .dropdown-image .text-right .error,.joe_comment__respond-form .foot .comment_box .dropdown-menu .dropdown-code .text-right .error{float:left;color:var(--theme);-webkit-animation:5s ease-in-out 0s infinite normal none running shaked;animation:5s ease-in-out 0s infinite normal none running shaked}.joe_comment__respond-form .foot .comment_box .dropdown-menu .dropdown-image .text-right .but,.joe_comment__respond-form .foot .comment_box .dropdown-menu .dropdown-code .text-right .but{border-radius:4px;display:inline-block;line-height:1.44;background:var(--theme);color:#fff;padding:.3em 1em}.joe_comment__respond-form .foot .comment_box .dropdown-menu .dropdown-image .text-right .but:hover,.joe_comment__respond-form .foot .comment_box .dropdown-menu .dropdown-code .text-right .but:hover{-webkit-animation:5s ease-in-out 0s infinite normal none running shaked;animation:5s ease-in-out 0s infinite normal none running shaked}.joe_comment__respond-form .foot .press-down{background:var(--theme) !important;color:#fff !important}@media(max-width: 768px){.joe_comment__respond-form .foot .title{display:none}.joe_comment__respond-form .foot .owo .seat,.joe_comment__respond-form .foot .comment_box{width:26px}}.HeaderImg{position:relative;width:100%;height:15rem;display:flex;margin-left:auto;margin-right:auto;justify-content:center;align-items:center;flex-direction:column}.HeaderImg.minImg{width:82.5rem;height:25rem}.HeaderImg img{-o-object-fit:cover;object-fit:cover}.HeaderImg .infomation{position:absolute;line-height:2}.HeaderImg .infomation .title{font-size:2rem;font-weight:700;color:#fff;text-align:center;text-shadow:0 .1875rem .3125rem #1c1f21;letter-spacing:.5rem}.HeaderImg .infomation .desctitle{display:flex;align-items:center;justify-content:center;text-align:center;color:#f3f3f3;font-size:1rem;padding:0 1rem;text-shadow:0 .1875rem .3125rem #1c1f21}.HeaderImg .infomation .desctitle h1{font-size:1rem}.HeaderImg .infomation .desctitle h1.post_h{font-size:1.5rem}.HeaderImg .HeaderImg_arrow{opacity:1;cursor:pointer;margin-top:1.5rem;position:absolute;left:50%;bottom:20%;width:40px;height:40px;margin-left:-20px}.HeaderImg .HeaderImg_arrow .HeaderImg_arrow__bou{transform:translateX(-50%);transition-delay:5s;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transform-origin:center bottom;-webkit-animation-name:go_down_animation;animation-name:go_down_animation;-webkit-animation-timing-function:cubic-bezier(0.28, 0.84, 0.42, 1);animation-timing-function:cubic-bezier(0.28, 0.84, 0.42, 1)}@-webkit-keyframes go_down_animation{0%{transform:scale(1, 1) translateY(0px)}10%{transform:scale(1.1, 0.9) translateY(0px)}30%{transform:scale(0.9, 1.1) translateY(-30px)}50%{transform:scale(1.05, 0.95) translateY(0px)}57%{transform:scale(1, 1) translateY(-7px)}64%{transform:scale(1, 1) translateY(0px)}100%{transform:scale(1, 1) translateY(0px)}}@keyframes go_down_animation{0%{transform:scale(1, 1) translateY(0px)}10%{transform:scale(1.1, 0.9) translateY(0px)}30%{transform:scale(0.9, 1.1) translateY(-30px)}50%{transform:scale(1.05, 0.95) translateY(0px)}57%{transform:scale(1, 1) translateY(-7px)}64%{transform:scale(1, 1) translateY(0px)}100%{transform:scale(1, 1) translateY(0px)}}.HeaderImg .HeaderImg_bottom{width:100%;position:absolute;left:0;bottom:-5px}.HeaderImg .HeaderImg_bottom .waves-svg{width:100%;height:6rem}.HeaderImg .HeaderImg_bottom .waves-svg .parallax>use{-webkit-animation:move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;animation:move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite}.HeaderImg .HeaderImg_bottom .waves-svg .parallax>use:first-child{-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:7s;animation-duration:7s;fill:var(--background);opacity:.9}.HeaderImg .HeaderImg_bottom .waves-svg .parallax>use:nth-child(2){-webkit-animation-delay:-3s;animation-delay:-3s;-webkit-animation-duration:10s;animation-duration:10s;fill:var(--background);opacity:.8}.HeaderImg .HeaderImg_bottom .waves-svg .parallax>use:nth-child(3){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:13s;animation-duration:13s;fill:var(--background);opacity:.9}.HeaderImg .HeaderImg_bottom .waves-svg .parallax>use:nth-child(4){-webkit-animation-delay:-5s;animation-delay:-5s;-webkit-animation-duration:20s;animation-duration:20s;fill:var(--background)}@-webkit-keyframes move-forever{0%{transform:translate3d(-90px, 0, 0)}to{transform:translate3d(85px, 0, 0)}}@keyframes move-forever{0%{transform:translate3d(-90px, 0, 0)}to{transform:translate3d(85px, 0, 0)}}.HeaderImg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKUlEQVQImU3IMREAIAgAwJfNkQCEsH8cijjpMf6vnXlQaIiJFx+omEBfmqIEZLe2jzcAAAAASUVORK5CYII=)}@media(max-width: 768px){.HeaderImg{height:15rem;margin-top:0}.HeaderImg.minImg{width:100%;height:15rem}.HeaderImg .infomation .title{font-size:1.2rem}.HeaderImg .infomation .desctitle h1.post_h{font-size:1rem}.HeaderImg .HeaderImg_bottom .waves-svg{height:3rem}}.joe_aside.inactive{display:none}.joe_main{position:relative}@media(max-width: 768px){.joe-stretch{display:none}}.joe-stretch{height:100%;position:absolute;top:0;right:0;padding:40px 0}.joe-stretch .contain{position:-webkit-sticky;position:sticky;transition:top .5s;-webkit-animation:swingIconSet 2s infinite linear alternate;animation:swingIconSet 2s infinite linear alternate;z-index:333}@-webkit-keyframes swingIconSet{0%{transform:rotate(-30deg)}100%{transform:rotate(30deg)}}@keyframes swingIconSet{0%{transform:rotate(-30deg)}100%{transform:rotate(30deg)}}.joe-stretch .contain::before{content:"";position:absolute;top:0;left:0;width:10px;height:25px;border-top:2px solid var(--minor);border-right:2px solid var(--minor);transition:border .35s}.joe-stretch .contain svg{position:absolute;top:25px;left:-3px;width:24px;height:24px;fill:var(--minor);cursor:pointer;transition:fill .35s}.joe-stretch .contain:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.joe-stretch .contain:hover svg{fill:var(--theme)}.joe-stretch .contain:hover::before{border-color:var(--theme)}.joe-stretch.active{display:block}.joe_action_item.read_book{visibility:hidden;transform:scale(0)}.joe_action_item.read_book.active{visibility:visible;transform:scale(1)}.joe_action_item.read_book svg{transform:scale(0);opacity:0;transition:transform .85s,opacity .85s}.joe_action_item.read_book svg.active{transform:scale(1);opacity:1}.joe_action_item.directory{display:none;transform:scale(0)}.joe_action_item.directory.active{display:inline-flex;transform:scale(1)}.joe_action_item.directory svg{transform:scale(0);opacity:0;transition:transform .85s,opacity .85s}.joe_action_item.directory svg.active{transform:scale(1);opacity:1}.joe_action_item.directory .tree{opacity:0;width:15rem;height:20rem;overflow:auto;position:absolute;z-index:-10;background:var(--background);border-radius:var(--radius-wrap);box-shadow:var(--box-shadow);-webkit-animation:rebox .5s forwards;animation:rebox .5s forwards;cursor:default}@-webkit-keyframes rebox{0%{transform:scale(1);opacity:1;transform:translateY(0px);right:45px;bottom:0}100%{transform:scale(0);opacity:0;width:0;height:0}}@keyframes rebox{0%{transform:scale(1);opacity:1;transform:translateY(0px);right:45px;bottom:0}100%{transform:scale(0);opacity:0;width:0;height:0}}.joe_action_item.directory .tree.active{-webkit-animation:box .5s forwards;animation:box .5s forwards}@-webkit-keyframes box{0%{transform:scale(0);opacity:0;width:0;height:0}100%{transform:scale(1);opacity:1;transform:translateY(0px);right:45px;bottom:0}}@keyframes box{0%{transform:scale(0);opacity:0;width:0;height:0}100%{transform:scale(1);opacity:1;transform:translateY(0px);right:45px;bottom:0}}.joe_action_item.directory .tree .title{font-size:16px;border-bottom:1px solid var(--routine);color:var(--routine);position:sticky;position:-webkit-sticky;padding:5px 10px;top:0;font-weight:bold}.joe_action_item.directory .tree .text{padding:5px 10px;overflow-y:auto;overflow-x:hidden;height:85%;white-space:nowrap;text-overflow:ellipsis}.joe_action_item.directory .tree .text a{text-decoration:none;color:var(--minor);font-size:15px;line-height:1.8;cursor:pointer}.joe_action_item.directory .tree .text a:hover{color:var(--theme);border-bottom:1px solid var(--theme)}.joe_detail__count-information .meta .item .icon{fill:var(--minor);margin:0 5px} 粘贴完成之后我们继续返回到/usr/themes/Joe/assets/ js 文件夹,在Js文件夹里面创建名字为custom.min.js的文件,记住哈是文件不是文件夹! 表情图片 代码如下: document.addEventListener("DOMContentLoaded",function(){if($(".Reward").length){let e=document.querySelector(".RewardImg"),t=document.querySelectorAll(".RewardImg li img"),o=document.querySelectorAll(".RewardBtn li"),a=document.querySelectorAll(".RewardBtn li div");for(let n=0;n<a.length;n++){e.style.width=150*t.length+"px";let i=0;a[0].style.backgroundColor="var(--theme)",a[0].style.color="#fff",o[n].style.width=1/a.length*(150-(a.length+1))+"px",a[n].num=n,a[n].onclick=function(){i=this.num;for(let e=0;e<a.length;e++)a[e].style.backgroundColor="",a[e].style.color="";a[i].style.backgroundColor="var(--theme)",a[i].style.color="#fff",e.style.left=-150*i+"px"}}}if($(".WeChat").length){$WeChatA=$(".WeChatA");let e=$WeChatA.get(0).outerHTML;e=e.replace(/^<a/,"<div"),e=e.replace(/\/a>$/,"/div>"),$WeChatA.replaceWith(e),$(".WeChat").mouseenter(function(){$(".WeChat").append('<div class="WeChatInner"><img src="javascript:;" /></div>'),$(".WeChatInner img").attr("src",$(".WeChatA").attr("href"))}),$(".WeChat").mouseleave(function(){$(".WeChatInner").remove()})}if($(".Comment_Citation").length){function e(){let e=Joe.CITATION,t=/(https?:\/\/[^\s]+)/g;t.test(e)?$.ajax({url:e,dataType:"text",success:e=>$(".joe_comment__respond-form .body textarea").val(e)}):$(".joe_comment__respond-form .body textarea").val(e)}e(),$(".Comment_Citation").click(function(){e()})}if($(".Comment_ImageUrl").length&&($(".Comment_ImageUrl").click(function(e){e.stopPropagation(),$(".Comment_ImageUrl .dropdown-menu").slideToggle("fast",function(){$(".Comment_ImageUrl .comment_box").toggleClass("press-down")}),$(".dropdown-image .text-right span").text(""),$(".dropdown-image textarea").val("")}),$(document).click(function(){$(".Comment_ImageUrl .dropdown-menu").stop().slideUp("fast"),$(".Comment_ImageUrl .comment_box").removeClass("press-down")}),$(".Comment_ImageUrl .dropdown-menu").on("click",function(e){e&&e.stopPropagation?e.stopPropagation():window.event&&(window.event.cancelBubble=!0)}),$(".dropdown-image [type='submit']").click(function(){let e=$(this).parents(".dropdown-image").find("textarea"),t=e.val(),o=$(".joe_comment__respond-form .body textarea").val(),a=/\http[s]{0,1}:\/\/.([^<>"]*)(\.(jpg|jpeg|png|gif|webp))/;a.test(t)?(t="[img="+t+"]\n",$(".joe_comment__respond-form .body textarea").val(o+t),$(".Comment_ImageUrl .dropdown-menu").stop().slideUp("fast"),$(".Comment_ImageUrl .comment_box").toggleClass("press-down"),t=e.val("")):($(".dropdown-image .text-right span").addClass("error"),$(".dropdown-image .text-right span").text("格式错误!"))})),$(".Comment_Code").length&&($(".Comment_Code").click(function(e){e.stopPropagation(),$(".Comment_Code .dropdown-menu").slideToggle("fast",function(){$(".Comment_Code .comment_box").toggleClass("press-down")}),$(".dropdown-code .text-right span").text(""),$(".dropdown-code textarea").val("")}),$(document).click(function(){$(".Comment_Code .dropdown-menu").stop().slideUp("fast"),$(".Comment_Code .comment_box").removeClass("press-down")}),$(".Comment_Code .dropdown-menu").on("click",function(e){e&&e.stopPropagation?e.stopPropagation():window.event&&(window.event.cancelBubble=!0)}),$(".dropdown-code [type='submit']").click(function(){let e=$(this).parents(".dropdown-code").find("textarea"),t=e.val(),o=$(".joe_comment__respond-form .body textarea").val();""==t?($(".dropdown-code .text-right span").addClass("error"),$(".dropdown-code .text-right span").text("请输入内容!")):(t="[code]\n"+t+"\n[/code]\n",$(".joe_comment__respond-form .body textarea").val(o+t),$(".Comment_Code .dropdown-menu").stop().slideUp("fast"),$(".Comment_Code .comment_box").toggleClass("press-down"),t=e.val(""))})),$(".comment-list .substance img:not(img.owo_image)").each(function(){$(this).attr("data-src")?$(this).wrap($(`<span style="display: block;" data-fancybox="Joe" href="${$(this).attr("data-src")}"></span>`)):$(this).wrap($(`<span style="display: block;" data-fancybox="Joe" href="${$(this).attr("src")}"></span>`))}),$(".comment-list__item").length){let e=$(".joe_comment > ol.comment-list").children(".comment-list__item"),t='<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8885993286780110"crossorigin="anonymous"></script><ins class="adsbygoogle"style="display:block" data-ad-format="fluid"data-ad-layout-key="-g8-h+6z-cm-d" data-ad-client="ca-pub-8885993286780110" data-ad-slot="5758522083"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>';for(let o=0;o<e.length;o++)o%4==3&&$("<li class='js_ad' style='margin-bottom:10px'>"+t+"</li>").insertAfter(e[o])}if($(".joe-stretch").length&&($(".joe-stretch .contain").css("top",$(".joe_header").height()+40),$(".joe-stretch").on("click",function(){$(".joe_aside").toggleClass("inactive")})),$(".read_book").length&&($(".joe_post").length&&($(".joe_action_item.read_book").addClass("active"),$(".joe_action_item.read_book .icon-1").addClass("active")),$(".joe_action_item.read_book").on("click",function(){$(".joe_action_item.read_book svg").hasClass("icon-1 active")?($(".joe_header").css("display","none"),$(".HeaderImg").css("display","none"),$(".joe_aside").css("display","none"),$(".joe_detail").css("backgroundColor","var(--reading)"),$(".joe_detail__related").css("display","none"),$(".joe_comment").css("display","none"),$(".joe_footer").css("display","none"),$(".joe-stretch").css("display","none"),$(".joe_detail__article").css("font-size","20px")):($(".joe_header").removeAttr("style"),$(".HeaderImg").removeAttr("style"),$(".joe_aside").removeAttr("style"),$(".joe_detail").removeAttr("style"),$(".joe_detail__related").removeAttr("style"),$(".joe_comment").removeAttr("style"),$(".joe_footer").removeAttr("style"),$(".joe-stretch").removeAttr("style"),$(".joe-stretch").removeAttr("style"),$(".joe_detail__article").removeAttr("style")),$(".joe_action_item.read_book .icon-1").toggleClass("active"),$(".joe_action_item.read_book .icon-2").toggleClass("active")})),$(".joe_post").length&&$(".joe_detail__article").find("h2,h3,h4,h5,h6").length){$("body").outerWidth()>=768?($(".joe_action_item.directory").addClass("active"),$(".joe_action_item.directory .icon-2").addClass("active"),$(".joe_action_item.directory .tree").addClass("active")):($(".joe_action_item.directory").addClass("active"),$(".joe_action_item.directory .icon-1").addClass("active"));let e=$(".joe_detail__article").find("*"),t=0;for(let o=0;o<e.length;o++)if("h"==e[o].localName.charAt(0)&&!isNaN(e[o].localName.charAt(1))){e[o].setAttribute("id","t"+t);let a=parseInt(e[o].localName.charAt(1))-2;for(;a--&&!(a<0);)$(".directory .tree .text").append(" ");$(".directory .tree .text").append("<a href='#t"+t+"'>"+$(e[o]).text()+"</a></br>"),t++}$(".joe_action_item.directory").on("click",function(){$(".joe_action_item.directory .tree").toggleClass("active"),$(".joe_action_item.directory .icon-1").toggleClass("active"),$(".joe_action_item.directory .icon-2").toggleClass("active")}),$(".directory .tree").on("click",function(e){e&&e.stopPropagation?e.stopPropagation():window.event&&(window.event.cancelBubble=!0)}),$(".directory .tree a").bind("click touch",function(){$("html,body").animate({scrollTop:$($(this).attr("href")).offset().top-65},1e3)})}$(".HeaderImg_arrow").length&&$(".HeaderImg_arrow").on("click",function(){$("body").outerWidth()>=768&&window.scrollTo({top:300,behavior:"smooth"})})});{function loveSiteTime(e,t){window.setTimeout(function(){loveSiteTime(e,t)},1e3);let o=1e3,a=60*o,n=60*a,i=24*n,r=365*i,s=new Date,l=s.getFullYear(),d=s.getMonth()+1,c=s.getDate(),m=s.getHours(),p=s.getMinutes(),_=s.getSeconds(),g=Date.UTC(2019,10,19,21,0,0);t&&(g=Date.UTC(t.split("-")[0],t.split("-")[1],t.split("-")[2],t.split("-")[3],t.split("-")[4],t.split("-")[5]));let h=Date.UTC(l,d,c,m,p,_),f=h-g,u=Math.floor(f/r),C=Math.floor(f/i-365*u),y=Math.floor((f-(365*u+C)*i)/n),v=Math.floor((f-(365*u+C)*i-y*n)/a),w=Math.floor((f-(365*u+C)*i-y*n-v*a)/o);$("#loveSiteTime4Aside")&&$("#loveSiteTime4Aside").html(e+"</br>"+u+"年"+C+"天"+y+"时"+v+"分"+w+"秒啦</br>"),$("#loveSiteTime4Header")&&$("#loveSiteTime4Header").html(e+"</br>"+u+"年"+C+"天"+y+"时"+v+"分"+w+"秒啦</br>")}}保存之后,去引入这两个文件。 在include.php中引入css\js文件文件路径:/usr/themes/Joe/ public 找到include.php文件并打开,在下面图片中的相应位置添加以下代码: title="m8y9t698.png"图片 <script src="<?php $this->options->themeUrl('assets/js/custom.min.js'); ?>"></script><link rel="stylesheet" href="<?php $this->options->themeUrl('assets/css/custom.min.css'); ?>">总结 创建必要的文件custom.php,引入设置,即可在joe后台看见并使用自定义设置功能,以后添加开关就直接在custom.php文件中添加就行了,不用在funstions.php文件去找地方添加了。快去试试吧! -
AG自动点击器 v1.3.8 | 解锁会员版 AG自动点击器 v1.3.8 | 解锁会员版 软件简介 AG自动点击器是一款全自动模拟点击/滑动工具,已解锁全部会员功能,支持游戏挂机和任务自动化。 核心功能 1. 自动操作 全自动模拟点击/滑动操作 支持多点触控模拟 可录制操作脚本循环执行 2. 精准控制 点击频率:100-1000ms可调 坐标精度:±1像素 点击延迟:自定义设置 3. 会员特权 无限次脚本录制 后台持续运行 高精度模式解锁 使用场景 手游挂机刷资源/任务 社交应用自动点赞/批量关注 办公自动化数据录入 版本特点 ✅ 无广告纯净版 ✅ 已破解VIP功能 ✅ CPU占用<1% ✅ 免ROOT运行 下载信息 百度网盘下载 提取码:x9ui 文件大小:6.8MB 使用教程 安装APK文件 开启无障碍服务 设置点击参数 保存脚本并运行 注意事项 ⚠️ 仅限Android 7.0+系统 ⚠️ 部分游戏可能检测模拟操作 ⚠️ 建议配合省电模式使用 -
Photoshop 2023 最新版安装与界面设置教程 Photoshop 2023 最新版安装与界面设置教程 目录 系统要求 安装步骤 首次启动设置 界面布局详解 自定义工作区 常用快捷键 系统要求 Windows Windows 10 (64-bit) 版本 2004 或更高 16GB RAM(推荐32GB) 4GB GPU显存 macOS macOS Monterey (v12) 或更高 Apple M1/M2 或 Intel 多核处理器 电脑硬件展示图片 安装步骤 下载Creative Cloud客户端 https://creativecloud.adobe.com 登录Adobe账号 在Creative Cloud中找到Photoshop 2023 点击"安装"按钮 等待下载完成(约3-10分钟) 软件安装界面图片 首次启动设置 基本配置 颜色设置:North America General Purpose 2 文件处理: 自动存储间隔:10分钟 禁用"最大兼容PSD" 软件设置界面图片 性能优化 编辑 > 首选项 > 性能 内存使用:70-80% 启用GPU加速 历史记录:50步 界面布局详解 区域功能工具栏所有工具选项栏工具选项面板组颜色/图层等文档窗口编辑区域Photoshop工作区图片 自定义工作区 拖动调整面板 保存工作区: 窗口 > 工作区 > 新建工作区 预设工作区: 摄影 绘画 3D 自定义界面图片 常用快捷键 快捷键功能Ctrl+N新建文档Ctrl+S保存文件V移动工具B画笔工具快捷键示意图图片 本教程由6v6-博客网提供,更多设计教程欢迎访问! -
新手搭建Shopify独立站(超详细分步指南) 新手搭建Shopify独立站(超详细分步指南) 一、注册Shopify账户 访问官网并注册 进入Shopify官网,点击“开始免费试用”按钮。 填写邮箱、密码和店铺名称(建议与品牌相关且易记)。 填写个人信息(地址、联系方式等),选择目标市场和销售渠道。 选择套餐计划 Shopify提供多种套餐: Basic Shopify($29/月):适合新手和小型店铺。 Shopify($79/月):支持更多员工账户和高级功能。 Advanced Shopify($299/月):适合需要深度数据分析的企业。 新手建议从14天免费试用开始,熟悉后再升级。 二、选择主题与设计 挑选主题 进入后台的 在线商店 > 主题,浏览免费或付费主题库(如Dawn、Express等)。 选择标准:响应式设计、加载速度、与品牌调性匹配。 自定义主题 调整颜色、字体、布局,添加品牌Logo和标语。 确保移动端显示效果流畅(超50%流量来自手机)。 三、添加产品与管理库存 上传产品 进入 产品 > 添加产品,填写标题、描述、价格、库存等信息。 关键细节: 上传高清主图(建议分辨率1200x1200px)。 设置产品变体(颜色、尺寸等)和标签(如“新品”“热卖”)。 分类管理 创建产品分类(如“服装”“电子产品”),优化导航结构。 四、设置支付与物流 支付方式 进入 设置 > 支付提供商,绑定PayPal、Stripe、信用卡等渠道。 注意:启用SSL证书保障支付安全。 物流配置 进入 设置 > 运输,设置运费规则: 统一费率、按重量/地区计算、免费配送等。 支持国际运输需明确关税政策。 五、域名与安全设置 绑定域名 在 设置 > 域名中购买新域名(如yourbrand.com)或绑定已有域名。 推荐使用Shopify托管域名(免费SSL证书自动激活)。 SEO优化 编辑店铺标题和元描述(含核心关键词,如“手工饰品”)。 为每个产品页面优化标题、描述和ALT标签。 六、测试与发布 全面测试 模拟下单:进入 设置 > 支付提供商,完成测试订单,确保支付流程正常。 检查页面链接、表单功能、移动端适配。 正式发布 进入 设置 > 通用,关闭“密码保护”选项,点击“发布商店”。 七、运营与推广 基础营销工具 折扣码:创建满减、免运费等优惠,通过邮件或社交媒体发放。 邮件营销:使用Shopify Email发送新品通知和促销信息。 多渠道引流 Google Ads/Facebook广告:精准定位目标受众。 社交媒体整合:关联Instagram、TikTok,同步商品目录。 数据分析 利用 Shopify Analytics 跟踪访客行为、转化率和热销产品。 八、维护与优化 日常维护 定期更新产品库存和价格,处理退换货。 备份数据,防止意外丢失。 持续优化 A/B测试:对比不同页面设计或促销活动的效果。 用户反馈:收集客户评价,改进服务和产品。 常见问题解答(FAQ) Q1: 如何销售数字产品? 在添加产品时选择“数字下载”,上传文件并设置自动发送。 Q2: Shopify费用包含哪些? 月费(根据套餐)、交易费(0.5%-2%)、主题/插件费用(可选)。 Q3: 如何提升SEO排名? 使用关键词工具优化内容,增加内部链接,压缩图片提升加载速度。 网站宣传 欢迎访问 6v6博客,获取更多技术教程和资源分享! -
Typecho 极致美化:打造与众不同的博客 Typecho 是一款轻量级的博客系统,但通过一些高级美化技巧,你可以让它变得与众不同。本文将介绍如何通过 自定义 JS、自定义 CSS、自定义侧边栏模块 等功能,实现 Typecho 的极致美化。 1. 自定义 JS:动态效果与交互 通过自定义 JS,你可以为 Typecho 添加动态效果和交互功能。 示例 1:页面滚动动画 在 header.php 中添加以下代码: <script src="https://cdn.jsdelivr.net/npm/scrollreveal@4.0.7/dist/scrollreveal.min.js"></script> <script> ScrollReveal().reveal('.post', { delay: 200, distance: '20px', origin: 'bottom', easing: 'ease-in-out', }); </script>示例 2:暗黑模式切换 在 footer.php 中添加以下代码: <button id="dark-mode-toggle">切换暗黑模式</button> <script> const toggleButton = document.getElementById('dark-mode-toggle'); toggleButton.addEventListener('click', () => { document.body.classList.toggle('dark-mode'); }); </script>2. 自定义 CSS:独特风格与布局 通过自定义 CSS,你可以为 Typecho 设计独特的风格和布局。 示例 1:卡片式文章布局 在 style.css 中添加以下代码: .post { background: #fff; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding: 20px; margin-bottom: 20px; transition: transform 0.3s ease; } .post:hover { transform: translateY(-5px); }示例 2:自定义字体与颜色 在 style.css 中添加以下代码: body { font-family: 'Source Sans Pro', sans-serif; color: #333; line-height: 1.6; } h1, h2, h3 { color: #2c3e50; }3. 自定义侧边栏模块:丰富功能与内容 通过自定义侧边栏模块,你可以为 Typecho 添加更多功能和内容。 示例 1:热门文章列表 在 sidebar.php 中添加以下代码: <div class="widget"> <h3>热门文章</h3> <ul> <?php $this->widget('Widget_Contents_Post_Recent', 'pageSize=5')->to($posts); ?> <?php while ($posts->next()): ?> <li><a href="<?php $posts->permalink(); ?>"><?php $posts->title(); ?></a></li> <?php endwhile; ?> </ul> </div>示例 2:社交媒体链接 在 sidebar.php 中添加以下代码: <div class="widget"> <h3>关注我</h3> <ul> <li><a href="https://twitter.com/yourprofile">Twitter</a></li> <li><a href="https://github.com/yourprofile">GitHub</a></li> <li><a href="https://weibo.com/yourprofile">微博</a></li> </ul> </div>4. 插入代码功能:增强文章表现力 通过插入代码功能,你可以让文章更具表现力。 示例 1:高亮代码块 在 footer.php 中添加以下代码: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/styles/monokai.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script> <script>hljs.highlightAll();</script>示例 2:行内代码样式 在 style.css 中添加以下代码: code { background: #f4f4f4; padding: 2px 4px; border-radius: 4px; font-family: 'Courier New', monospace; }5. 插件推荐:扩展美化功能 以下是一些可以增强 Typecho 美化效果的插件: Custom Fonts:自定义字体。 CodeHighlighter:代码高亮。 Sticky Sidebar:固定侧边栏。 注意事项 兼容性:确保自定义代码在不同浏览器中正常运行。 性能优化:避免加载过多外部资源,影响网站速度。 备份:在修改代码前,备份主题文件。 了解更多技术内容,请访问:6v6博客 -
Typecho 自定义网站字体:推荐与教程 Typecho 自定义网站字体:推荐与教程 在 Typecho 网站中,自定义字体是提升网站视觉效果的重要方式之一。本文将推荐几款适合网站使用的字体,并教你如何在 Typecho 中自定义字体。 推荐字体 1. 思源黑体(Source Han Sans) 特点:开源字体,支持中英文,简洁现代。 适用场景:博客、新闻类网站。 获取方式:Google Fonts 或 GitHub。 2. 站酷字体(ZCOOL) 特点:免费商用,风格独特,适合标题。 适用场景:创意类、设计类网站。 获取方式:站酷字库。 3. 阿里巴巴普惠体(Alibaba Sans) 特点:免费商用,简洁大方,适合正文。 适用场景:企业官网、电商网站。 获取方式:阿里巴巴普惠体官网。 4. Google Fonts 字体 推荐字体: Roboto:现代感强,适合科技类网站。 Open Sans:简洁易读,适合正文。 Lato:圆润优雅,适合多种场景。 获取方式:Google Fonts。 5. 本地字体 推荐字体: 苹方(PingFang SC):苹果系统默认字体,适合中文。 微软雅黑(Microsoft YaHei):Windows 系统默认字体,适合中文。 获取方式:系统自带,无需额外下载。 如何在 Typecho 中自定义字体 方法 1:通过 CSS 引入 Google Fonts 打开 Typecho 主题的 header.php 文件。 在 <head> 标签内添加 Google Fonts 的链接: <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet"> 在主题的 style.css 文件中设置字体: body { font-family: 'Roboto', sans-serif; } 方法 2:使用本地字体 将字体文件(如 .ttf 或 .woff)上传到 Typecho 主题的 fonts 文件夹中。 在主题的 style.css 文件中定义字体: @font-face { font-family: 'MyCustomFont'; src: url('fonts/MyCustomFont.woff2') format('woff2'), url('fonts/MyCustomFont.woff') format('woff'); font-weight: normal; font-style: normal; } body { font-family: 'MyCustomFont', sans-serif; } 方法 3:使用插件 安装 Typecho 插件,如 Custom Fonts。 在插件设置中上传字体文件并应用。 注意事项 字体加载速度:使用外部字体(如 Google Fonts)时,注意加载速度,避免影响用户体验。 版权问题:确保使用的字体可以免费商用,避免侵权。 兼容性:为不同浏览器提供多种字体格式(如 .woff、.woff2)。 了解更多技术内容,请访问:6v6博客 -
Typecho后台美化插件推荐 在使用Typecho搭建博客的过程中,Joe主题因其简洁美观而受到很多人的喜爱。然而,有时候我们可能希望进一步美化后台界面,使其更加个性化和舒适。下面为大家介绍几款实用的Typecho后台美化插件,并提供相关下载地址和详细信息。 1. Typecho后台美化插件(Adminify) 功能特点 丰富的自定义选项:可更改后台的主题颜色、字体样式等,能让Joe主题的后台界面更加美观和个性化。你可以根据自己的喜好调整各种颜色参数,让后台界面与你的整体风格相匹配。 自定义菜单图标:支持自定义后台菜单的图标,使菜单看起来更加清晰直观。这样在查找和管理不同的功能模块时会更加方便快捷。 安装方法 下载Adminify插件的压缩包:Adminify插件下载地址 (请将此链接替换为真实的下载地址) 登录Typecho后台,在“控制台” - “外观” - “插件”中点击“安装插件”。 在弹出的文件选择窗口中,找到刚才下载的Adminify插件压缩包,选中并上传安装。 安装完成后,在插件列表中找到Adminify并启用它。之后就可以在插件的设置页面中对后台进行美化设置了。 2. Typecho后台UI增强插件(BackToTop等辅助类) 功能特点 这类插件虽然主要功能侧重于某些特定方面的优化,但也能间接起到美化后台的作用。例如: BackToTop插件:可以在后台页面添加返回顶部按钮,优化用户在浏览长页面时的体验。 布局优化插件:还有一些插件可以优化后台界面的布局显示,让各个元素排列更加合理美观。 安装方法 与Adminify插件安装步骤类似,先下载插件压缩包(BackToTop等辅助类插件下载地址 ,请替换为真实地址),然后在Typecho后台的插件安装页面上传安装,安装成功后启用并根据需要进行相关配置(如果有)。 插件获取更多信息及交流 如果你想了解更多关于这些插件的详细信息或者与其他用户进行交流,可以访问我们的插件交流社区:6v6博客 - 插件交流区 (请将此链接替换为真实的社区地址) 通过使用这些插件,你可以让你的Typecho Joe主题后台焕然一新,提升使用体验。 -
如何用 Notion 和 Obsidian 提高工作效率 如何用 Notion 和 Obsidian 提高工作效率 1. Notion 的使用技巧 1.1 任务管理与待办事项 创建任务看板,使用“看板视图”管理任务状态(如待办、进行中、已完成)。 设置每日/每周待办清单,利用“提醒功能”确保任务按时完成。 1.2 知识管理与笔记整理 使用“数据库”功能分类存储笔记,支持标签、筛选和排序。 创建模板,快速生成会议记录、项目计划等标准化文档。 1.3 团队协作与项目管理 共享工作区,实时协作编辑文档。 使用“时间线视图”跟踪项目进度,分配任务给团队成员。 2. Obsidian 的使用技巧 2.1 知识图谱与笔记链接 利用“双向链接”功能,将相关笔记连接起来,形成知识网络。 通过“图谱视图”可视化笔记之间的关系,发现新的知识连接。 2.2 Markdown 与高效写作 使用 Markdown 语法快速格式化文本,提升写作效率。 创建模板,快速生成标准化文档(如日报、周报)。 2.3 插件扩展与自定义 安装插件(如日历、任务管理),扩展 Obsidian 的功能。 自定义主题和快捷键,打造个性化的工作环境。 3. Notion 和 Obsidian 的结合使用 Notion 用于团队协作和项目管理:共享工作区、任务分配、进度跟踪。 Obsidian 用于个人知识管理和深度思考:笔记链接、知识图谱、高效写作。 更多关于 Notion 和 Obsidian 的使用技巧和资源分享,欢迎访问我的博客:6v6 博客,一起探索效率工具的无限可能!