1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56---
layout: post
title: "用技术乱炖Jekyll之四：个人链接"
date: 2013-12-21 14:00:00
category: column1
summary: "本篇主要示范添如何加个人的链接，等等。"
---
先上个图：
红框内的就是要做的东西，可以 `git checkout -f step_5` 获取此步的代码。
这四个按钮示非常容易做的，就是四个 `<a><img></a>` ，写上`href`和`src`，配置一下`margin`间距就行。
这就样完了？No，这期这期主要乱炖找图标和特殊的个人链接。
## 图标获取
四个图标从哪里获取的？百度？
这里我可推荐一个非常好的获取图标的地方。
IcoMoon App：[http://icomoon.io/app/](http://icomoon.io/app/)
随着扁平化和间接风格的盛行，绝大图标是纯色的。
这个App里包含了很多类图标，你可以选择一些图片，然后设定大小和颜色，这样你就能下载SVG和PNG的图片，也可以下载相应字体。
以后，不管做web项目还是手机项目，都可以从这里找图标。
## 个人链接
我弄了四个链接：
第一个是微博的，链接是你微博的个人主页，链接可以是：
* `http://weibo.com/n/你的昵称`
* `http://weibo.com/u/你的id`
* `http://weibo.com/个性域名`
* `http://weibo.com/你的微号`
第二个是QQ的，比较高级，点击后，如果你打开着QQ客户端，那么会唤起和我的聊天窗口。
它的链接是：`http://wpa.qq.com/msgrd?v=3&uin=你的QQ号&site=qq&menu=yes`
*注：你要去 [http://shang.qq.com](http://shang.qq.com) 设置一下，允许别人通过链接，唤起和你的聊天窗口，并发送消息。*
第三个是Git的，是个人也的地址，没什么可说的。
第四个示邮箱地址，`mailto:你的邮箱`。当你有邮件客户端的时候，点击此链接会唤起客户端。
你可以把你的微信、微博的二维码，等等东西通过各种形式添加到页面上，此处就不做更多说明了。
本节，完。