涂鸦一个favicon

今天看这篇文章时候，看到示例代码在终端的结果如下:

GET / HTTP/1.1
Host: localhost:9999
Connection: keep-alive
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.152 Safari/537.36
Accept-Encoding: gzip, deflate, sdch
Accept-Language: zh-CN,zh;q=0.8,en;q=0.6
Cookie: csrftoken=sBvCVUzotPqq7jaeE52zOK3caXkMldSD


GET /favicon.ico HTTP/1.1
Host: localhost:9999
Connection: keep-alive
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.152 Safari/537.36
Accept: */*
Referer: http://localhost:9999/
Accept-Encoding: gzip, deflate, sdch
Accept-Language: zh-CN,zh;q=0.8,en;q=0.6
Cookie: csrftoken=sBvCVUzotPqq7jaeE52zOK3caXkMldSD

我明明只是请求了根目录，Chrome却把/favicon.ico也一起请求过来了，不过没有设置favicon，就是空的。于是在tree house里看看如何设计一个favicon，发现一个有意思的web应用--X-Icon, 可以随意画画，画出来一个favicon,我也画一个玩玩:

新建一个HTML，代码如下，并把下载来下的favicon.ico放到一个目录下，打开的时候就有自己的网页图标了:
<link href="favicon.ico" rel="shortcut icon"/ >

这个宝贝还是挺好玩的，不过还是我随便画的图片更好玩一点，哈哈。