inspire

在服务器端将SPA网页转为图片

用Canvas绘制富文本图形太麻烦了，特别是文字的排版，换行和对齐并没有HTML那么容易。如果能将网页转为图片该多好。

HTTP CORS 与 OPTIONS 方法的关系

HTTP预检（preflight）请求是在跨域请求（CORS）发起之前由浏览器自动发起的检查服务器是否支持跨域，以及确定服务器端跨域请求支持的方法和路径的流程。

CSS中行高的计算

今天遇到了行高与设计稿容器大小的问题，如果按照设计稿的容器高度和行高，文字必定会溢出。需要灵活应用容器的高度与外边距调整高度。

CSS和SVG绘制爱心树

本文是CSS动画相关的技术，一些简单的动画可以直接使用CSS来制作，减少js代码。

Web前端压缩中文字体

前端开发压缩处理中文特殊字体，减小字体大小，加快加载速度

常用的开发工具

工作中觉得比较好用的工具或命令，解决特定的小困难，提升开发效率

AHK 快捷键切换全局代理设置

使用AHK的快捷键切换是否使用系统代理，编写代码可以实现更多功能。

Firebase 博客访问计数器

一直想给博客添加计数器，考察了几个方案后决定自己实现一个计数器。

Vue 动态排序

查找setTimeout的资料，发现一个用排序来测试性能的方法，遂实现了一个最简单的冒泡排序

Vue Router 路由懒加载中loading状态的处理

Vue Router 支持懒加载，对首屏的加载速度有很大的帮助。美中不足的是没有像异步组件那样处理加载过程中的状态。

Promise 异步编程

JavaScript 的异步回调是很重要的一个特性，而Promise和async与await的出现更是方便解决异步编程的困难

jsDelivr CDN 使用Github源

怎样让博客引用的CSS和JS资源使用CDN加速？使用jsDelivr的服务配合Github即可实现CDN加速。

CSS 实现Checkbox的图标效果

用CSS和图标代替原生的checkbox，保留原有功能。

OpenWRT chnroute.sh

自己改进的chnroute.sh脚本，实时下载批量导入，通过静态路由处理了启动时VPN连接未建立导致wget失败的情况。

OpenWRT 配置 WireGuard，实现PS4 NAT2

OpenWRT 配置WireGuard VPN，PS4联机NAT2，静态路由下载加速

搭建 WireGuard VPN Server

WireGuard 是一个处于实验开发阶段的网络层VPN。它使用非对称加密技术，使用UDP封装IP数据包，创建类型为WireGuard的虚拟网络接口，运行在Linux内核层，资源占用小，相比OpenVPN配置简单，性能更好。

Vultr 账号间转移快照

怎样在Vultr不同账号间转移VPS快照？Vultr官方没有提供方案，虽然提供了导入RAW格式的快照功能，但没有导出RAW快照的功能🙃，本文介绍了使用Live CD和SSH命令实现导出的方法。

搭建HTTPS Proxy

Update: 稳定使用6个多月，目前推荐使用TunSafe，方便非浏览器应用。如确实需要HTTPS Proxy，推荐使用Caddy 安装方法:curl https://getcaddy.com | bash -s personal http.forwardproxy，不要忘记安装http.forwardproxy插件。 https://your-domain.com { #Your website here root /opt/www/html } http://proxy.your-domain.com:

WordPress wp_signon() 函数在SSL连接下无法登录后台

wp_signon函数中secure cookie导致http和https无法同时登陆的问题。

批量转换文件为PDF的方法

本文介绍两种批量将docx格式文件转换为PDF文档的方法，一是使用CloudConvert，二是使用libreoffice。

ASCII Art 字符图形

在纯字符界面上显示由字符组成的图形，包括Web Console，Linux Terminal。

验证远程主机SSH指纹

第一次通过SSH建立到远程主机的连接，总是会询问主机的指纹是否正确，应该怎样确认指纹是正确的呢？指纹又是怎么来的呢？

Nginx 防止IP扫描

通过Nginx `listen 80 default_server` 和 `server_name _` 将没有正确Host的请求引入受限的虚拟主机，并且限制请求的频率，可以达到欺骗扫描程序，并且减轻后端压力的效果。

Cloudflare SSL CDN

Cloudflare 是一个支持SSL的CDN服务，提供免费的TLS加密方案。https://www.cloudflare.com/ssl/。

webpack 代理返回 404，changeOrigin的原理

当通过代理访问托管在Google的一个HTTPS API接口时，不是RESET就是提示404 Not Found，而直接访问是没有问题的。设置changeOrigin: true可以解决问题。