[米随随] s5s5 - 第5页共155页 - 本站是基于人类交互的，您的想象决定了我们的应用！

网站升级日志0525

原来这篇文章的草稿 5 月 25 日就有了，那么标题就不改了，最近因为在使用 HTTPS 后，网站速度太慢，想想我也是拥护热爱我党我国，所以就把网站又迁回国内，当然更要使用腾讯云，内部有个 8 折优惠，一年下来 400 多，和用 5 刀一月的 VPS 差不多，而且速度快，帮你备案，更可以体验业务，吃自己的狗粮（现在我又在跟腾讯云的业务啦~~~大家快来买啊，哈哈哈~~~）……大家如果要买的话，点此链接，我也可以收到一点返利，呵呵。

迁移腾讯云

迁移其实蛮简单的，好像买了就可以用，但要备案，这个花了二周时间，但你备多久，腾讯云就送你多久，也是可以的。体验了下，除了速度快，腾讯云这边有一些快照、防DDoS、安全组什么的功能，可以让网站更安全一些。还可以学习一下如何大厂是怎么做服务器安全的，呵呵。

AMH面板

做为懒人，懒的配置服务器，所以买了 AMH面板，一个月 5 块，好处是除了帮你配置常用环境，他还有各种升级，网上一有什么 NginX 1.10 （支持HTTP/2）、PHP 7 的正常稳定版，你就使用了，点几点即可，不用对着黑屏打半天代码，有什么搞不定的，可以提工单。可以用以下命令安装……（你用这个命令，我又可以收到一点返利）

wget http://amh.sh/amh.sh && bash amh.sh acc 2537 2>&1 | tee amh.log 继续阅读“网站升级日志0525”

GFWListToSurgeRule.js

之前做的一个小工具，转 GFWList 为 Surge Rule 。访问时会去 GFWList 拉最新的，然后转化。做了本地缓存，如果二次访问不超过 6 小时，直接用缓存的。

使用地址

http://s5s5.github.io/GFWListToSurgeRule.js/

使用说明：

不建议再用 GEOIP ，同时 FINAL 用 DIRECT，因为已经精确把该代理的都代理了。
问过作者得知四千条规则在性能上不存在问题。

源码

https://github.com/s5s5/GFWListToSurgeRule.js

HTTPS站引用腾讯公益404

腾讯公益404 ~~并不支持 HTTPS 站点的引用~~已经支持HTTPS，直接拉 https://qzone.qq.com/gy/404/data.js，以下为原解决方案：

为了公益事业研究了下，发现只要拉到 http://qzone.qq.com/gy/404/data.js 数据即可，但 HTTPS 站是不能直接拉非安全协议内容，所以还要在自己网站上用一个 PHP 做中转，如下：

<?php
header('Content-type: text/javascript');
$filename = 'data.js';
clearstatcache();
$lastTime = filemtime($filename);
$nowTime = time();
if ($nowTime - $lastTime > 604800) {
    $url = 'http://qzone.qq.com/gy/404/data.js';
    $html = file_get_contents($url);
    echo $html;
    $file = fopen($filename, "w");
    fwrite($file, $html);
    fclose($file);
} else {
    readfile($filename);
}

然后就是，用 JS 读数据显示了，不多说，我的代码如下：

jQuery.getScript("https://qzone.qq.com/gy/404/data.js", function () {
    var max = jsondata.data.length;
    var num = Math.round(Math.random() * max);
    var picUrl = jsondata.data[num].child_pic;
    var moreUrl = jsondata.data[num].url;
    var more = ' <a href="' + moreUrl + '" target="_blank">查看详情</a>';
    var name = '<strong>' + jsondata.data[num].name + '</strong>';
    var sex = '（' + jsondata.data[num].sex + "）" + '，';
    var birthTime = '出生日期：' + jsondata.data[num].birth_time + '，';
    var lostTime = '失踪时间：' + jsondata.data[num].lost_time + '，';
    var lostPlace = '失踪地点：' + jsondata.data[num].lost_place + '，';
    var childFeature = '失踪人特征描述：' + jsondata.data[num].child_feature;

    $('h2').text("你访问的页面找不回来了，但是我们可以一起寻找失踪宝贝");
    $('.img-responsive').attr("src", picUrl);
    $('p.text-muted').addClass('text-left').html(name + sex + birthTime + lostTime + lostPlace + childFeature + more);
});

效果：https://s5s5.me/gongyi404

Chrome显示中文系字体之不同

在 Windows 7 及以上 Win 系统
当你的 CHROME 语言（chrome://settings/languages）设置为 中文（简体中文）
当 HTML 文件头部为 <html lang="zh-HK"> <html lang="zh-TW"> 浏览器默认字体（原来宋体）会变为 微软正黑体 （如下图所示）
更神奇的事情在于当你的 CHROME 语言设置为 中文（繁体中文）
当 HTML 文件头部为 <html lang="zh"> <html lang="zh-CN"> <html lang="zh-MO"> <html lang="zh-SG"> 浏览器默认字体（原来新明细体）会变为 微软雅黑 （如下图所示）
这里是测试DEMO

年终总结2015

2015年是变化的一年！

今年的工作从 Qzone 到 WindowPhone QQ 再到 Qcloud 总算是稳定了下来，而且不再是跨地域支持，还是非常好的。希望大家多多支持腾讯云，腾讯云非常给力哦！

今年获得了一笔风投（一年 Apple 开发者账号费用），用于 iOS App 的开发，目前上线了三个 App 但还没有盈利，希望投资人不要打我……

今年网站换到了小日本的服务器上，速度提升，同时开启 SSL，提升了网站逼格……

今年搬到了新家，痛苦的装修过程，所有的细节都不能让你省心啊……

儿子上了幼儿园，看着他的成长，才明白原来人生的终极奥义在于 DNA 的延续过程……

2015即将结束！

2016，我来了！！！

网站开启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是什么？

请学习 AMP，来自 Google 的移动页面优化方案
请学习 Accelerated Mobile Pages Project

WordPress怎么开启？

WP安装 AMP 插件，激活
WP后台 – 设置 – 固定链接，不用做任何修改，点保存
然后在网站网址后添加 /amp/ 比如： https://s5s5.me/3348 有AMP的网址就是 https://s5s5.me/3348/amp/ (如果没有用固定链接功能就加 ?amp=1 )
访问 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开发初体会”

Firefighting(S1)上架

Firefighting(S1) 是我的第一款 APP，使用 Swift 语言，S1 是项目名称，从0到0.01这是一个从无到有的过程，感谢家人的鼓励和投资人的鞭策。

继续阅读“Firefighting(S1)上架”