fontawesome字体加载速度慢的解决方案

WordPress升级后发现速度很慢,查询是use.fontawesome.com 加载速度慢造成。

排查方法:停用所有插件,看是否是主题自带,然后逐个启用,确认是哪个插件影响。

经排查为 NextGEN Gallery ,

参考:https://wordpress.org/support/topic/disable-awesome-fonts-in-nextgen-gallery/

目录位置:nextgen-gallery\products\photocrati_nextgen\modules\nextgen_gallery_display

参考官方教程:https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself

换成了本地服务器加载。

 

 

floatmenu 增加鼠标移上图像的实现方法

近来更新插件,结果发现以前的鼠标移上的微信图显示效果没了。
查看值发现引号加了过滤斜线\ , 这个解决方案之一就是属性值不加引号。

另外借用CSS

li.fm-item-1-2:hover::after {
    content: url(‘/wp-content/uploads/2019/06/wuhanwx.jpg’);
}

也可以实现类似的功能。

记录一次wordpress网站故障的解决-建立数据库连接时出错

访问首页,显示建立数据库连接时出错,我登录管理后台,显示数据表要修复。

然后提示:web-config.php需要增加 define(‘WP_ALLOW_REPAIR’, true);

结果是这样并不能完全修复。

“wp_usermeta”数据表有问题。报告的问题是:1 client is using or hasn’t closed the table properly。WordPress正在尝试进行修复…
无法修复wp_usermeta表。错误消息:1 client is using or hasn’t closed the table properly

然后转战宝塔面板中,数据库,工具中来修复。一切顺利。

betheme主题碰上了字体不显示Access to font at ~from origin

Access to font at ~from origin has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
Failed to load resource: net::ERR_FAILED

话说这几乎同上篇文章一样, 但操作系统,这次用的是win2008搭建的。

<system.webServer>
   <httpProtocol>
     <customHeaders>
       <add name="Access-Control-Allow-Origin" value="*" />
     </customHeaders>
   </httpProtocol>
</system.webServer>

web.config中添加上面一段,注意如果有节点,添加至对应的节点中。

avada主题,wordpress中fontawesome字体不显示Access to font at ~from origin

Access to font at ~from origin has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
Failed to load resource: net::ERR_FAILED

解决方法 :
.htaccess 文件尾部增加

# Apache config
<FilesMatch ".(eot|ttf|otf|woff)">
 Header set Access-Control-Allow-Origin "*"
</FilesMatch>

文章来源参考:https://theme-fusion.com/documentation/avada/how-to/fix-missing-font-awesome-icons-or-custom-fonts/

网站上的设计类网站虚拟水印去除

网站上的设计类网站虚拟水印去除,这是国外的一个网站,就不公布具体网址了,提供思路:
Chrome的插件:Download All Images 用它来找到水印的文件名。
网页另存,找到对应的 CSS文件 ,用sublime一次打开,搜索全部打开文件 ,找到对应的文件名的CLASS或ID。
然后控制它。

document.getElementById("watermark").style.backgroundImage ="url('')";
document.getElementById("bg").style.backgroundImage ="url('')";
document.getElementsByClassName("preview")[0].style.backgroundImage ="url('')";

WIN10用powershell命令行中操作MYSQL数据库

我用的PhpStudy搭的环境,MYSQL目录为:D:\phpstudy_pro\Extensions\MySQL8.0.12\bin
进入此目录
按着Shift右键在空白处点击,如下图:

.\mysql mysql -u root -p

回车后输入密码,即进入MYSQL命令行操作。

SHOW DATABASES;

显示数据库

create database lunji;

创建数据库lunji

javascript判断当前网址,来实现html中的right here的功能

 

            let nowUrl=this.location.pathname;
            //alert("Now page url:"+nowUrl);
            for(let i=0;i<navDom.length;i++){
                let linkUrl=navDom[i].getElementsByTagName("a")[0].getAttribute("href");
                if(nowUrl.indexOf(linkUrl)>0){
                    navDom[i].classList.replace("nav-item","active");
                }
                //alert(linkUrl);
            }

 

示例