自定义 Twenty Seventeen 页头媒体

依然是个性化了 WordPress 新的默认主题。这次的修改主要是修改页头部默认的那个图片。虽然 WordPress 的自定义设置可以修改随机图片和视频展示,但是如果可以从 bing 或者其他的地方获取更加随机性、有意思的图片呢?
一下改造是提取 bing 每天的背景图片,然后展示在咱们的页头。

bing的图片每天都会更新,并且国内的主要是以风景为主,没有什么出格的图片,适应性比其他风格要容易接受点。主要是访问也快。

主要的就是从 http://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1 获取到每日图片的 url ,页面提供的 json 格式,但是我这里没有解析 json ,而是直接通过正则取得里边 url 地址。
url里边的参数format=js则输出json格式,不写则会输出xml格式;dix为获取图片的时间。0为今天,-1为明天,1为昨天等等等等。
没有缓存到本地,不知道对这个接口有没有调频率、次数等限制,暂且这样吧。
继续阅读“自定义 Twenty Seventeen 页头媒体”

不一样的免插件实现URL外链GO效果

很多时候需要在站内做外链的跳转,既想留住连接并且又不希望访客看到目标页面的地址。
实现起来有很多方法,比较简单的是使用插件,推荐的有Simple URLs、Go Codes等。
虽然插件很方便,但是我这里说的是另外一个免插件的方法,无插件的话写htaccess也可以,但是无法在 WEB 端快捷的编辑。
先说我想要的需求:
1、容易部署
2、容易管理
3、隐藏目标地址
4、统计(没有实现代码)
继续阅读“不一样的免插件实现URL外链GO效果”

php 制作图片占位 Placeholder

图片占位这个功能真是在网上遍地都是,各有特点,但是考虑到网站项目外链及访问问题,所以还是自己写一个吧。也可以用那个国产的js的。
根据自己的需求分为以下几个字段
/500×500(图片尺寸)/ffffff(背景颜色)/000(文字颜色)/text(自定义文字)
其中的颜色可以使HEX或者RGBA(RGBA中a支持0-1之间的小数或者1-127的数字,1比较特殊,为完全透明。)

继续阅读“php 制作图片占位 Placeholder”

处理linux乱码文件名的方法

有的时候用wget、curl下载完文件,没有改名的话,发现有的文件名包含?还有一些乱七八糟的字符,当你想处理的时候才发现有了难度
比如
PPT??%99??%88?%88%88?%99%99?%99??%88?.iso?wtf=-1897402368
Win10_1511_1_Chinese(Simplified)_x64.iso?t=a46932f8-045e-4435-8037-d2ad84703fba&e=1459491289&h=57c15ed5a7ee08d5a7f306a67697dddf

有问号就难了,直接写文件名无法处理。
首先通过

ls -i

印出每个文件的 inode 号

393619 1.tar.gz
394000 PPT??%99??%88?%88%88?%99%99?%99??%88?.iso?wtf=-1897402368
393770 Win10_1511_1_Chinese(Simplified)_x64.iso?t=a46932f8-045e-4435-8037-d2ad84703fba&e=1459491289&h=57c15ed5a7ee08d5a7f306a67697dddf
393999 lame3.99.5-64.zip

然后

find ./ -inum 393999 -print -exec rm -rf {} \\; #删除
find ./ -inum 393999 -print -exec mv {} new.gz \\; #改名

黑白小像素图片

下边放两个 Base64 后的1×1像素的透明GIF图片。

//白色透明

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">

//黑色图片

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=">

折腾人的四个字符77u/

弄了小半天,找不到导出的问题,excel显示乱码,wps倒是没事。
后来突然想到了 BOM 这个问题,通过对文件 base64 编码之后,发现有无 Bom 差别就在 base64,77u/ 这字符上,然后在原来的base64,后边添加77u/

data:application/vnd.csv;base64,77u/5YWs5Y+46YOo6...

中文乱码解决!

据说不含 BOM 的 UTF-8 才是标准形式,在 UTF-8 文件中放置 BOM 主要是微软的习惯,UTF-8 和 带 BOM 的 UTF-8 的区别就是有没有 BOM。即文件开头有没有 U+FEFF。编译成base64 则为 77u/。
继续阅读“折腾人的四个字符77u/”

用 Canvas 生成彩色三角形随机背景

思路是网上已经流行了一阵的多边风格(Low Poly),这次想用类似的样式做一个背景图,换个博客的背景,考虑三角形见棱见角,尖尖比较多,做背景的话效果不错。JS和Canvas很好玩,就用这个了。

其实最后做出来的也不是多边风格,应该叫多堆叠彩色三角形,哈。

主要运用了 js 在页面的宽高的范围内,循环随机生成起点、二个顶点和颜色,然后用 canvas 画个有颜色带 Alpha 三角形。
然后利用 canvas 提供了 toDataURL 的接口,将 canvas 画布转化成可以当图片显示的 base64 编码。
继续阅读“用 Canvas 生成彩色三角形随机背景”

免费的中文字体

网上免费的英文字体很多,但是中文的就是凤毛麟角了,我的理解就是,外文字体很多都是26个字母加一些标点符号,一般都在十几到几百K,而中文制作起来费事费力,一般都是大几M甚至10多M,可见中国文化的博大精深。

既然是凤毛麟角,那说明还是有一点点可以免费用的,还有一些价格不高的字体,比如方正字库的2元起的字体 http://fangzhengziku.taobao.com
下面主要介绍免费或者开源的字体。
继续阅读“免费的中文字体”