搜索到
9
篇与
建站
的结果
-
-
【建站】Joe主题点赞和切换日夜间模式按钮动态效果不生效解决办法 这两天把旧版本的joe主题更新到了最新版的Joe 7.7.1，然后突然发现一个问题，文章页面中的点赞和页面右下角悬浮的日夜间模式切换开关什么也不显示，原因是JavaScript不生效，这里给出一种解决办法。一、文章点赞按钮不显示解决1、分析问题(1)、找到控制文章点赞按钮的JS文件Joe\assets\js\joe.post_page.js相应代码： /* 激活文章点赞功能 */ { let agreeArr = localStorage.getItem(encryption('agree')) ? JSON.parse(decrypt(localStorage.getItem(encryption('agree')))) : []; if (agreeArr.includes(cid)) $('.joe_detail__agree .icon-1').addClass('active'); else $('.joe_detail__agree .icon-2').addClass('active'); let _loading = false; $('.joe_detail__agree .icon').on('click', function () { if (_loading) return; _loading = true; agreeArr = localStorage.getItem(encryption('agree')) ? JSON.parse(decrypt(localStorage.getItem(encryption('agree')))) : []; let flag = agreeArr.includes(cid); $.ajax({ url: Joe.BASE_API, type: 'POST', dataType: 'json', data: { routeType: 'handle_agree', cid, type: flag ? 'disagree' : 'agree' }, success(res) { if (res.code !== 1) return; $('.joe_detail__agree .text').html(res.data.agree); if (flag) { const index = agreeArr.findIndex(_ => _ === cid); agreeArr.splice(index, 1); $('.joe_detail__agree .icon-1').removeClass('active'); $('.joe_detail__agree .icon-2').addClass('active'); $('.joe_detail__agree .icon').removeClass('active'); } else { agreeArr.push(cid); $('.joe_detail__agree .icon-2').removeClass('active'); $('.joe_detail__agree .icon-1').addClass('active'); $('.joe_detail__agree .icon').addClass('active'); } const name = encryption('agree'); const val = encryption(JSON.stringify(agreeArr)); localStorage.setItem(name, val); }, complete() { _loading = false; } }); }); }(2)、相应问题可以看到他是使用“$('.joe_detail__agree .icon-1')”这类来获取对象进行修改，有时并不起作用，所以我们换为id获取对象来进行修改2、解决方法(1)、为元素加上id属性图标元素所在文件：Joe\public\handle.php为icon、icon-1、icon-2分别加上"agreeIcon"、"noAgree"、"isAgree"的id属性 修改完成后如下：<div class="joe_detail__agree"> <div class="agree"> <div id="agreeIcon" class="icon"> <svg id="noAgree" class="icon-1" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="28" height="28"> <path d="M736 128c-65.952 0-128.576 25.024-176.384 70.464-4.576 4.32-28.672 28.736-47.328 47.68L464.96 199.04C417.12 153.216 354.272 128 288 128 146.848 128 32 242.848 32 384c0 82.432 41.184 144.288 76.48 182.496l316.896 320.128C450.464 911.68 478.304 928 512 928s61.568-16.32 86.752-41.504l316.736-320 2.208-2.464C955.904 516.384 992 471.392 992 384c0-141.152-114.848-256-256-256z" fill="#fff" /> </svg> <svg id="isAgree" class="icon-2" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="28" height="28"> <path d="M512 928c-28.928 0-57.92-12.672-86.624-41.376L106.272 564C68.064 516.352 32 471.328 32 384c0-141.152 114.848-256 256-256 53.088 0 104 16.096 147.296 46.592 14.432 10.176 17.92 30.144 7.712 44.608-10.176 14.432-30.08 17.92-44.608 7.712C366.016 204.064 327.808 192 288 192c-105.888 0-192 86.112-192 192 0 61.408 20.288 90.112 59.168 138.688l315.584 318.816C486.72 857.472 499.616 863.808 512 864c12.704.192 24.928-6.176 41.376-22.624l316.672-319.904C896.064 493.28 928 445.696 928 384c0-105.888-86.112-192-192-192-48.064 0-94.08 17.856-129.536 50.272l-134.08 134.112c-12.512 12.512-32.736 12.512-45.248 0s-12.512-32.736 0-45.248L562.24 196c48.32-44.192 109.664-68 173.76-68 141.152 0 256 114.848 256 256 0 82.368-41.152 144.288-75.68 181.696l-317.568 320.8C569.952 915.328 540.96 928 512 928z" fill="#fff" /> </svg> </div> <span class="text"><?php _getAgree($this) ?></span> </div> </div>(2)、修改JS文件找到上述的JS文件，修改其中"激活文章点赞功能"模块如下：使用id获取对象，并使用setAttribute修改svg的class值注意：修改完js文件后需要使用VSCode的minify 压缩成.min.js 文件并上传替换原文件见JoeREADME.md/* 激活文章点赞功能 */ { var agreeIcon1 = document.getElementById("noAgree"); var agreeIcon2 = document.getElementById("isAgree"); var agreeIcon = document.getElementById("agreeIcon"); let agreeArr = localStorage.getItem(encryption('agree')) ? JSON.parse(decrypt(localStorage.getItem(encryption('agree')))) : []; if (agreeArr.includes(cid)) { agreeIcon1.setAttribute("class","icon-1 active"); } else{ agreeIcon2.setAttribute("class","icon-2 active"); } let _loading = false; $('.joe_detail__agree .icon').on('click', function () { if (_loading) return; _loading = true; agreeArr = localStorage.getItem(encryption('agree')) ? JSON.parse(decrypt(localStorage.getItem(encryption('agree')))) : []; let flag = agreeArr.includes(cid); $.ajax({ url: Joe.BASE_API, type: 'POST', dataType: 'json', data: { routeType: 'handle_agree', cid, type: flag ? 'disagree' : 'agree' }, success(res) { if (res.code !== 1) return; $('.joe_detail__agree .text').html(res.data.agree); if (flag) { const index = agreeArr.findIndex(_ => _ === cid); agreeArr.splice(index, 1); agreeIcon1.setAttribute("class","icon-1"); agreeIcon2.setAttribute("class","icon-2 active"); agreeIcon.classList.remove('active'); } else { agreeArr.push(cid); agreeIcon2.setAttribute("class","icon-2"); agreeIcon1.setAttribute("class","icon-1 active"); agreeIcon.className += " active"; } const name = encryption('agree'); const val = encryption(JSON.stringify(agreeArr)); localStorage.setItem(name, val); }, complete() { _loading = false; } }); }); }二、日夜间切换按钮不显示解决1、分析问题该问题与上述文章点赞按钮相同(1)、找到控制日夜间切换按钮的JS文件Joe\assets\js\joe.global.js相应代码： /* 初始化昼夜模式 */ { if (localStorage.getItem("data-night")) { $(".joe_action_item.mode .icon-1").addClass("active"); $(".joe_action_item.mode .icon-2").removeClass("active"); } else { $("html").removeAttr("data-night"); $(".joe_action_item.mode .icon-1").removeClass("active"); $(".joe_action_item.mode .icon-2").addClass("active"); } $(".joe_action_item.mode").on("click", () => { if (localStorage.getItem("data-night")) { $(".joe_action_item.mode .icon-1").removeClass("active"); $(".joe_action_item.mode .icon-2").addClass("active"); $("html").removeAttr("data-night"); localStorage.removeItem("data-night"); } else { $(".joe_action_item.mode .icon-1").addClass("active"); $(".joe_action_item.mode .icon-2").removeClass("active"); $("html").attr("data-night", "night"); localStorage.setItem("data-night", "night"); } }); }(2)、相应问题与文章点赞按钮问题相同2、解决方法(1)、为元素加上id属性图标元素所在文件：Joe\public\footer.php为icon-1、icon-2分别加上"nightIcon"、"dayIcon"的id属性 修改完成后如下：<svg id="nightIcon" class="icon-1" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="25" height="25"> <path d="M587.264 104.96c33.28 57.856 52.224 124.928 52.224 196.608 0 218.112-176.128 394.752-393.728 394.752-29.696 0-58.368-3.584-86.528-9.728C223.744 832.512 369.152 934.4 538.624 934.4c229.376 0 414.72-186.368 414.72-416.256 1.024-212.992-159.744-389.12-366.08-413.184z" /> <path d="M340.48 567.808l-23.552-70.144-70.144-23.552 70.144-23.552 23.552-70.144 23.552 70.144 70.144 23.552-70.144 23.552-23.552 70.144zM168.96 361.472l-30.208-91.136-91.648-30.208 91.136-30.208 30.72-91.648 30.208 91.136 91.136 30.208-91.136 30.208-30.208 91.648z" /> </svg> <svg id="dayIcon" class="icon-2" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="25" height="25"> <path d="M234.24 512a277.76 277.76 0 1 0 555.52 0 277.76 277.76 0 1 0-555.52 0zM512 187.733a42.667 42.667 0 0 1-42.667-42.666v-102.4a42.667 42.667 0 0 1 85.334 0v102.826A42.667 42.667 0 0 1 512 187.733zm-258.987 107.52a42.667 42.667 0 0 1-29.866-12.373l-72.96-73.387a42.667 42.667 0 0 1 59.306-59.306l73.387 72.96a42.667 42.667 0 0 1 0 59.733 42.667 42.667 0 0 1-29.867 12.373zm-107.52 259.414H42.667a42.667 42.667 0 0 1 0-85.334h102.826a42.667 42.667 0 0 1 0 85.334zm34.134 331.946a42.667 42.667 0 0 1-29.44-72.106l72.96-73.387a42.667 42.667 0 0 1 59.733 59.733l-73.387 73.387a42.667 42.667 0 0 1-29.866 12.373zM512 1024a42.667 42.667 0 0 1-42.667-42.667V878.507a42.667 42.667 0 0 1 85.334 0v102.826A42.667 42.667 0 0 1 512 1024zm332.373-137.387a42.667 42.667 0 0 1-29.866-12.373l-73.387-73.387a42.667 42.667 0 0 1 0-59.733 42.667 42.667 0 0 1 59.733 0l72.96 73.387a42.667 42.667 0 0 1-29.44 72.106zm136.96-331.946H878.507a42.667 42.667 0 1 1 0-85.334h102.826a42.667 42.667 0 0 1 0 85.334zM770.987 295.253a42.667 42.667 0 0 1-29.867-12.373 42.667 42.667 0 0 1 0-59.733l73.387-72.96a42.667 42.667 0 1 1 59.306 59.306l-72.96 73.387a42.667 42.667 0 0 1-29.866 12.373z" /> </svg>(2)、修改JS文件找到上述的JS文件，修改其中"初始化昼夜模式"模块如下：使用id获取对象，并使用setAttribute修改svg的class值注意：修改完js文件后需要使用VSCode的minify 压缩成.min.js 文件并上传替换原文件见Joe\README.md/* 初始化昼夜模式 */ { var dayIcon = document.getElementById("dayIcon"); var nightIcon = document.getElementById("nightIcon"); if (localStorage.getItem("data-night")) { nightIcon.setAttribute("class","icon-1 active"); dayIcon.setAttribute("class","icon-2"); } else { $("html").removeAttr("data-night"); nightIcon.setAttribute("class","icon-1"); dayIcon.setAttribute("class","icon-2 active"); } $(".joe_action_item.mode").on("click", () => { if (localStorage.getItem("data-night")) { nightIcon.setAttribute("class","icon-1"); dayIcon.setAttribute("class","icon-2 active"); $("html").removeAttr("data-night"); localStorage.removeItem("data-night"); } else { nightIcon.setAttribute("class","icon-1 active"); dayIcon.setAttribute("class","icon-2"); $("html").attr("data-night", "night"); localStorage.setItem("data-night", "night"); } }); }三、总结至此问题全部解决，相关使用minify 压缩成.min.js后的js文件可从如下链接下载使用，除了js别忘了修改PHP中的id属性https://www.wpbkj.com/usr/themes/Joe/assets/js/joe.post_page.min.jshttps://www.wpbkj.com/usr/themes/Joe/assets/js/joe.global.min.js
-
个人网站备案踩坑记录（真实网站备案流程)二——公安备案 第一篇：个人网站备案踩坑记录（真实网站备案流程）一——ICP备案你可以发现我的网站底部除ICP备案信息外还有公安备案这个备案在你ICP备案完成后，阿里云是会推荐你去做的有人就要问了，那不做有事吗？回答是：按理说是有的。全国公安机关互联网安全管理服务平台给出的官方说明是：根据《计算机信息网络国际联网安全保护管理办法》（公安部令第33号）的第二十三条规定“违反本办法第十一条、第十二条规定，不履行备案职责的，由公安机关给予警告或者停机整顿不超过六个月的处罚。”那我们开始公安备案流程介绍吧公安备案备案地址：全国互联网安全管理服务平台需要准备材料有个人身份证正反面照、本人手持身份证照、域名证书（域名注册商那里可以找到）扫描件、域名证书打印件（非交互式网站忽略，这个后面会说）进入平台第一步：点击联网备案登录之后可进行注册，按要求填写信息就可以了登录后先在个人中心填写个人资料，默认第一次登录直接跳到这个页面然后进行备案主体填写点击上方导航栏主页默认会跳出弹窗让你填写开办主体信息按照你的个人信息填写就可以了之后不管主体信息审核通不通过你就可以填写新办网站申请了填写新办网站申请点击左侧导航栏新办网站申请按要求填写主体信息（默认同你之前填写的）网站基本信息网络接入服务商信息去问服务商和域名注册商要阿里云和新网可按图片填写网站类型选择注意：交互式网站意思就是别人可以评论、留言之类的其他人可以对你网站进行修改这一种，这里如果你选择交互式网站的话你需要携带身份证、域名证书及相关资料到本地网警大队做演示。证明你的网站可以在别人注册账号后长久保留对方真实信息，而且有一套完善的人工评论审核机制，而且你要对在你网站上发声的言论负法律责任。如果不选择交互式，那就把你网站的评论系统关闭，并且不用去网警大队，线上直接生成备案号。后面网站负责人信息可直接一键复制前面的主体人信息，之后看完提示说明后，即可提交申请。之后不出意外会有网警小姐姐给你打电话告知相关法律责任，配合他们，完成相关修改之后，即可下发备案号备案号下发后可按照提示在网站下方放上网安备案图标和备案号这个在已备案栏目中可以看到可能不同省份不一样，河南省的小伙伴可以参考我的代码<div style="text-align: center"><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=公安备案号" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="logo图片地址" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">公安备案号</p></a> </div>本代码会直接将备案号添加到指定位置的中央，样式看我的网站底部logo图标地址可以使用https://www.wpbkj.com/beianlogo.png到这里公安备案就结束了，希望能已经了解了备案流程，有问题可以发邮件至admin@wpbkj.com交流
-
个人网站备案踩坑记录（真实网站备案流程）一——ICP备案 写这个东西就是为了让大家了解一下网站备案，毕竟网站备案是国内SEO优化的快捷方法如果说你的网站服务器是在国内，那你十有八九要备案（当然也有绕过备案的方法，这里不再赘述）ICP备案首先说一下阿里云ICP备案的要求阿里云备案网站我用的是虚拟主机阿里云原话：独享虚拟主机申请备案需购买时长在3个月及以上（含续费），并支持备案用时多久送多久(限国内节点)。也就是说你购买必须在三个月以上，一般都是会购买一年吧，毕竟备案之后应该还会用而且每台虚机是有5个备案服务号，也就是说你可以备5个域名注意：这里有两个关于备案的知识误区：1、每个服务商的备案是不相同的，也就是说你在阿里云备案不能用腾讯云的服务，所以不要抱着那个服务商备案费用便宜而去他那里备案，还是要选择之后要长久使用的服务商。2、主域名备案成功后，所有子域名都不会被无备案拦截，不用所有子域名都备案，当然你也备不上子域。买完虚拟主机/服务器之后你就可以去阿里云备案系统进行备案了我这里只讲个人备案你前期需要准备的信息及材料有：大陆二代身份证、手机一部基本流程：填写信息校验：这个完成后下一步尽量在手机阿里云APP操作，因为要验证人脸后面就是按照操作指引一步步的完善信息注意：网站名称的设计有几个方面需要注意：网站命名基本要求 网站名称需大于3个及3个以上汉字。禁止使用纯数字、英文或域名作为网站名称，且名称中不能包含特殊符号。 网站名称需与实际网站内容一致。不可使用人物名称、地点名称、成语等内容作为网站名称。 网站名称禁止涉及的类别禁止涉及行业信息、企业信息、产品信息、国家信息、敏感信息（如反腐、赌博、廉政、色情等）等。禁止涉及博客、论坛、在线、社区、交流等信息。网站名称禁止使用的词汇 全国网站命名时禁止使用如下词汇： 禁止使用XXX的个人空间、爱好者、博客、导航、工作室、论坛、平台、热线、社区、社团、网络、网站、网址、主页、资讯、作品展示等词汇。 说明 该规则不适用于江苏省个人性质备案用户。根据江苏省管局要求，个人备案网站命名仅可使用某某的个人博客或某某的个人主页命名，并且在备注中需说明网站开通后需要展示的主要内容。全部信息填写之后就会进入阿里云初审会有客服小姐姐给你打电话过来给你说初审的情况，如果不合格还有修改建议如果095187打电话过来听不见声音，你就直接跟他说让他换号打，我之前就这样，不知道为什么初审通过后阿里云就会提交管局，之后就会让你用你填写的手机号进行短信核验短信核验平台：ICP/IP地址/域名信息备案管理系统之后将会提交管局审核，等上几天就可以了还有一个好玩的事情：我的域名是在新网注册的，谁染我是在阿里云备案，但他们会收到你备案成功的通知，然后给你打电话让你把备案号加到底部，不知道关域名注册商啥事了。底部备案号添加代码样式备案信息：<a href="https://beian.miit.gov.cn">你的备案号</a>到这里个人ICP备案就算完成了，公安备案信息参考下一篇文章，有任何问题发邮件至admin@wpbkj.com交流
-
网站防滚屏 介绍：网站防滚屏By WPBKJ项目测试地址:进入使用方法：将以下代码复制进<head></head>标签中即可起作用<script type="text/javascript"> //出现滚动值立马归零 var scroll = function (e) { window.scrollTo(0, 0); } window.onscroll = scroll; //滚动事件 禁止 var scrollFunc = function (e) { e = e || window.event; if (e && e.preventDefault) { e.preventDefault(); e.stopPropagation(); } else { e.returnvalue = false; return false; } } document.body.onmousewheel = scrollFunc; </script>
-
网站防F12、右键 介绍：网站防F12调试、防右键By WPBKJ项目测试地址:进入使用方法：将以下代码复制进<head></head>标签中即可起作用<script type="text/javascript"> window.onload=function(){ document.onkeydown=function(){ var e=window.event||arguments[0]; if(e.keyCode==123){ //alert("小样你想干嘛？"); return false; }else if((e.ctrlKey)&&(e.shiftKey)&&(e.keyCode==73)){ //alert("还是不给你看。。"); return false; } }; document.oncontextmenu=function(){ //alert("小样不给你看"); return false; } } </script>
