搜索到
14
篇与
网站
的结果
-
-
-
-
幽灵404网页代码 跟随鼠标动画 小熊猫博客：(a.yxbvip.top)爱分享：{callout color="#f0ad4e"}介绍（不开回复可见，来了能否留个足迹，感谢支持）{/callout}在某个网站上看到的，个人感觉不错，就叫人扒了下来，幽灵1会有浮动动画跟随鼠标动画{callout color="#f0ad4e"}截图{/callout}<!doctype html> <html> <head> <meta charset="utf-8"> <title>幽灵404页面</title> <script type="text/javascript" src="https://a-oss.zmki.cn/2020/20200101-cc0f0c1509531.js"></script> <style> html, body { background: #28254C; font-family: 'Ubuntu'; } * { box-sizing: border-box; } .box { width: 350px; height: 100%; max-height: 600px; min-height: 450px; background: #332F63; border-radius: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 30px 50px; } .box .box__ghost { padding: 15px 25px 25px; position: absolute; left: 50%; top: 30%; transform: translate(-50%, -30%); } .box .box__ghost .symbol:nth-child(1) { opacity: .2; animation: shine 4s ease-in-out 3s infinite; } .box .box__ghost .symbol:nth-child(1):before, .box .box__ghost .symbol:nth-child(1):after { content: ''; width: 12px; height: 4px; background: #fff; position: absolute; border-radius: 5px; bottom: 65px; left: 0; } .box .box__ghost .symbol:nth-child(1):before { transform: rotate(45deg); } .box .box__ghost .symbol:nth-child(1):after { transform: rotate(-45deg); } .box .box__ghost .symbol:nth-child(2) { position: absolute; left: -5px; top: 30px; height: 18px; width: 18px; border: 4px solid; border-radius: 50%; border-color: #fff; opacity: .2; animation: shine 4s ease-in-out 1.3s infinite; } .box .box__ghost .symbol:nth-child(3) { opacity: .2; animation: shine 3s ease-in-out .5s infinite; } .box .box__ghost .symbol:nth-child(3):before, .box .box__ghost .symbol:nth-child(3):after { content: ''; width: 12px; height: 4px; background: #fff; position: absolute; border-radius: 5px; top: 5px; left: 40px; } .box .box__ghost .symbol:nth-child(3):before { transform: rotate(90deg); } .box .box__ghost .symbol:nth-child(3):after { transform: rotate(180deg); } .box .box__ghost .symbol:nth-child(4) { opacity: .2; animation: shine 6s ease-in-out 1.6s infinite; } .box .box__ghost .symbol:nth-child(4):before, .box .box__ghost .symbol:nth-child(4):after { content: ''; width: 15px; height: 4px; background: #fff; position: absolute; border-radius: 5px; top: 10px; right: 30px; } .box .box__ghost .symbol:nth-child(4):before { transform: rotate(45deg); } .box .box__ghost .symbol:nth-child(4):after { transform: rotate(-45deg); } .box .box__ghost .symbol:nth-child(5) { position: absolute; right: 5px; top: 40px; height: 12px; width: 12px; border: 3px solid; border-radius: 50%; border-color: #fff; opacity: .2; animation: shine 1.7s ease-in-out 7s infinite; } .box .box__ghost .symbol:nth-child(6) { opacity: .2; animation: shine 2s ease-in-out 6s infinite; } .box .box__ghost .symbol:nth-child(6):before, .box .box__ghost .symbol:nth-child(6):after { content: ''; width: 15px; height: 4px; background: #fff; position: absolute; border-radius: 5px; bottom: 65px; right: -5px; } .box .box__ghost .symbol:nth-child(6):before { transform: rotate(90deg); } .box .box__ghost .symbol:nth-child(6):after { transform: rotate(180deg); } .box .box__ghost .box__ghost-container { background: #fff; width: 100px; height: 100px; border-radius: 100px 100px 0 0; position: relative; margin: 0 auto; animation: upndown 3s ease-in-out infinite; } .box .box__ghost .box__ghost-container .box__ghost-eyes { position: absolute; left: 50%; top: 45%; height: 12px; width: 70px; } .box .box__ghost .box__ghost-container .box__ghost-eyes .box__eye-left { width: 12px; height: 12px; background: #332F63; border-radius: 50%; margin: 0 10px; position: absolute; left: 0; } .box .box__ghost .box__ghost-container .box__ghost-eyes .box__eye-right { width: 12px; height: 12px; background: #332F63; border-radius: 50%; margin: 0 10px; position: absolute; right: 0; } .box .box__ghost .box__ghost-container .box__ghost-bottom { display: flex; position: absolute; top: 100%; left: 0; right: 0; } .box .box__ghost .box__ghost-container .box__ghost-bottom div { flex-grow: 1; position: relative; top: -10px; height: 20px; border-radius: 100%; background-color: #fff; } .box .box__ghost .box__ghost-container .box__ghost-bottom div:nth-child(2n) { top: -12px; margin: 0 -0px; border-top: 15px solid #332F63; background: transparent; } .box .box__ghost .box__ghost-shadow { height: 20px; box-shadow: 0 50px 15px 5px #3B3769; border-radius: 50%; margin: 0 auto; animation: smallnbig 3s ease-in-out infinite; } .box .box__description { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); } .box .box__description .box__description-container { color: #fff; text-align: center; width: 200px; font-size: 16px; margin: 0 auto; } .box .box__description .box__description-container .box__description-title { font-size: 24px; letter-spacing: .5px; } .box .box__description .box__description-container .box__description-text { color: #8C8AA7; line-height: 20px; margin-top: 20px; } .box .box__description .box__button { display: block; position: relative; background: #FF5E65; border: 1px solid transparent; border-radius: 50px; height: 50px; text-align: center; text-decoration: none; color: #fff; line-height: 50px; font-size: 18px; padding: 0 70px; white-space: nowrap; margin-top: 25px; transition: background .5s ease; overflow: hidden; } .box .box__description .box__button:before { content: ''; position: absolute; width: 20px; height: 100px; background: #fff; bottom: -25px; left: 0; border: 2px solid #fff; transform: translateX(-50px) rotate(45deg); transition: transform .5s ease; } .box .box__description .box__button:hover { background: transparent; border-color: #fff; } .box .box__description .box__button:hover:before { transform: translateX(250px) rotate(45deg); } @keyframes upndown { 0% { transform: translateY(5px); } 50% { transform: translateY(15px); } 100% { transform: translateY(5px); } } @keyframes smallnbig { 0% { width: 90px; } 50% { width: 100px; } 100% { width: 90px; } } @keyframes shine { 0% { opacity: .2; } 25% { opacity: .1; } 50% { opacity: .2; } 100% { opacity: .2; } } </style> </head> <body> <div class="box"> <div class="box__ghost"> <div class="symbol"></div> <div class="symbol"></div> <div class="symbol"></div> <div class="symbol"></div> <div class="symbol"></div> <div class="symbol"></div> <div class="box__ghost-container"> <div class="box__ghost-eyes"> <div class="box__eye-left"></div> <div class="box__eye-right"></div> </div> <div class="box__ghost-bottom"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> <div class="box__ghost-shadow"></div> </div> <div class="box__description"> <div class="box__description-container"> <div class="box__description-title">404错误！</div> <div class="box__description-text">看来我们找不到你要找的那一页</div> </div> <a href="/index.php" class="box__button">返回</a> </div> </div> <script> //based on https://dribbble.com/shots/3913847-404-page var pageX = $(document).width(); var pageY = $(document).height(); var mouseY=0; var mouseX=0; $(document).mousemove(function( event ) { //verticalAxis mouseY = event.pageY; yAxis = (pageY/2-mouseY)/pageY*300; //horizontalAxis mouseX = event.pageX / -pageX; xAxis = -mouseX * 100 - 100; $('.box__ghost-eyes').css({ 'transform': 'translate('+ xAxis +'%,-'+ yAxis +'%)' }); //console.log('X: ' + xAxis); });</script> </body> </html>
-
joe(执念)主题编辑器使用自己图床--小熊猫博客 小熊猫blog分享（blog.32yunbk.cn）：前言： 目前很多人都在使用执念改过(joe)的模板,执念改过的模板的确有很多功能好用，但是你会发现很多都是他网站的广告，都能直接的进入他的网站，但不得不说好用，这也导致以前执念服务器天天被打，天天死， 虽然现在换了好的服务器，没有死过，但是还是要防止意外。 执念他在joe编辑器里最后一个加了一个图床上传，可以一键上传到他的图床网站并且返回到自己文章里显示图片，这样呢我们就不需要给文件添加附件，图片就不用存到服务器里，用他的图床也很方便，但是呢，我们还是有些人，喜欢用自己搭建的图床机进行上传，图片全部保存到github里边，这样即使执念哪天网站备案掉了，想不开了跑了（ 虽然不会 ），就造成了很麻烦，如何修改，后边就不废话了直接上教程，毕竟我也是花了10块钱才向执念要来的修改，太狗了 :@(吐舌) 1.使用烟雨图床 使用执念改过的图床 原版的也可以 （原因下边说） 烟雨图床安装教程自行百度，就不多说了，很简单下载源码后，将install.sql导入到数据库之后修改APP/DataBase.php文件中的数据库连接，将Public目录设置为运行目录即可{tabs}{tabs-pane label="图床下载"}隐藏内容，请前往内页查看详情{/tabs-pane}{/tabs}必须修改使用本站同款主题主题下载地址，自行查看首页{tabs}{tabs-pane label="修改教程"}隐藏内容，请前往内页查看详情{/tabs-pane}{tabs-pane label="图片位置"}隐藏内容，请前往内页查看详情{/tabs-pane}{/tabs}使用烟雨图床（原版）找到api位置，添加防跨站代码，代码自行百度，就不多说了
-
网站关键词排名一直上不去什么原因 小熊猫博客（a.yxbvip.top）分享：网站关键词排名一直上不去什么原因？ 一、首先查看我们网站本身是否有问题：网站的代码这些是否精简，Robots.txt书写是否正确，网站做没做301重定向和404错误页面，网站地图Sitemap是否提交百度等等。 二、网站程序方面的问题：我们归结为：网站程序是否不利于抓取等，有的网站采用动态程序，动态网页会加大搜索引擎抓取的难度。 三、网站加载的速度是否正常：也就是说我们的服务器在质量上面是否达到了相应的标准，服务器在运行上面是否稳定，人家的网站点开就直接出来，而你的却要加载一定的时间。 用户点开此网站发现加载的时间太长会直接关闭，搜索引擎蜘蛛也会由于抓取困难而放弃你的网站，就不会出现站长工具里面所出现的索引量，排名自然就上不去。 四、网站代码优化问题：网站结构会影响网站关键词的排名，结构清晰，利于搜索引擎抓取爬行，同时我们要对网站页面进行代码优化如：TDK的设置、图片alt属性的设置、关键词密度的布局等，关键词出现的频率一般在2%——8%之间，密度过高会造成关键词堆砌，密度过低就会降低网站和关键词的相关性，同时要注重用户体验度。 五、网站在核心关键词上面分布太广泛，直接导致网站的权重被分化严重，而相对应的关键词密度严重的下降和核心关键词发生冲突，站内冲突是最严重的，网站排名上不去也正常，如果网站的核心关键词数量比较多直接建议多建设几个网站或者做一个大型的网站。 六、网站内容建设问题：网站内容建设在网站优化中也非常重要，首先我们发布的内容要尽可能是原创或伪原创文章，很多网站采用采集、粘贴复制的方式填充网站内容，这样的行为是不好的，长久对网站的关键词排名就会造成一定的影响，尽管发布的频率很高，但是质量却很低，搜索引擎对这类网站也不喜欢，严重的话会进行降权处罚。七、链接建设：如果你的关键词排名一直不提升，你要看下是不是没有进行链接、外链建设、如友情链接、第三方平台发布链接等，链接建设可以提升网站的抓取及收录，对关键词排名也很重要。 网站关键词排名下降原因有哪些? 网站关键词在首页掉出后几页：如果只是一个关键词掉了，其他的词没有多大波动，这一般是网站被惩罚了。一般排在首页的都是网站的首页，权重较其他页面较高，所以排名掉的很多的话就得看看网站的外链是否出现大量增多和减少的情况。 网站关键词在首页掉出百名以外：如果只是个别的关键词排名掉了，说明是因为关键词的竞争而出现的情况，因为一个网站的关键词有多个，个别词排名掉是因为别人在竞争，这个词可能是人家的主要关键词，在你这里了可能是次要关键词，所以这个不需太过担心。 网站所有关键词全部掉没有了：这时候需要先Site首页，如果只能Site到首页，多半是因为网站的外链增长的过快被百度放到沙盒了，这个时候一定要坚持住，千万不要放弃，暴风雨过后一定会是彩虹;如果SITE也没有了，那就是网站被K了，你得找到原因，看是否作弊采集、有没有过多的垃圾外链等等，然后改正，把域名悬挂3个月清空后重新开站。
-
百度快速收录SEO优化关键词排名优化技巧 前言:新站优化是有方法技巧的，关键词S排名优化，百度快速收录，新站如何快速出关键词排名，新站想要获取排名需要做好词库规划布局，做好文章内容优化，编写用户需求文章，做好更新和提交给百度站长，稳定持续操作优化推广，来做关键词排名优化 我们在做新站关键词排名优化的时候，一开始我们就需要想清楚要做的关键词是什么？当我们都想清楚了，那么我们就需要购买域名和空间，这里比较重要，因为我们做新站排名，域名的选择对于我们来说极其的重要，选择域名的时候我们需要选择和我们需要做的产品相关性很高，这样的目的是让搜索引擎在爬取我们的网站的时候，通过域名就可以知道我们做的内容究竟是什么？从而给它的一个印象。服务器要选择优质服务器，网站打开速度快慢对搜索引擎蜘蛛抓取速度会有一定影响低配置配置低的服务器会影响网站打开速度，单位时间内抓取量就会相对少新站上线如何让百度快速收录出排名，一直是站长们思考和期望的一点，如何快速出关键词排名，获取关键词展现和流量点击，新站如何出排名出收录，就此话题带领大家思考新站如何获取排名及上排名需要操作哪些步骤{callout color="#f0ad4e"}新站放出关键词排名的条件{/callout}1、有效收录想要网站参与关键词排名，首先网站先要被搜索引擎抓取收录，且必须是有效收录，何为有效收录，最简单的验证方法，是检索URL和网站完整标题看看搜索引擎是否有收录网页在首页排名首位。2、关键词布局网站关键词词库整理和布局，想要优化词库，首先先要操作词库整理和布局，将需要优化的词布局在网站中，用户检索关键词，想要有排名需要相关性，关键词的匹配度，关键居左侧易获取词库排名。3、站点内容质量网站内容质量是否是原创、高质量、满足需求的文章，搜索引擎排名，推荐的网页是为了帮助用户解决问题，网页有价值才具备索引和放出的资格，用户喜爱高质量的文章。4、域名信任度网站想要有词库放出可以参与词库排名，首先网站域名信任度对搜索引擎友好，域名信任度的培养需要建站时间、网站内容质量、外链建设和友链交换等，域名信任度高才会被放出收录和有效收录，才有机会参与词库排名，获得用户的行为点击，进一步提升网站关键词排名。{callout color="#f0ad4e"}怎么让百度快速收录排名{/callout}百度快速收录排名，简单来说就是在短时间内把你想要推广的内容做到排在搜索引擎的有利位置。靠此来增加网站访问者的数量，吸引更多目标客户到访，来达到营销推广的作用。百度快速排名是对要做排名的的关键词和连接有要求的。首先关键词与对应连接要被百度收录。在百度前十页，然后就有以下两种模式：１、模拟点击，这种类似与一些互点群里的相互点击促进排名提升，在13年到17年8月，这种方法排名效果都比较不错，但是9月份开始基本上开始缩水，市场效果不好。２、数据发包+全网提权的方式，数据发包更稳定，效果高效果好，推送者平台采用这种方式。{callout color="#f0ad4e"}关键词排名优化技巧{/callout}如果网站的内部页面要进行排名，它必须具有一定的权重。内页的权重主要包括以下两点：1.内容页的信息必须丰富。如果一个页面有几十个单词，即使信息是原创的，被包含的概率也很小。即使它被收录，也不会有好的排名，页面信息是搜索引擎对页面打分的最重要因素。2.内容页的关键字必须与用户搜索的长尾词匹配。如果无法完全匹配，请尝试在页面标题和说明中显示要执行的长尾关键字。{callout color="#f0ad4e"}内页的内链结构良好{/callout}内页的内链是网站优化中一个非常重要的元素，在内页的排名优化中更为明显。网站的内部页面应该有网站的主导航、文章页面的面包屑导航、文本末尾与本文相关的内容推荐等，这些都是内部链优化的必要操作。我们还需要优化列表页面。列表页面通常都是文章列表，没有什么意义或者用户不关心。列表页面可以适当添加外部链、友情链接等。{callout color="#f0ad4e"}网站内容和页面优化{/callout}网站架构分析包括：消除网站架构的不良设计、实现树状内容结构、网站导航和链接优化。网站关键词分析应该是SEO优化办公室实施前最重要的环节。该操作流程包括：网站关键词分析、团队竞争对手分析、与网站主题相关的网站关键词分析、网站关键词布局、网站关键词排名预测和监督等网站内部优化比网站外部优化更重要。如果你想做好网站的整体优化，首先要做的是网站的内部优化，提高网站的质量，增加网站的用户体验，让搜索引擎发现我们的网站内容是独一无二的，网站内容对用户来说是有价值的，这样你就可以得到更好的排名。以上就是百度快速收录SEO优化关键词排名优化技巧，我们只要把关键词布局，关键词密度分配好，这样才能在一开始的时候让百度抓取你的关键词，给予一定排名，同时做好关键词，长尾词布局，相信在不就的时间里，你的网站一定会有不错的关键词排名。{callout color="#f0ad4e"}外部链应指向内部页面{/callout}这被认为是一个大多数网站管理员容易忽视的地方。当做外部链时，大多数都做主页。事实上，一个健康的网站外部链必须多样化，所有这些都指向主页或同一页面，这很容易导致搜索引擎对您网站的权限减少。每一个优化后的内页都要正确指向外链，这不仅可以提高内页的权重，而且对整个网站的健康发展起到重要的促进作用。通常，我们会更加关注列表、主题和内容的聚合，以及页面上更多的外部链接四、 链接布局和内容发布。SEO优化的核心目标不仅是使网站的主页在搜索中排名靠前，而且最重要的目标是为网站的每个页面带来流量，并能转化这些流量，做好完整的目录和页面优化，从而带来更多的流量。特定页面带来的流量有时更有针对性，也就是说，它更符合用户期望的结果。因此，我们在构建网站内容时必须注意及时性。用户最近关注或真正能够帮助流量用户的网站内容具有更大的价值。
-
Typecho 添加访问提示--小熊猫博客 {mtitle title="小熊猫博客爱分享"/}在主题后台底部自定义中添加如果你网站开启了pjax,可能还会有点小bug,问题不大 :@(邪恶) 具体代码 <!-- 客户端信息 --> <div id="fps" style="z-index:5;position:fixed;bottom:3px;left:3px;color:#2196F3;font-size:10px;"></div> <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/kaliisra/myblogstatic/kehuduan-js/fetch.min.js"></script> <script src="https://cdn.gmit.vip/layer/3.1.1/layer.js" type="text/javascript" charset="utf-8"></script> <script> /*网站打开提醒代码开始*/ $(function(){ if(/*getCookie('msg') !=*/ 1){ var t = document.createElement("a"); t.href = document.referrer; var msgTitle = t.hostname; var name = t.hostname.split(".")[1]; if("" !== document.referrer){ switch (name) { case 'bing': msgTitle = '必应搜索'; break; case 'baidu': msgTitle = '百度搜索'; break; case 'so': msgTitle = '360搜索'; break; case 'google': msgTitle = '谷歌搜索'; break; case 'sm': msgTitle = '神马搜索'; break; case 'sogou': msgTitle = '搜狗搜索'; break; default: msgTitle = t.hostname; }; }; var time = (new Date).getHours(); var msg = ''; 23 < time || time <= 5 ? msg = "你是夜猫子呀？这么晚还不睡觉，明天起的来嘛？": 5< time && time <= 7 ? msg = "早上好！一日之计在于晨，美好的一天就要开始了！": 7< time && time <= 11 ? msg = "上午好！工作顺利嘛，不要久坐，多起来走动走动哦！": 11< time && time <= 14 ? msg = "中午了，工作了一个上午，现在是午餐时间！": 14< time && time <= 17 ? msg = "午后很容易犯困呢，今天的运动目标完成了吗？": 17< time && time <= 19 ? msg = "傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红~": 19< time && time <= 21 ? msg = "晚上好，今天过得怎么样？": 21< time && time <= 23 && (msg = "已经这么晚了呀，早点休息吧，晚安~"); $.ajax({ type:"get", url:"https://open.gmit.vip/web/api/UserInfo/", async:true, success:function(data){ window.info = data; layer.msg("Hi~ 来自"+ data.data.location + '~<br/>通过 '+msgTitle+' 进来的朋友！<br/>使用 '+ data.data.os +"<br/>"+ data.data.browser +' 访问本站！' + '<br/>' + msg); var showFPS = (function(){ var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000/60); }; var e,pe,pid,fps,last,offset,step,appendFps; fps = 0; last = Date.now(); step = function(){ offset = Date.now() - last; fps += 1; if( offset >= 1000 ){ last += offset; appendFps(fps); fps = 0; }; requestAnimationFrame( step ); }; appendFps = function(fps){ var settings = { timeout: 5000, logError: true }; $('#fps').html('<span style="float:left;">'+fps+'FPS</span><br/><span style="float:left">'+window.info.data.os+'</span><br/><span style="float:left;margin-top:1px;">'+window.info.data.browser+'</span><br/><span style="float:left;margin-top:1px;">'+window.info.data.location+'</span><br/><span style="float:left;margin-top:1px;"></span>'); }; step(); })(); } }); }; }); </script>如果不显示，在头部或者脚部添加以下代码 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>这次分享就到这里了，如感兴趣的朋友，点个爱心，点个收藏，来个赞助，来个评论
-
LinuxMirrors一键脚本更换Linux系统源提高软件安装速度（包含10+国内源） {mtitle title="小熊猫博客爱分享"/}我们在选择海外服务器的时候是不是在安装软件比较慢？主要是海外服务器的镜像源都引用的海外节点的。这里我们一般会将服务器登录之后就更换国内的镜像源，这样安装软件的时候速度会比较快。老左在网站中也有分享过一些类似的文章，比如更换163、阿里云的源，包含Debian、Centos等。这样更换稍微有点笨拙。在这里，小编看到有LinuxMirrors一键脚本可以用来更换Linux系统的源，直接运行脚本即可。包含我们常见的Debian、CentOS、Ubuntu等镜像。脚本命令bash <(curl -sSL https://gitee.com/SuperManito/LinuxMirrors/raw/main/ChangeMirrors.sh)直接执行命令即可效果图这里我们可以根据需要选择源地址。比如选择1，为阿里云。根据向导替换源后执行更新。最后如果没有报错，那就完全没有问题。这样，是不是比较简单的就可以将服务器的Linux镜像源更新到我们的国内源，安装软件的速度和效率提高不少。
-
