Category: IT Notes

05
Nov
2021

Centos 8 安装php8

sudo dnf update sudo reboot sudo dnf install -y epel-release sudo dnf install -y  http://rpms.remirepo.net/enterprise/remi-release-8.rpm sudo dnf install -y dnf-utils sudo dnf module reset php sudo...

03
Nov
2021

Cloudflare ssl+Nginx setup

在Cloudflare創建ssl,然後在server 創建cert.pem/key.pem:https://markontech.com/servers/configure-origin-cloudflare-ssl-with-nginx/sudo nano /etc/pki/tls/certs/cert.pem/etc/pki/tls/certs /etc/ssl/pki/tls/certs/listen 443 ssl http2; Step 1. Register cloudflare accountStep 2. Rename the domain name server on alicloud domain setting fromns7.alidns.comns8.alidns.comtoirma.ns.cloudflare.comnash.ns.cloudflare.com Step 3....

01
Nov
2021

Google search console 移动设备易用性 error

Research: https://www.moxiaojiu.com/1297.html 谷歌移动设备易用性提示”可点击元素之间的距离太近”  发表评论  2,277 A+ 所属分类:随笔杂谈 随着移动网站的流量日益增大,拥有适合移动设备的网站是提升网站影响力的重要因素,谷歌等搜索引擎也大力加强移动端的搜索体验,不过,很多桌面版网站在移动设备上可能不太容易浏览及使用。因此,拥有适合移动设备的网站是提升在线影响力的重要因素。为了方便网站站长对于原有桌面网站在移动设备上的优化,谷歌推出了“移动设备易用性”工具来帮助站长优化网站。 工具使用方法 注意,这个好用的工具用的是Google域名,需要翻墙才能访问,如果你不会翻墙,那么请忽略并跳过此文。 整个网站测试: 访问Google Webmaster,在该工具里添加网站,即可对整个网站的所有页面进行移动设备易用性测试。 单个网页测试: 移动设备适合性测试工具:https://search.google.com/test/mobile-friendly 打开这个网址后,将需要测试的网页的完整网址输入,点击运行测试,系统就会抓取网页并进行测试追踪,通常测试过程不会超过一分钟。 测试结果包括以下两个部分:相应网页在移动设备上所呈现的样貌的屏幕截图,以及该工具发现的所有移动设备可用性问题的列表。与在移动设备上的易用性有关的问题是指会对使用移动(小屏幕设备访问相应网页的用户造成影响的问题,包括字体过小(在小屏幕上很难看清楚和使用Flash(大多数移动设备都不支持Flash等等。 有时候,测试结果展示的屏幕截图并不正常,可能是测试无法加载相应网页所用的所有资源,会显示“网页包含无法加载的资源”的警告消息,这些资源是指网页包含的外部元素,如图片、CSS 或脚本文件。导致出现该问题的最主要原因可能是网站站长设置robots.txt禁止搜索引擎访问相应资源,只需修改robots.txt,取消禁止搜索引擎访问此资源即可。 工具优化指南 移动设备适合性测试工具能检测出下列可用性错误,我们可以针对对应错误进行一一修改,具体的优化修改方法如下: 1、使用了不兼容的插件 页面使用了Flash等插件,将Flash删除,或者使用HTML5来替代即可。 2、未设置视口 网页未定义viewpt属性,只需要在网页头部增加如下一行即可。 <meta...

27
Oct
2021

CSS style setup

1.Div 设置CSS 背景透明: div {  background: rgba(76, 175, 80, 0.3) /* Green background with 30% opacity */} 2.设置图片width and height: <img src=”img_girl.jpg” alt=”Girl in a jacket” width=”500″ height=”600″>