/ 博客

一些跟网站相关的好东西

记录、以及推荐一下最近折腾博客用到的一些网站/工具。

高质量图片

博客首页,和文章配图,对网站整体的风格影响很大。

  • [Walllhaven](http://alpha.wallhaven.cc/) 这是个壁纸站,质量非常高。(另外有 NSFW 内容)。[Wallbase.cc](http://wallbase.cc) 的继承者

    查看网页在不同设备上的显示效果

    稍微有点追求就得做移动端的适配吧。这两个网站的工具很有用,不用买 iPhone 6S 就能知道我的页面在 iPhone 6S 上是什么样子了。

    网站速度检测

    打开一个页面经过 DNS 解析、建立 TCP 连接、数据传输、页面加载等过程,这些工具可以检测网站哪里是瓶颈,哪里可以进行优化,比如服务器响应时间、gzip 压缩开启、合并多个 css 或者 js 文件、页面各种元素的加载顺序对速度的影响,等等。

    • PageSpeed Insights Google 出品,除了速度检测,还能检查移动端的适配做得怎么样,属于评分中的“用户体验”这一项。比如它会建议网页上两个按钮的距离不要太小,容易按错。不过也不要太当回事,有些网站“用户体验”能得 100 分,但是丑得不像话(http://sunzhongwei.com),估计是照本宣科的结果。
    • Website speed test Pingdom 的工具
    • WebPagetest 很老的网站性能测试工具

    SSL

    • SSL Server Test 检查 HTTPS 的部署情况,争取拿到 A+。
    • StartSSL 可以免费申请 SSL 证书的地方
    • Let’s Encrypt 很多大厂在背后的一个项目,目标把 HTTPS 的部署变得简单,免费,推动 HTTPS 的普及,2015 年 11 月全面开放。

    其他

    • IcoMoon App 制作自己的 Icon Font。这个博客文章下方的分享到微博、QQ 的图标是从 Font Awesome 找出来的,通过 IcoMoon App 把这两个图标和原本 casper 主题自带的图标字体文件进行了合并。