网站开启SSL

早就想给本站换上 HTTPS 的绿色安全图标，可一直把他想的太难，今天刚好看到 v2ex 上 兽兽（就是卖给老罗t.tt域名的家伙） 说 SSL.DO 今天有优惠才3美金（网上还有免费的SSL，不折腾了……），所以果断的下手买了，然后就是安装了。

第一步、生成CSR

在自己网站上招待以下命令，注意替换相关域名

openssl req -new -newkey rsa:2048 -nodes -out example_com.csr -keyout example_com.key -subj "/C=CN/ST=Beijing/L=Beijing/O=Google Inc/OU=Network Dept/CN=example.com"

得到 CSR 和 Key 文件小心将文件保存。

第二步、GET 完整的 SSL 证书

使用 cat 命令查看 CSR 文件内容，内容提交至 SSL.DO 后台相关地方。然后会通过你域名 WHOIS 中的邮箱来验证你的身份。来回几封邮箱搞定。会给你一个邮件发来 完整的 SSL 证书。

继续阅读“网站开启SSL”

广告杀手(S3)

广告杀手(S3)，您专业的广告屏蔽伙伴！还在为满屏的网站广告而烦恼嘛？还在为网站打不开而伤心嘛？还在为手机流量不够用的发愁嘛？马上使用广告杀手(S3)吧！用户表示使用之后没广告了，手机变快了，流量也够用了，更有甚者表示连人也变漂亮了！

本产品特点：

  • 去除烦人的网站广告
  • 针对中文用户量身定做
  • 加快网站打开速度
  • 节省手机流量
  • 使用 iOS9 Content Blocker 技术

PS： 仅支持 Safari 浏览器

下载地址：https://itunes.apple.com/cn/app/id1044586535

宣传漫画：

继续阅读“广告杀手(S3)”

WordPress开启AMP加速网站打开速度

AMP是什么？

WordPress怎么开启？

  1. WP安装 AMP 插件 ，激活
  2. WP后台 – 设置 – 固定链接 ，不用做任何修改，点 保存
  3. 然后在网站网址后添加 /amp/ 比如： https://s5s5.me/3348 有AMP的网址就是 https://s5s5.me/3348/amp/ (如果没有用固定链接功能就加 ?amp=1 )
  4. 访问 https://s5s5.me/3348/amp/

PS：

  • 这个插件才0.1版本，还有很多不足，比如不能应用到现有主题，只是新网址带了 AMP 加速……

WP开发初体会

最近做了不少的WP开发工作，记录一下：

有了点JAVA的基础学C#要快不少，买了本《C#入门经典》，基础的问题基本解决。

但WP开发类的书还比较少，买了一本，被同事评价不高，我也就不推荐了。

这里主要靠MSDN解决了，在 Visual Studio 中遇到不懂的东东，选中，按F1，跳到MSDN看文档，解决。

Visual Studio 也是非常的好用，当然还要装上 ReSharper 这样的神器。

因为是做 Windows 10 上的应用，所以还要装WIN10，这里网上办法很多，记得要加入 Windows Insider 。

与网页通讯互调

JS调用C#代码

window.external.notify("string")

C#响应网页中调用window.external.notify()

void Browser_ScriptNotify(object sender, NotifyEventArgs e)
{
    JSSdkLogger.Log("webBrowser_ScriptNotify:" + e.Value);

    if (e.Value.StartsWith("jsbridge"))
    {
        caller.Invoke(new Uri(e.Value));
    }
}

C#调用JS方法

InvokeScriptAsync("eval", string)

XAML与HTML类似，神奇的是他还提供了类CSS一样写样式的特性 继续阅读“WP开发初体会”

wp_commentmeta清空最好

最近发现原来 Vultr 可以选择在小日本的服务器，试了下速度果然比在美国的服务器 DigitalOcean 要快不少（没试他家在新加坡的服务器，听说是PING值不稳定），于是就把 BLOG 也迁过来了，但发现数据库有100多M（想想我自己还蛮得意的，老子弄出来100多M的大数据呢），但总导入到新BLOG的数据库时总出错，找大明一看，原来 wp_commentmeta 表中有字段重复，然后上网搜索一下 wp_commentmeta 这个表是 Akismet 插件造出来的，清空最好！

这下老子成SB了，数据库里90多M的数据就在这个 wp_commentmeta 表里，一清空打回原型了，原来我只写了不到10M数据，悲剧啊！

Apple客服不错

昨天因为忘记了Apple ID的密码提示问题，按页面指引提交了通话申请，然后过了一会儿就有Apple公司从上海打来了电话，总体感觉比国内遇到的客服电话体验要高上几个档次。

  1. 是Apple打给你，不是你打给他，虽然这个是他们的自动电话，但体验一下子就从你求人办事变成他们来给你解决问题了，换位。
  2. 接通后，你还可以选择马上和人工客服通话还是以后他们再打来，人性。
  3. 了解你的问题后，话术是先表示对你遭遇问题的理解，说他们非常了解我急切的心情，关怀。
  4. 解决完你的问题后，主动给你说一个使用iPhone的小技巧，给我说了电池要一个月用光一次这样才长久，这个我还真心不知道，超出预期。

牛逼啊！🍅☎️👏🏻👏🏼👏🏽👏🏾👏🏿👏

MAC中命令行运行Visual Studio Code

在 Visual Studio Code 的 Docs 中是写了怎么设置命令行运行Code的：

code () {
    if [[ $# = 0 ]]
    then
        open -a "Visual Studio Code"
    else
        [[ $1 = /* ]] && F="$1" || F="$PWD/${1#./}"
        open -a "Visual Studio Code" --args "$F"
    fi
}

但它写错应该修改的文件，在MAC中应该修改 ~/.bash_profile 文件。

修改之后还要运行一下 source ~/.bash_profile

但是，你如果还安装了 Oh My Zsh 的话，你应该修改 ~/.zshrc 文件！

好了，愉快的使用命令 code filename 吧！微软果然是最光怀程序猿的公司，没有之一。

viewport

目前来说viewport网上搜索到的用法大多都有问题。

<meta name="viewport" content="width=device-width">

这个问题就是如果你的一个定宽的页面（比如320px宽），那么在宽度超过320px的手机上两边会有黑边。

应对方案就是你别用定宽写法写页面了，用自适应写法，但这要设计师的配合和代码量的增加。

我研究了下viewport，发现其实他是自带一个缩放特性来做不同屏幕的兼容。

只需将 width=device-width 改为 width=320 （320是定宽页面的宽度，要保持一至，比如页面640宽时这里也就是640）即可使用viewport 来兼容不同屏幕。

<meta name="viewport" content="width=320">

继续阅读“viewport”

退出移动版