google chrome、firefox、IE浏览器的css阴影表现

google chrome浏览器截图

[caption id="attachment_299" align="alignnone" width="628" caption="google chrome浏览器文字阴影"]

[/caption]

firefox浏览器截图

[caption id="attachment_300" align="alignnone" width="628" caption="firefox浏览器文字阴影"]

[/caption]

IE浏览器文字无阴影效果

[caption id="attachment_298" align="alignnone" width="628" caption="IE浏览器文字阴影"]

[/caption]

对比三大浏览器的文字阴影渲染效果，firefox无疑是最好的，google chrome把文字做了平滑处理，但是12px中文做平滑实在是太糟糕了，中文字形结构的复杂性，以至于win7雅黑不得不使用14px。IE的版本为6,8和9尚未测试，是否支持阴影待后续测试

其他案例

wordpress xml 导出到Google blogger插件，简单好用

wordpress xml 导出到Google blogger插件，简单好用下载地址：https://cn.wordpress.org/plugins/export-to-blogger/

开启blogger默认的标签是关闭状态

google blogger标签在默认状态是关闭，需要点击一次操作才能打开。现在我们需要直接显示 1、进入html编码，找到 <b:attr cond='data:view.isLabelSearch' name='open' value='open'/> 2、删除中间 cond='data:view.isLabelSearch' 即可

1、进入命令输入： cd /usr/local/vesta/data/templates/web wget http://c.vestacp.com/0.9.8/rhel/force-https/nginx.tar.gz tar -xzvf nginx.tar.gz rm -f nginx.tar.gz 2、进入vestacp用户方案，编辑默认模版 3、代理模版改为force-https 4、修改域名代理模版

blogger条件判断

<b:if cond="data:blog.pageName == "页面名称""> 执行代码内容 </b:if> 根据不同页面名称来判断，放置不同的模版，比如头部banner

.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; } .code:hover { background-repeat:no-repeat; }

优化blogger在国内访问几个要点

1、屏蔽官方自动加载将 <head> 替换为 <head> 将 </head> 替换为 </head> 将 </body> 替换为 </body> 2、js资源替换将原生的<b:template-script async='true' name='indie' version='1.0.0'/>注释掉，替换为自己的 <script async='async' src='你的网址/themes/Contempo/js/3311276799-indie_compiled.js'/> 3、图标、头像设置找到class='profile-img' < img class = 'profile-img' expr:alt = 'data:messages.myPhoto' expr:height = 'data:authorPhoto.height' expr:src = 'data:authorPhoto.image' expr:width = 'data:authorPhoto.width' /> 替换为 < img class = 'profile-img' src = "你的头像外链地址" > 感谢陈YFの博客(￣▽￣)" 提供 https://blog.cyfan.top/p/620f3e8d.html

转:在搜索引擎中注册网站

做好搜索引擎优化（ SEO ），第一步就是要把自己的网站在主要搜索引擎上进行注册。以下是我收集的主要搜索引擎的注册地址： Google: http://www.google.com/addurl/?continue=/addurl Baidu: http://www.baidu.com/search/url_submit.html Yahoo: http://search.help.cn.yahoo.com/h4_4.html MSN: http://beta.search.msn.com/docs/submit.aspx Alexa: http://www.alexa.com/site/help/webmasters 谷歌: 直接沿用Google的注册网站 SoSo: 直接沿用谷歌的注册网站 SoGou: http://db.sohu.com/regurl/regform.asp?step=regform&class = Tom: http://search.tom.com/tools/weblog/log.php 爱问： http://www.iask.com/guest/add_url.php 中搜： http://ads.zhongsou.com/register/page.jsp 一搜： http://www.yisou.com/search_submit.html?source=yisou_www_hp 有道：未发现入口快速注册20个国外顶级搜索引擎： http://www.trafficzap.com/searchsubmit.php

网站首页快速设置黑白(css)，针对特殊悼念场景应急

html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); }

解决blogger缩略图需要科学上网的问题

1、找到blogger源码中所有缩略图（data:post.featuredImage）的代码区，修改为以下代码： <b:if cond='data:post.featuredImage'>  <div class='snippet-thumbnail'>  <img class='post-thumbnail' sizes='(max-width: 800px) 20vw, 128px' src='../loadingimg.gif'/>  <textarea class='post-text' style='display:none;'><data:post.body.escaped/></textarea>  </div> </b:if> 2、将 JS 代码放置于 </body> 标签前： <b:if cond='data:blog.pageType in {"index","searchQuery","searchLabel","archive"}'>  <script defer='defer'> //<![CDATA[ var postThumbnails = document.getElementsByClassName("post-thumbnail"); var postContents = document.getElements

Firefox必备两个工具:

Firefox必备两个工具: foxmaks bookmark synchronizer 2.72收藏夹同步,再也不用导入导出了 http://www.foxmarks.com/ tab mix plus一个很好的标签工具,对于URL栏输入新开tab很方便,类似The world浏览器 http://tmp.garyr.net/

搜索本站：