分类网站建设下的文章 - 第 2 页 - 灵梦岛

登录

找到 10 篇与网站建设相关的结果 - 第 2 页

2024-08-04
实现“萌娘百科”同款黑色隐藏文字有时候一些不想被人立刻看见的话需要进行隐藏，但是需要鼠标移上去后又可以出现，要怎么做呢？（啊对对对，文章中无端端出现黑色的东西，是个猫 ? 也会摸上去） emmm就像上面的一样，鼠标移上去就会显示，如何实现呢? 我们接着看： 1.CSS 如果你像本站一样，用的是WordPress 的话，将下列代码放置于WordPress后台 - 外观 - 自定义 - 额外CSS中，，其他博客系统有附加CSS的也可以 .heimu, .heimu a, a .heimu, .heimu a.new { background-color: #252525; color: #252525; text-shadow: none; } .heimu:hover, .heimu:active, .heimu:hover .heimu, .heimu:active .heimu { color: white !important; } .heimu:hover a, a:hover .heimu, .heimu:active a, a:active .heimu { color: lightblue !important; } .heimu:hover .new, .heimu .new:hover, .new:hover .heimu, .heimu:active .new, .heimu .new:active, .new:active .heimu { color: #BA0000 !important; } 如果你是其他博客模板就按照他们的来，如果是完全自己设计的网站，请放在你的CSS应该存在的地方（md，完全自己设计的网站，不知道什么是CSS放在哪里？我不信）（还有你，连HTML和CSS都不会，你还做什么网站）下面到HTML 2.HTML <span class="heimu" title="你知道的太多了">这是隐藏的文字</span> title：是输入你悬停鼠标的时候出现的文字这是隐藏的文字：这里替换成你像要的文字 (不要告诉我你还是不会) (什么，你问我能不能搞其他颜色，不要黑色？但凡知道CSS是什么东西的人都会改，别告诉我你真的不知道) (你是CSS大佬，要入侵我的网站？？？？来来来来，用你的CSS编写一个软件来入侵我的网站) 参考文献：如何实现黑幕？即鼠标触及之地，原来黑色显示原来文字-腾讯云开发者社区-腾讯云 (tencent.com)

网站建设

fghdlz 1年前
6 20 0
2024-07-30
解决WordPress文章引用的图片不显示问题使用WordPress发布文章时，有时会遇到复制发布的文档中包含的外链图片无法正常显示的问题。然而，当我们将图片路径复制到浏览器中单独打开时，图片却可以正常显示。以下是解决这一问题的方法。问题描述当你在WordPress文章中引用外链图片时，图片无法正常显示就像这样：解决方法在链接图片时，图片路径前面添加//images.weserv.nl/?url=即可。比如：原路径： <img src="https://i-blog.csdnimg.cn/direct/a2183c556b2147bd9436d659c912457f.png"alt="image"> 修改后路径： <img src="//images.weserv.nl/?url=https://i-blog.csdnimg.cn/direct/a2183c556b2147bd9436d659c912457f.png" alt="image"> 解决原理 wsrv.nl 是一个外网缓存服务，主要功能是图像缓存和调整大小服务，使用全球缓存动态操作图像。通过将图片路径前面添加//images.weserv.nl/?url=, 我们利用了该服务来缓存和显示外链图片，从而解决了图片无法显示的问题。基于这个原理我们可以创建一个WordPress插件，当文章发布或更新时，自动为文章中引入的外链图片添加 //images.weserv.nl/?url= 前缀还有一种可能就是你的上传头像的插件或者是其他关于图片的插件引起的，可以适当的排查参考文献：解决WordPress文章引用的图片不显示问题-CSDN博客

网站建设

fghdlz 1年前
0 14 0
2024-07-30
wordpress域名/服务器更换后不能登录后台的解决办法本站站长害怕云服务提供商（炎火云 2024中国服务器之父）跑路，因此需要给网站同步到本地计算机，但是迁移后发现了以下问题： 1.无法连接数据库 2.所有连接无法打开 3.网站503错误 4.无法登陆后台 5.成功登录后页面混乱，CSS无法加载因此按照网上教程实践了一下，最优解决办法如下前排提示，迁移网站前建议关闭网站缓存和伪静态，使用了CDN记得停止解析并且删除所有CDN缓存，否则可能（绝对）会引发bug 一：修改修改wp-config.php 1. 直接打开网站根目录，删除 wp-config.php 文件（配置文件，没了回重新提示安装） 2. 去浏览器打开并且刷新网站，重新安装部署（原则上不会删除资料）二：继续修改wp-config.php文件在结尾添加以下两行内容，让网站知道你的新域名 define（'WP_HOME'，'http：//新域名'）;define（'WP_SITEURL'，'http：//新域名'）; 三：更新数据库这个可以解决你的无法登陆后台的问题，登陆你的数据库管理页面打开控制台来源：phpMyAdmin如何执行数据库操作命令？_phpmyadmin执行命令-CSDN博客打开记事本，把新旧域名替换一下（怎么替换不用我教了吧）然后全部复制粘贴到控制台，不要一行一行的复制粘贴 UPDATE wp_options SET option_value = replace(option_value, 'https://旧域名', 'https://新域名') WHERE option_name = 'home' OR option_name = 'siteurl'; UPDATE wp_posts SET post_content = replace(post_content, 'https://旧域名', 'https://新域名'); UPDATE wp_posts SET guid = replace( guid,'https://旧域名', 'https://新域名'); UPDATE wp_postmeta SET meta_value = replace(meta_value, 'https://旧域名', 'https://新域名'); UPDATE wp_comments SET comment_content = replace(comment_content , 'https://旧域名', 'https://新域名'); UPDATE wp_comments SET comment_author_url = replace(comment_author_url, 'https://旧域名', 'https://新域名') ; select * from wp_options where option_id=1; update wp_options set option_value="http://https://新域名" where option_id=1; 然后ctrl+(回车)执行，命令如果出现CSS丢失，请打开F12查看css域名是不是还是保留着你之前的网站域名，如果是请手动删除其他主题，只保留 Bloglo 主题，主题位置：\wp-content\themes 点击链接还是指向旧域名怎么办？如果你确保安装本教程来一步一步走的话，建议在仪表盘-工具-导出把网站文章导出，然后在新的域名重新部署，但是这样回丢失主题设置，插件设置等内容

网站建设

fghdlz 1年前
0 10 0
2024-07-22
如何在网页上低成本实现一个简单的“护眼模式” 对于需要长时间盯着屏幕同学，后面这个“护眼模式”相对“默认模式”的亮底，应该算是更舒适、不那么容易引起视觉疲劳的一个选择。在当下，作为Web前端开发者，要在网页上添加这么个护眼模式，其实可能并不需要定制化的去针对暗色调写一套完整皮肤样式。最简单的护眼实现代码要在任意网站启用上图的“护眼模式”，其实你只需要打开浏览器控制台，执行以下代码就可以了： const cssEl = document.createElement('style') cssEl.innerHTML = ` html.cye-enabled { filter: contrast(0.96) brightness(0.9) invert(1); } html.cye-enabled img { filter: brightness(0.9) invert(1); } `; document.head.appendChild(cssEl); document.documentElement.classList.add('cye-enabled'); 很简单对不对。其实就是给 documentElement 添加一个样式类，相应的，也就是添加个反色滤镜（让亮色变成暗色）。不想让img图片变成反色而导致肉眼无法识别，则可以再通过滤镜反转回来。让是否开启“护眼模式”可控配合离线存储，记住用户设置支持微调亮度对比度（修改文档流上下文的CSS规则）如何监听系统主题色调变化不带UI的，“完整”效果代码可以复制以下代码到浏览器控制台执行，然后通过 window.setCyeFilter(enabled, contrast, brightness)设置护眼模式开关方式、对比度、亮度。 (() => { const cssEl = document.createElement('style') cssEl.innerHTML = ` html.cye-enabled { background: #fff; /* 如果有自己的背景色，那么去掉这行 */ filter: contrast(0.96) brightness(0.9) invert(1); } html.cye-enabled img { filter: brightness(0.9) invert(1); } html.cye-enabled body { filter: none !important; /* 防止三方浏览器插件等重复的护眼样式生效 */ } `; document.head.appendChild(cssEl); // document.documentElement.classList.add('cye-enabled'); /***** 一些JS设置逻辑 ****/ // 护眼模式 const getLV = (k) => JSON.parse(localStorage.getItem(k)); const setLV = (k, v) => localStorage.setItem(k, JSON.stringify(v)); let cyeMediaQueryList = null; try { cyeMediaQueryList = window.matchMedia('(prefers-color-scheme: dark)'); cyeMediaQueryList.addListener(setDocCyeByLS); // 通过浏览器API监听系统层面的主题模式配置变换 } catch(e) { console.warn('当前环境可能不支持 matchMedia'); } window.setCyeFilter = (enabled, contrast, brightness) => { setLV('cyeEnabled', enabled); // true 开启护眼模式，false 关闭护眼模式，2 跟随系统主题是否黑暗模式动态设定 setLV('cyeContrast', contrast); // 对比度，可微调视觉效果 setLV('cyeBrightness', brightness); // 亮度，可微调视觉效果 // 护眼模式为“开启”或“跟随系统”且系统是开启的 const isOpen = enabled === true || (enabled == 2 && cyeMediaQueryList && cyeMediaQueryList.matches); const { classList } = document.documentElement || {}; classList && classList[isOpen ? 'add' : 'remove']('cye-enabled'); if (!isOpen) return; const sss = document.styleSheets; if (!sss) return; let csss = null; for (let i = 0; i < sss.length; i++) { const cssi = sss[i]; if (cssi && cssi.ownerNode && cssi.ownerNode.id == 'ghdef') { csss = cssi; break; } } if (!csss) return; const ruls = csss.rules; if (!ruls) return; let clsObj = null; for (let j = 0; j < ruls.length; j++) { const rulj = ruls[j]; if (rulj && rulj.selectorText === 'html.cye-enabled') { clsObj = rulj; break; } } if (!clsObj) return; clsObj.style.filter = 'contrast(' + contrast + ') brightness(' + brightness + ') invert(1)'; return true; }; // 根据本地存储，判断是否开启护眼模式 function setDocCyeByLS() { setCyeFilter( getLV('cyeEnabled'), getLV('cyeContrast') || 0.96, getLV('cyeBrightness') || 0.9 ); }; setDocCyeByLS(); })() 作者 huzunjie 发表于 2022-03-24 11:58:26 ，最后修改于 2022-03-31 17:38:51 转载至：https://blog.pyzy.net/post/cye-enabled.html

网站建设

fghdlz 1年前
0 8 0
2024-07-22
AppServer修改上传大小 1.打开php.ini 这个文件在PHP5/PHP7 里面能找到然后 ctrl+f 搜索：upload_max_filesize = 把这个值拉大点，例如 50m 然后再次 ctrl+f 搜索：post_max_size = 把这个值拉大点，例如 50m ps：修改完成后请重启服务器 2.下面是项目介绍，请按需求修改 file_uploads = on ;是否允许通过HTTP上传文件的开关。默认为ON即是开upload_tmp_dir ;文件上传至服务器上存储临时文件的地方，如果没指定就会用系统默认的临时文件夹upload_max_filesize = 8m ;望文生意，即允许上传文件大小的最大值。默认为2Mpost_max_size = 8m ;指通过表单POST给PHP的所能接收的最大值，包括表单里的所有值。默认为8M一般地，设置好上述四个参数后，上传<=8M的文件是不成问题，在网络正常的情况下。但如果要上传>8M的大体积文件，只设置上述四项还一定能行的通。 3.如果进一步配置以下的参数 max_execution_time = 600 ;每个PHP页面运行的最大时间值(秒)，默认30秒max_input_time = 600 ;每个PHP页面接收数据所需的最大时间，默认60秒memory_limit = 8m ;每个PHP页面所吃掉的最大内存，默认8M把上述参数修改后，在网络所允许的正常情况下，就可以上传大体积文件了max_execution_time = 600max_input_time = 600memory_limit = 32mfile_uploads = onupload_tmp_dir = /tmpupload_max_filesize = 32mpost_max_size = 32m

网站建设

fghdlz 1年前
0 7 0

隐藏

换装