通知设置 新通知
Add Expires headers
Leo 发表了文章 • 0 个评论 • 3837 次浏览 • 2018-03-27 11:03
Expires headers 告诉浏览器是否应该从服务器请求一个特定的文件或者是否应该从浏览器的缓存抓住它。Expires headers 的设计目的是希望使用缓存来减少HTTP requests的数量，从而减少HTTP相应的大小。
Expires headers 中的 Expires 说明了 Expires headers 是有时间限制的，只有在这个指定的时间期限内，浏览器才会从缓存读取数据，而超过这个时间期限，再次访问同一个页面时浏览器还是会向服务器发起 HTTP requests，从服务器端下载页面所需的文件。
HTML 文件不要设置 Expires headers。实际的开发经验告诉我，给HTML文件添加 Expires headers 会带来很多的麻烦。即便你要添加 Expires headers，也尽量设置较短的过期时间。这一点在 PageSpeed 的 Leverage browser caching 规则中也明确提到了：
In general, HTML is not static, and shouldn’t be considered cacheable.
知道要缓存哪些资源文件后，接着就是预判这些文件的变更频率，设置合适的过期时间。还是前面的原则，变更频繁的 Expire 时间就越短，不怎么变动的就可以设置长的过期时间，也就是落实“永不过期”的原则。
接下来就是在服务器端设置 Expires headers 了，这里以Apache服务器为例，我们在 .htaccess 文件中配置（.htaccess是跟目录下的一个隐藏文件）添加如下代码：
<IfModule mod_expires.c>
# Enable expirations
ExpiresActive On
# Default directive
ExpiresDefault "access plus 1 month"
# My favicon
ExpiresByType image/x-icon "access plus 1 year"
# Images
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
# CSS
ExpiresByType text/css "access plus 1 month"
# Javascript
ExpiresByType application/javascript "access plus 1 year" </IfModule>
查看全部
Expires headers 中的 Expires 说明了 Expires headers 是有时间限制的，只有在这个指定的时间期限内，浏览器才会从缓存读取数据，而超过这个时间期限，再次访问同一个页面时浏览器还是会向服务器发起 HTTP requests，从服务器端下载页面所需的文件。
HTML 文件不要设置 Expires headers。实际的开发经验告诉我，给HTML文件添加 Expires headers 会带来很多的麻烦。即便你要添加 Expires headers，也尽量设置较短的过期时间。这一点在 PageSpeed 的 Leverage browser caching 规则中也明确提到了：
In general, HTML is not static, and shouldn’t be considered cacheable.
知道要缓存哪些资源文件后，接着就是预判这些文件的变更频率，设置合适的过期时间。还是前面的原则，变更频繁的 Expire 时间就越短，不怎么变动的就可以设置长的过期时间，也就是落实“永不过期”的原则。
接下来就是在服务器端设置 Expires headers 了，这里以Apache服务器为例，我们在 .htaccess 文件中配置（.htaccess是跟目录下的一个隐藏文件）添加如下代码：
<IfModule mod_expires.c>
# Enable expirations
ExpiresActive On
# Default directive
ExpiresDefault "access plus 1 month"
# My favicon
ExpiresByType image/x-icon "access plus 1 year"
# Images
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
# CSS
ExpiresByType text/css "access plus 1 month"
# Javascript
ExpiresByType application/javascript "access plus 1 year" </IfModule>
查看全部
Expires headers 告诉浏览器是否应该从服务器请求一个特定的文件或者是否应该从浏览器的缓存抓住它。Expires headers 的设计目的是希望使用缓存来减少HTTP requests的数量，从而减少HTTP相应的大小。
Expires headers 中的 Expires 说明了 Expires headers 是有时间限制的，只有在这个指定的时间期限内，浏览器才会从缓存读取数据，而超过这个时间期限，再次访问同一个页面时浏览器还是会向服务器发起 HTTP requests，从服务器端下载页面所需的文件。
HTML 文件不要设置 Expires headers。实际的开发经验告诉我，给HTML文件添加 Expires headers 会带来很多的麻烦。即便你要添加 Expires headers，也尽量设置较短的过期时间。这一点在 PageSpeed 的 Leverage browser caching 规则中也明确提到了：
In general, HTML is not static, and shouldn’t be considered cacheable.
知道要缓存哪些资源文件后，接着就是预判这些文件的变更频率，设置合适的过期时间。还是前面的原则，变更频繁的 Expire 时间就越短，不怎么变动的就可以设置长的过期时间，也就是落实“永不过期”的原则。
接下来就是在服务器端设置 Expires headers 了，这里以Apache服务器为例，我们在 .htaccess 文件中配置（.htaccess是跟目录下的一个隐藏文件）添加如下代码：
<IfModule mod_expires.c>
# Enable expirations
ExpiresActive On
# Default directive
ExpiresDefault "access plus 1 month"
# My favicon
ExpiresByType image/x-icon "access plus 1 year"
# Images
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
# CSS
ExpiresByType text/css "access plus 1 month"
# Javascript
ExpiresByType application/javascript "access plus 1 year" </IfModule>
Expires headers 中的 Expires 说明了 Expires headers 是有时间限制的，只有在这个指定的时间期限内，浏览器才会从缓存读取数据，而超过这个时间期限，再次访问同一个页面时浏览器还是会向服务器发起 HTTP requests，从服务器端下载页面所需的文件。
HTML 文件不要设置 Expires headers。实际的开发经验告诉我，给HTML文件添加 Expires headers 会带来很多的麻烦。即便你要添加 Expires headers，也尽量设置较短的过期时间。这一点在 PageSpeed 的 Leverage browser caching 规则中也明确提到了：
In general, HTML is not static, and shouldn’t be considered cacheable.
知道要缓存哪些资源文件后，接着就是预判这些文件的变更频率，设置合适的过期时间。还是前面的原则，变更频繁的 Expire 时间就越短，不怎么变动的就可以设置长的过期时间，也就是落实“永不过期”的原则。
接下来就是在服务器端设置 Expires headers 了，这里以Apache服务器为例，我们在 .htaccess 文件中配置（.htaccess是跟目录下的一个隐藏文件）添加如下代码：
<IfModule mod_expires.c>
# Enable expirations
ExpiresActive On
# Default directive
ExpiresDefault "access plus 1 month"
# My favicon
ExpiresByType image/x-icon "access plus 1 year"
# Images
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
# CSS
ExpiresByType text/css "access plus 1 month"
# Javascript
ExpiresByType application/javascript "access plus 1 year" </IfModule>
wordpress网站被恶意攻击（大量访问xmlrpc.php）解决方法
Leo 发表了文章 • 1 个评论 • 5804 次浏览 • 2018-03-26 11:52
通过查看wordpress网站的日志发现，每天有大量的IP访问wordpress网站xmlrpc.php文件，这个文件本是wordpress程序方便用户进行远程发布的，基本上很少用到。但现在却有人恶意大量的访问这个wordpress网站xmlrpc.php文件，说明很不正常。
攻击原理
wordpress网站xmlrpc.php文件是一个远程端口文件，攻击者通过POST提交恶意大量的提交，不断的访问xmlrpc.php文件，形成DDOS攻击，致使网站服务器CPU过高停机，网站无法打开。
解决方法
解决wordpress网站xmlrpc.php文件被恶意攻击，最好的方法就是关闭掉自己网站xmlrpc.php文件。
方法如下：
第一步：在自己网站使用的wordpress模板中找到模板函数文件functions.php，当下面的代码粘贴进去。
add_filter('xmlrpc_enabled', '__return_false');
第二步：再通过.htaccess屏蔽xmlrpc.php文件的访问，这个文件是放在网站空间的根目录下。
<Files xmlrpc.php>
Order Deny,Allow
Deny from all
</Files>
通过以上二步的操作，就可以解决wordpress网站xmlrpc.php文件被恶意攻击的问题。在此建议使用wordpress程序建网站的朋友全部关闭掉xmlrpc.php文件，不要等到网站被恶意攻击了才去关闭。 查看全部
攻击原理
wordpress网站xmlrpc.php文件是一个远程端口文件，攻击者通过POST提交恶意大量的提交，不断的访问xmlrpc.php文件，形成DDOS攻击，致使网站服务器CPU过高停机，网站无法打开。
解决方法
解决wordpress网站xmlrpc.php文件被恶意攻击，最好的方法就是关闭掉自己网站xmlrpc.php文件。
方法如下：
第一步：在自己网站使用的wordpress模板中找到模板函数文件functions.php，当下面的代码粘贴进去。
add_filter('xmlrpc_enabled', '__return_false');
第二步：再通过.htaccess屏蔽xmlrpc.php文件的访问，这个文件是放在网站空间的根目录下。
<Files xmlrpc.php>
Order Deny,Allow
Deny from all
</Files>
通过以上二步的操作，就可以解决wordpress网站xmlrpc.php文件被恶意攻击的问题。在此建议使用wordpress程序建网站的朋友全部关闭掉xmlrpc.php文件，不要等到网站被恶意攻击了才去关闭。 查看全部
通过查看wordpress网站的日志发现，每天有大量的IP访问wordpress网站xmlrpc.php文件，这个文件本是wordpress程序方便用户进行远程发布的，基本上很少用到。但现在却有人恶意大量的访问这个wordpress网站xmlrpc.php文件，说明很不正常。
攻击原理
wordpress网站xmlrpc.php文件是一个远程端口文件，攻击者通过POST提交恶意大量的提交，不断的访问xmlrpc.php文件，形成DDOS攻击，致使网站服务器CPU过高停机，网站无法打开。
解决方法
解决wordpress网站xmlrpc.php文件被恶意攻击，最好的方法就是关闭掉自己网站xmlrpc.php文件。
方法如下：
第一步：在自己网站使用的wordpress模板中找到模板函数文件functions.php，当下面的代码粘贴进去。
add_filter('xmlrpc_enabled', '__return_false');
第二步：再通过.htaccess屏蔽xmlrpc.php文件的访问，这个文件是放在网站空间的根目录下。
<Files xmlrpc.php>
Order Deny,Allow
Deny from all
</Files>
通过以上二步的操作，就可以解决wordpress网站xmlrpc.php文件被恶意攻击的问题。在此建议使用wordpress程序建网站的朋友全部关闭掉xmlrpc.php文件，不要等到网站被恶意攻击了才去关闭。
攻击原理
wordpress网站xmlrpc.php文件是一个远程端口文件，攻击者通过POST提交恶意大量的提交，不断的访问xmlrpc.php文件，形成DDOS攻击，致使网站服务器CPU过高停机，网站无法打开。
解决方法
解决wordpress网站xmlrpc.php文件被恶意攻击，最好的方法就是关闭掉自己网站xmlrpc.php文件。
方法如下：
第一步：在自己网站使用的wordpress模板中找到模板函数文件functions.php，当下面的代码粘贴进去。
add_filter('xmlrpc_enabled', '__return_false');
第二步：再通过.htaccess屏蔽xmlrpc.php文件的访问，这个文件是放在网站空间的根目录下。
<Files xmlrpc.php>
Order Deny,Allow
Deny from all
</Files>
通过以上二步的操作，就可以解决wordpress网站xmlrpc.php文件被恶意攻击的问题。在此建议使用wordpress程序建网站的朋友全部关闭掉xmlrpc.php文件，不要等到网站被恶意攻击了才去关闭。
wordpress后台关闭插件更新提示
Leo 发表了文章 • 1 个评论 • 3775 次浏览 • 2018-03-20 15:28
将以下拷贝至主题目录下的functions.php文件中即可，这样强迫症患者们就看不到后台那些付费插件的更新了。（当然建议最好还是定期解除这个提示和检查，对一些免费插件进行更新）add_filter('pre_site_transient_update_core',create_function('$a',"return null;")); // 关闭核心提示 add_filter('pre_site_transient_update_plugins',create_function('$a',"return null;")); // 关闭插件提示 add_filter('pre_site_transient_update_themes',create_function('$a',"return null;")); // 关闭主题提示 remove_action('admin_init','_maybe_update_core');// 禁止 WordPress 检查更新 remove_action('admin_init','_maybe_update_plugins');// 禁止 WordPress 更新插件 remove_action('admin_init','_maybe_update_themes'); // 禁止 WordPress 更新主题
查看全部
查看全部
将以下拷贝至主题目录下的functions.php文件中即可，这样强迫症患者们就看不到后台那些付费插件的更新了。（当然建议最好还是定期解除这个提示和检查，对一些免费插件进行更新）add_filter('pre_site_transient_update_core',create_function('$a',"return null;")); // 关闭核心提示 add_filter('pre_site_transient_update_plugins',create_function('$a',"return null;")); // 关闭插件提示 add_filter('pre_site_transient_update_themes',create_function('$a',"return null;")); // 关闭主题提示 remove_action('admin_init','_maybe_update_core');// 禁止 WordPress 检查更新 remove_action('admin_init','_maybe_update_plugins');// 禁止 WordPress 更新插件 remove_action('admin_init','_maybe_update_themes'); // 禁止 WordPress 更新主题
PHP 使用静态变量（static var）进行效率优化
Leo 发表了文章 • 0 个评论 • 3823 次浏览 • 2018-03-12 10:47
使用场景：在一个 PHP 函数中通过复杂的计算获取到这个变量，然后这个函数会在页面中多次被调用。
function get_some_var(){
$var = complex_calculation();
return $var;
}
如果这个函数在页面中被调用3次，那么这个复杂的计算过程就会被执行3次。我们把 $var 定义成静态变量，就可以把这个过程优化：
function get_some_var(){
static $var;
if(!isset($var)){
$var = complex_calculation();
}
return $var;
}
查看全部
function get_some_var(){
$var = complex_calculation();
return $var;
}
如果这个函数在页面中被调用3次，那么这个复杂的计算过程就会被执行3次。我们把 $var 定义成静态变量，就可以把这个过程优化：
function get_some_var(){
static $var;
if(!isset($var)){
$var = complex_calculation();
}
return $var;
}
查看全部
使用场景：在一个 PHP 函数中通过复杂的计算获取到这个变量，然后这个函数会在页面中多次被调用。
function get_some_var(){
$var = complex_calculation();
return $var;
}
如果这个函数在页面中被调用3次，那么这个复杂的计算过程就会被执行3次。我们把 $var 定义成静态变量，就可以把这个过程优化：
function get_some_var(){
static $var;
if(!isset($var)){
$var = complex_calculation();
}
return $var;
}
function get_some_var(){
$var = complex_calculation();
return $var;
}
如果这个函数在页面中被调用3次，那么这个复杂的计算过程就会被执行3次。我们把 $var 定义成静态变量，就可以把这个过程优化：
function get_some_var(){
static $var;
if(!isset($var)){
$var = complex_calculation();
}
return $var;
}
在 WordPress 后台如何使用颜色选择器
Leo 发表了文章 • 0 个评论 • 3786 次浏览 • 2018-03-12 10:43
WordPress 后台默认已经集成了 jQuery UI 的颜色选择器组件（color picker），所以我们可以直接在 WordPress 后台使用颜色选择器：
1. 首先加载 color picker 的 JS 和 CSS：
add_action( 'admin_enqueue_scripts', 'wpjam_add_color_picker' );
function wptuts_add_color_picker( $hook ) {
wp_enqueue_style( 'wp-color-picker' );
wp_enqueue_script( 'wp-color-picker');
}
2. 假设后台页面中要使用的 input 的 class 为 color，加入下面的代码使该 input 转成颜色选择器：
jQuery(function($){
$( "input.color").wpColorPicker();
});
最后的效果如下图：
查看全部
1. 首先加载 color picker 的 JS 和 CSS：
add_action( 'admin_enqueue_scripts', 'wpjam_add_color_picker' );
function wptuts_add_color_picker( $hook ) {
wp_enqueue_style( 'wp-color-picker' );
wp_enqueue_script( 'wp-color-picker');
}
2. 假设后台页面中要使用的 input 的 class 为 color，加入下面的代码使该 input 转成颜色选择器：
jQuery(function($){
$( "input.color").wpColorPicker();
});
最后的效果如下图：
查看全部
WordPress 后台默认已经集成了 jQuery UI 的颜色选择器组件（color picker），所以我们可以直接在 WordPress 后台使用颜色选择器：
1. 首先加载 color picker 的 JS 和 CSS：
add_action( 'admin_enqueue_scripts', 'wpjam_add_color_picker' );
function wptuts_add_color_picker( $hook ) {
wp_enqueue_style( 'wp-color-picker' );
wp_enqueue_script( 'wp-color-picker');
}
2. 假设后台页面中要使用的 input 的 class 为 color，加入下面的代码使该 input 转成颜色选择器：
jQuery(function($){
$( "input.color").wpColorPicker();
});
最后的效果如下图：
1. 首先加载 color picker 的 JS 和 CSS：
add_action( 'admin_enqueue_scripts', 'wpjam_add_color_picker' );
function wptuts_add_color_picker( $hook ) {
wp_enqueue_style( 'wp-color-picker' );
wp_enqueue_script( 'wp-color-picker');
}
2. 假设后台页面中要使用的 input 的 class 为 color，加入下面的代码使该 input 转成颜色选择器：
jQuery(function($){
$( "input.color").wpColorPicker();
});
最后的效果如下图：
wp-config.php之history
Leo 发表了文章 • 0 个评论 • 3689 次浏览 • 2018-03-12 10:17
wp-config.php 是 WordPress 用来保存配置信息的地方，包含网站的基础配置详细信息（如数据库连接信息），它是 WordPress 最重要的文件之一，该文件位于 WordPress 文件目录的根目录中。
原始下载下来的 WordPress 安装包里面并不包含 wp-config.php 文件，WordPress 会通过安装步骤让你一步一步输入你网站的信息进行创建。当然也可以受到到 WordPress 目录下去创建，你可以使用 WordPress 默认提供的 wp-config-sample.php 进行修改创建。
1.数据库设置
首先是数据库的设置，目前 WordPress 只支持 MySQL 数据库，不知道以后 WordPress 会不会把数据库连接抽象成一个层，这样就可以支持更多的数据库。不管如何，下面的设置就是分别需要输入你数据库的名字，连接 MySQL 数据库的用户名，密码和数据库的主机。
// ** MySQL 设置 ** //
define('DB_NAME', '数据库名'); // 数据库名
define('DB_USER', 'MySQL用户名');// 数据库用户名
define('DB_PASSWORD', '密码'); // 数据库密码
define('DB_HOST', 'localhost'); // 数据库地址
关于数据库主机名，基本都是 localhost，本机，如果你使用了远程数据库，那么这里输入你远程数据库地址。
2.数据库字符集和排序方法
WordPress 2.2 版本开始，WordPress 支持设置数据库的字符集，一般来说，默认的字符集 utf8 (Unicode UTF-8) 是最佳选项，UTF-8 支持所有语言，所以一般来说将字符集定义为 utf-8 即可：
define( 'DB_CHARSET', 'utf8' );
3.表前缀
$table_prefix 用来定义数据库表的前缀，默认是 wp_，如果你想用别的名字就可以修改它，如果在一个数据库安装了不止一个 WordPress ，那么就要在这里给每个 WordPress 程序指定不同的表前缀：
$table_prefix = 'r235_'; // 只能数字，字符和下划线
4.自定义 user 和 usermeta 表
如果多个系统需要对接 WordPress 需要用到其他系统的用户表，那么可以通过下面两个字段来自定义：
define( 'CUSTOM_USER_TABLE', $table_prefix.'my_users' );
define( 'CUSTOM_USER_META_TABLE', $table_prefix.'my_usermeta' );
5.WP_SITEURL 和 WP_HOME
这两个常量也是 WordPress 2.2 版本增加的，即可以在 wp-config.php 文件中设置你的站点的 “home” 和 “siteurl” 的值。如下：
define('WP_SITEURL', 'http://xxxx.com/');
define('WP_HOME', 'http://xxxx.com/');
这里分别设置你博客首页和 WordPress 程序路径，注意末尾的’/’不需要。当你把你博客从搬家到另外一个地方并且更改了域名，你就不需要在数据库中去修改 URL，直接就可以在 wp-config.php 里面设置。
另外活用下这个功能可以让你的 WordPress 动态域名支持：
define( 'WP_SITEURL', 'http://' . $_SERVER['SERVER_NAME'] . '/path/to/wordpress' );
define( 'WP_HOME', 'http://' . $_SERVER['SERVER_NAME'] . '/path/to/wordpress' );
6.自动保存
WordPress 会在你撰写日志的时候，使用 AJAX 自动保存日志修订到数据库中。这个自动保存的间隔是可以设置的，默认是 60 秒
define( 'AUTOSAVE_INTERVAL', 160 ); // Seconds
7.Debug
WordPress Version 2.3.1 增加了这个选项，并且通过 WP_DEBUG_DISPLAY 和 WP_DEBUG_LOG 用于控制 PHP 错误和警告的显示和写入 log。默认值是：false。
define( 'WP_DEBUG', true ); // 开启 debug 模式
define( 'WP_DEBUG_LOG', false ); // 把错误log写到 wp-content/debug.log 中
define( 'WP_DEBUG_DISPLAY', true ); // 直接在页面上显示错误 log
如果想去 debug 默认的 JS 和 CSS 文件，可以在 wp-config.php 文件中添加下面的代码：
define( 'SCRIPT_DEBUG', true );
这样，wp-includes/js, wp-includes/css, wp-admin/js, 和 wp-admin/css 这些文件夹中的未压缩版本的 JS 和 CSS 文件就会被加载，而不是去加载 .min.css 和 .min.js 版本。
另外，在默认情况下，WordPress 后台的所有的 JavaScript 的文件都被连接到一个 URL 中，如果 JavaScript 发生错误，可以把这个功能屏蔽了，检查一下：
define( 'CONCATENATE_SCRIPTS', false );
如果要查询当前页面进行多少次 SQL 查询，可以通过 SAVEQUERIES 选项，把所有 SQL 都保存下来：
define( 'SAVEQUERIES', true );
然后在页面底部输出：
<?php if ( current_user_can( 'administrator' ) ) {
global $wpdb;
echo "<pre>";
print_r( $wpdb->queries );
echo "</pre>";
}
?>
8.PHP 内存设置
WordPress 2.5 版本带来了一个新选项 WP_MEMORY_LIMIT，让用户自己设置 PHP 能够消耗最大内存的大小。当你收到 “Allowed memory size of xxxxxx bytes exhausted” 这种错误信息的时候，这个设定就非常有帮助。
WordPress 默认设置是：分配给 PHP 40M（单站点），64M（多站点）。另外需要注意的是，如果你的服务器不支持设置 PHP memory limit 的话，该选项任何设置都是无效的，并且大部分主机只允许设置 8M：
define( 'WP_MEMORY_LIMIT', '64M' );
WordPress 后台任何需要更大的内存，所以在后台，可以通过定义 WP_MAX_MEMORY_LIMIT ，来进一步提升 PHP 内存：
define( 'WP_MAX_MEMORY_LIMIT', '256M' );
9.定时作业
如果 WordPress 的定时作业没有跑，你可以定义一下下面的选项：
define( 'ALTERNATE_WP_CRON', true );
屏蔽定时作业：define( 'DISABLE_WP_CRON', true );
设置定时作业最长运行时间：define( 'WP_CRON_LOCK_TIMEOUT', 60 );
10.清空回收站
WordPress 2.9 新增了一个选项，让你设置清空回收站的时间，默认是30天：
define( 'EMPTY_TRASH_DAYS', 30 ); // 30 days设置为 0 则关闭回收站功能，意思删除就是直接删除了。define( 'EMPTY_TRASH_DAYS', 0 );
11.清理图片缩略图
默认情况下，WordPress 在上传图片的时候，会根据图片格式创建一组图片，当你更改设置的时候，这些图片不会被删除，如果你不想那么多图片的时候：
define( 'IMAGE_EDIT_OVERWRITE', true );
查看全部
原始下载下来的 WordPress 安装包里面并不包含 wp-config.php 文件，WordPress 会通过安装步骤让你一步一步输入你网站的信息进行创建。当然也可以受到到 WordPress 目录下去创建，你可以使用 WordPress 默认提供的 wp-config-sample.php 进行修改创建。
1.数据库设置
首先是数据库的设置，目前 WordPress 只支持 MySQL 数据库，不知道以后 WordPress 会不会把数据库连接抽象成一个层，这样就可以支持更多的数据库。不管如何，下面的设置就是分别需要输入你数据库的名字，连接 MySQL 数据库的用户名，密码和数据库的主机。
// ** MySQL 设置 ** //
define('DB_NAME', '数据库名'); // 数据库名
define('DB_USER', 'MySQL用户名');// 数据库用户名
define('DB_PASSWORD', '密码'); // 数据库密码
define('DB_HOST', 'localhost'); // 数据库地址
关于数据库主机名，基本都是 localhost，本机，如果你使用了远程数据库，那么这里输入你远程数据库地址。
2.数据库字符集和排序方法
WordPress 2.2 版本开始，WordPress 支持设置数据库的字符集，一般来说，默认的字符集 utf8 (Unicode UTF-8) 是最佳选项，UTF-8 支持所有语言，所以一般来说将字符集定义为 utf-8 即可：
define( 'DB_CHARSET', 'utf8' );
3.表前缀
$table_prefix 用来定义数据库表的前缀，默认是 wp_，如果你想用别的名字就可以修改它，如果在一个数据库安装了不止一个 WordPress ，那么就要在这里给每个 WordPress 程序指定不同的表前缀：
$table_prefix = 'r235_'; // 只能数字，字符和下划线
4.自定义 user 和 usermeta 表
如果多个系统需要对接 WordPress 需要用到其他系统的用户表，那么可以通过下面两个字段来自定义：
define( 'CUSTOM_USER_TABLE', $table_prefix.'my_users' );
define( 'CUSTOM_USER_META_TABLE', $table_prefix.'my_usermeta' );
5.WP_SITEURL 和 WP_HOME
这两个常量也是 WordPress 2.2 版本增加的，即可以在 wp-config.php 文件中设置你的站点的 “home” 和 “siteurl” 的值。如下：
define('WP_SITEURL', 'http://xxxx.com/');
define('WP_HOME', 'http://xxxx.com/');
这里分别设置你博客首页和 WordPress 程序路径，注意末尾的’/’不需要。当你把你博客从搬家到另外一个地方并且更改了域名，你就不需要在数据库中去修改 URL，直接就可以在 wp-config.php 里面设置。
另外活用下这个功能可以让你的 WordPress 动态域名支持：
define( 'WP_SITEURL', 'http://' . $_SERVER['SERVER_NAME'] . '/path/to/wordpress' );
define( 'WP_HOME', 'http://' . $_SERVER['SERVER_NAME'] . '/path/to/wordpress' );
6.自动保存
WordPress 会在你撰写日志的时候，使用 AJAX 自动保存日志修订到数据库中。这个自动保存的间隔是可以设置的，默认是 60 秒
define( 'AUTOSAVE_INTERVAL', 160 ); // Seconds
7.Debug
WordPress Version 2.3.1 增加了这个选项，并且通过 WP_DEBUG_DISPLAY 和 WP_DEBUG_LOG 用于控制 PHP 错误和警告的显示和写入 log。默认值是：false。
define( 'WP_DEBUG', true ); // 开启 debug 模式
define( 'WP_DEBUG_LOG', false ); // 把错误log写到 wp-content/debug.log 中
define( 'WP_DEBUG_DISPLAY', true ); // 直接在页面上显示错误 log
如果想去 debug 默认的 JS 和 CSS 文件，可以在 wp-config.php 文件中添加下面的代码：
define( 'SCRIPT_DEBUG', true );
这样，wp-includes/js, wp-includes/css, wp-admin/js, 和 wp-admin/css 这些文件夹中的未压缩版本的 JS 和 CSS 文件就会被加载，而不是去加载 .min.css 和 .min.js 版本。
另外，在默认情况下，WordPress 后台的所有的 JavaScript 的文件都被连接到一个 URL 中，如果 JavaScript 发生错误，可以把这个功能屏蔽了，检查一下：
define( 'CONCATENATE_SCRIPTS', false );
如果要查询当前页面进行多少次 SQL 查询，可以通过 SAVEQUERIES 选项，把所有 SQL 都保存下来：
define( 'SAVEQUERIES', true );
然后在页面底部输出：
<?php if ( current_user_can( 'administrator' ) ) {
global $wpdb;
echo "<pre>";
print_r( $wpdb->queries );
echo "</pre>";
}
?>
8.PHP 内存设置
WordPress 2.5 版本带来了一个新选项 WP_MEMORY_LIMIT，让用户自己设置 PHP 能够消耗最大内存的大小。当你收到 “Allowed memory size of xxxxxx bytes exhausted” 这种错误信息的时候，这个设定就非常有帮助。
WordPress 默认设置是：分配给 PHP 40M（单站点），64M（多站点）。另外需要注意的是，如果你的服务器不支持设置 PHP memory limit 的话，该选项任何设置都是无效的，并且大部分主机只允许设置 8M：
define( 'WP_MEMORY_LIMIT', '64M' );
WordPress 后台任何需要更大的内存，所以在后台，可以通过定义 WP_MAX_MEMORY_LIMIT ，来进一步提升 PHP 内存：
define( 'WP_MAX_MEMORY_LIMIT', '256M' );
9.定时作业
如果 WordPress 的定时作业没有跑，你可以定义一下下面的选项：
define( 'ALTERNATE_WP_CRON', true );
屏蔽定时作业：define( 'DISABLE_WP_CRON', true );
设置定时作业最长运行时间：define( 'WP_CRON_LOCK_TIMEOUT', 60 );
10.清空回收站
WordPress 2.9 新增了一个选项，让你设置清空回收站的时间，默认是30天：
define( 'EMPTY_TRASH_DAYS', 30 ); // 30 days设置为 0 则关闭回收站功能，意思删除就是直接删除了。define( 'EMPTY_TRASH_DAYS', 0 );
11.清理图片缩略图
默认情况下，WordPress 在上传图片的时候，会根据图片格式创建一组图片，当你更改设置的时候，这些图片不会被删除，如果你不想那么多图片的时候：
define( 'IMAGE_EDIT_OVERWRITE', true );
查看全部
wp-config.php 是 WordPress 用来保存配置信息的地方，包含网站的基础配置详细信息（如数据库连接信息），它是 WordPress 最重要的文件之一，该文件位于 WordPress 文件目录的根目录中。
原始下载下来的 WordPress 安装包里面并不包含 wp-config.php 文件，WordPress 会通过安装步骤让你一步一步输入你网站的信息进行创建。当然也可以受到到 WordPress 目录下去创建，你可以使用 WordPress 默认提供的 wp-config-sample.php 进行修改创建。
1.数据库设置
首先是数据库的设置，目前 WordPress 只支持 MySQL 数据库，不知道以后 WordPress 会不会把数据库连接抽象成一个层，这样就可以支持更多的数据库。不管如何，下面的设置就是分别需要输入你数据库的名字，连接 MySQL 数据库的用户名，密码和数据库的主机。
// ** MySQL 设置 ** //
define('DB_NAME', '数据库名'); // 数据库名
define('DB_USER', 'MySQL用户名');// 数据库用户名
define('DB_PASSWORD', '密码'); // 数据库密码
define('DB_HOST', 'localhost'); // 数据库地址
关于数据库主机名，基本都是 localhost，本机，如果你使用了远程数据库，那么这里输入你远程数据库地址。
2.数据库字符集和排序方法
WordPress 2.2 版本开始，WordPress 支持设置数据库的字符集，一般来说，默认的字符集 utf8 (Unicode UTF-8) 是最佳选项，UTF-8 支持所有语言，所以一般来说将字符集定义为 utf-8 即可：
define( 'DB_CHARSET', 'utf8' );
3.表前缀
$table_prefix 用来定义数据库表的前缀，默认是 wp_，如果你想用别的名字就可以修改它，如果在一个数据库安装了不止一个 WordPress ，那么就要在这里给每个 WordPress 程序指定不同的表前缀：
$table_prefix = 'r235_'; // 只能数字，字符和下划线
4.自定义 user 和 usermeta 表
如果多个系统需要对接 WordPress 需要用到其他系统的用户表，那么可以通过下面两个字段来自定义：
define( 'CUSTOM_USER_TABLE', $table_prefix.'my_users' );
define( 'CUSTOM_USER_META_TABLE', $table_prefix.'my_usermeta' );
5.WP_SITEURL 和 WP_HOME
这两个常量也是 WordPress 2.2 版本增加的，即可以在 wp-config.php 文件中设置你的站点的 “home” 和 “siteurl” 的值。如下：
define('WP_SITEURL', 'http://xxxx.com/');
define('WP_HOME', 'http://xxxx.com/');
这里分别设置你博客首页和 WordPress 程序路径，注意末尾的’/’不需要。当你把你博客从搬家到另外一个地方并且更改了域名，你就不需要在数据库中去修改 URL，直接就可以在 wp-config.php 里面设置。
另外活用下这个功能可以让你的 WordPress 动态域名支持：
define( 'WP_SITEURL', 'http://' . $_SERVER['SERVER_NAME'] . '/path/to/wordpress' );
define( 'WP_HOME', 'http://' . $_SERVER['SERVER_NAME'] . '/path/to/wordpress' );
6.自动保存
WordPress 会在你撰写日志的时候，使用 AJAX 自动保存日志修订到数据库中。这个自动保存的间隔是可以设置的，默认是 60 秒
define( 'AUTOSAVE_INTERVAL', 160 ); // Seconds
7.Debug
WordPress Version 2.3.1 增加了这个选项，并且通过 WP_DEBUG_DISPLAY 和 WP_DEBUG_LOG 用于控制 PHP 错误和警告的显示和写入 log。默认值是：false。
define( 'WP_DEBUG', true ); // 开启 debug 模式
define( 'WP_DEBUG_LOG', false ); // 把错误log写到 wp-content/debug.log 中
define( 'WP_DEBUG_DISPLAY', true ); // 直接在页面上显示错误 log
如果想去 debug 默认的 JS 和 CSS 文件，可以在 wp-config.php 文件中添加下面的代码：
define( 'SCRIPT_DEBUG', true );
这样，wp-includes/js, wp-includes/css, wp-admin/js, 和 wp-admin/css 这些文件夹中的未压缩版本的 JS 和 CSS 文件就会被加载，而不是去加载 .min.css 和 .min.js 版本。
另外，在默认情况下，WordPress 后台的所有的 JavaScript 的文件都被连接到一个 URL 中，如果 JavaScript 发生错误，可以把这个功能屏蔽了，检查一下：
define( 'CONCATENATE_SCRIPTS', false );
如果要查询当前页面进行多少次 SQL 查询，可以通过 SAVEQUERIES 选项，把所有 SQL 都保存下来：
define( 'SAVEQUERIES', true );
然后在页面底部输出：
<?php if ( current_user_can( 'administrator' ) ) {
global $wpdb;
echo "<pre>";
print_r( $wpdb->queries );
echo "</pre>";
}
?>
8.PHP 内存设置
WordPress 2.5 版本带来了一个新选项 WP_MEMORY_LIMIT，让用户自己设置 PHP 能够消耗最大内存的大小。当你收到 “Allowed memory size of xxxxxx bytes exhausted” 这种错误信息的时候，这个设定就非常有帮助。
WordPress 默认设置是：分配给 PHP 40M（单站点），64M（多站点）。另外需要注意的是，如果你的服务器不支持设置 PHP memory limit 的话，该选项任何设置都是无效的，并且大部分主机只允许设置 8M：
define( 'WP_MEMORY_LIMIT', '64M' );
WordPress 后台任何需要更大的内存，所以在后台，可以通过定义 WP_MAX_MEMORY_LIMIT ，来进一步提升 PHP 内存：
define( 'WP_MAX_MEMORY_LIMIT', '256M' );
9.定时作业
如果 WordPress 的定时作业没有跑，你可以定义一下下面的选项：
define( 'ALTERNATE_WP_CRON', true );
屏蔽定时作业：define( 'DISABLE_WP_CRON', true );
设置定时作业最长运行时间：define( 'WP_CRON_LOCK_TIMEOUT', 60 );
10.清空回收站
WordPress 2.9 新增了一个选项，让你设置清空回收站的时间，默认是30天：
define( 'EMPTY_TRASH_DAYS', 30 ); // 30 days设置为 0 则关闭回收站功能，意思删除就是直接删除了。define( 'EMPTY_TRASH_DAYS', 0 );
11.清理图片缩略图
默认情况下，WordPress 在上传图片的时候，会根据图片格式创建一组图片，当你更改设置的时候，这些图片不会被删除，如果你不想那么多图片的时候：
define( 'IMAGE_EDIT_OVERWRITE', true );
原始下载下来的 WordPress 安装包里面并不包含 wp-config.php 文件，WordPress 会通过安装步骤让你一步一步输入你网站的信息进行创建。当然也可以受到到 WordPress 目录下去创建，你可以使用 WordPress 默认提供的 wp-config-sample.php 进行修改创建。
1.数据库设置
首先是数据库的设置，目前 WordPress 只支持 MySQL 数据库，不知道以后 WordPress 会不会把数据库连接抽象成一个层，这样就可以支持更多的数据库。不管如何，下面的设置就是分别需要输入你数据库的名字，连接 MySQL 数据库的用户名，密码和数据库的主机。
// ** MySQL 设置 ** //
define('DB_NAME', '数据库名'); // 数据库名
define('DB_USER', 'MySQL用户名');// 数据库用户名
define('DB_PASSWORD', '密码'); // 数据库密码
define('DB_HOST', 'localhost'); // 数据库地址
关于数据库主机名，基本都是 localhost，本机，如果你使用了远程数据库，那么这里输入你远程数据库地址。
2.数据库字符集和排序方法
WordPress 2.2 版本开始，WordPress 支持设置数据库的字符集，一般来说，默认的字符集 utf8 (Unicode UTF-8) 是最佳选项，UTF-8 支持所有语言，所以一般来说将字符集定义为 utf-8 即可：
define( 'DB_CHARSET', 'utf8' );
3.表前缀
$table_prefix 用来定义数据库表的前缀，默认是 wp_，如果你想用别的名字就可以修改它，如果在一个数据库安装了不止一个 WordPress ，那么就要在这里给每个 WordPress 程序指定不同的表前缀：
$table_prefix = 'r235_'; // 只能数字，字符和下划线
4.自定义 user 和 usermeta 表
如果多个系统需要对接 WordPress 需要用到其他系统的用户表，那么可以通过下面两个字段来自定义：
define( 'CUSTOM_USER_TABLE', $table_prefix.'my_users' );
define( 'CUSTOM_USER_META_TABLE', $table_prefix.'my_usermeta' );
5.WP_SITEURL 和 WP_HOME
这两个常量也是 WordPress 2.2 版本增加的，即可以在 wp-config.php 文件中设置你的站点的 “home” 和 “siteurl” 的值。如下：
define('WP_SITEURL', 'http://xxxx.com/');
define('WP_HOME', 'http://xxxx.com/');
这里分别设置你博客首页和 WordPress 程序路径，注意末尾的’/’不需要。当你把你博客从搬家到另外一个地方并且更改了域名，你就不需要在数据库中去修改 URL，直接就可以在 wp-config.php 里面设置。
另外活用下这个功能可以让你的 WordPress 动态域名支持：
define( 'WP_SITEURL', 'http://' . $_SERVER['SERVER_NAME'] . '/path/to/wordpress' );
define( 'WP_HOME', 'http://' . $_SERVER['SERVER_NAME'] . '/path/to/wordpress' );
6.自动保存
WordPress 会在你撰写日志的时候，使用 AJAX 自动保存日志修订到数据库中。这个自动保存的间隔是可以设置的，默认是 60 秒
define( 'AUTOSAVE_INTERVAL', 160 ); // Seconds
7.Debug
WordPress Version 2.3.1 增加了这个选项，并且通过 WP_DEBUG_DISPLAY 和 WP_DEBUG_LOG 用于控制 PHP 错误和警告的显示和写入 log。默认值是：false。
define( 'WP_DEBUG', true ); // 开启 debug 模式
define( 'WP_DEBUG_LOG', false ); // 把错误log写到 wp-content/debug.log 中
define( 'WP_DEBUG_DISPLAY', true ); // 直接在页面上显示错误 log
如果想去 debug 默认的 JS 和 CSS 文件，可以在 wp-config.php 文件中添加下面的代码：
define( 'SCRIPT_DEBUG', true );
这样，wp-includes/js, wp-includes/css, wp-admin/js, 和 wp-admin/css 这些文件夹中的未压缩版本的 JS 和 CSS 文件就会被加载，而不是去加载 .min.css 和 .min.js 版本。
另外，在默认情况下，WordPress 后台的所有的 JavaScript 的文件都被连接到一个 URL 中，如果 JavaScript 发生错误，可以把这个功能屏蔽了，检查一下：
define( 'CONCATENATE_SCRIPTS', false );
如果要查询当前页面进行多少次 SQL 查询，可以通过 SAVEQUERIES 选项，把所有 SQL 都保存下来：
define( 'SAVEQUERIES', true );
然后在页面底部输出：
<?php if ( current_user_can( 'administrator' ) ) {
global $wpdb;
echo "<pre>";
print_r( $wpdb->queries );
echo "</pre>";
}
?>
8.PHP 内存设置
WordPress 2.5 版本带来了一个新选项 WP_MEMORY_LIMIT，让用户自己设置 PHP 能够消耗最大内存的大小。当你收到 “Allowed memory size of xxxxxx bytes exhausted” 这种错误信息的时候，这个设定就非常有帮助。
WordPress 默认设置是：分配给 PHP 40M（单站点），64M（多站点）。另外需要注意的是，如果你的服务器不支持设置 PHP memory limit 的话，该选项任何设置都是无效的，并且大部分主机只允许设置 8M：
define( 'WP_MEMORY_LIMIT', '64M' );
WordPress 后台任何需要更大的内存，所以在后台，可以通过定义 WP_MAX_MEMORY_LIMIT ，来进一步提升 PHP 内存：
define( 'WP_MAX_MEMORY_LIMIT', '256M' );
9.定时作业
如果 WordPress 的定时作业没有跑，你可以定义一下下面的选项：
define( 'ALTERNATE_WP_CRON', true );
屏蔽定时作业：define( 'DISABLE_WP_CRON', true );
设置定时作业最长运行时间：define( 'WP_CRON_LOCK_TIMEOUT', 60 );
10.清空回收站
WordPress 2.9 新增了一个选项，让你设置清空回收站的时间，默认是30天：
define( 'EMPTY_TRASH_DAYS', 30 ); // 30 days设置为 0 则关闭回收站功能，意思删除就是直接删除了。define( 'EMPTY_TRASH_DAYS', 0 );
11.清理图片缩略图
默认情况下，WordPress 在上传图片的时候，会根据图片格式创建一组图片，当你更改设置的时候，这些图片不会被删除，如果你不想那么多图片的时候：
define( 'IMAGE_EDIT_OVERWRITE', true );
WordPress有多热门？统计：全球前1000万网站有3成采用
East_Digi_Marketing 发表了文章 • 0 个评论 • 3694 次浏览 • 2018-03-09 09:43
网络技术调查机构W3Techs本周一（3/5）指出，全球前1000万大的网站中，有30%采用WordPress搭建，若只计算那些采用已知内容管理系统（Content Management Systems，CMS）的网站（49.8%），那么WordPress的市场占有率率则高达60.2%。
WordPress是个基于PHP与MySQL的开源内容管理系统，也是全球最受欢迎的CMS，但它在7年前于全球1000万大网站的市场占有率率只有13.1%，今年达到30%的里程碑。
[WordPress有多热门？统计：全球前1000万网站有3成采用]
即便市场上仍有其它的内容管理系统，然而WordPress几乎无人能敌，排名第二的Joomla市场占有率率只有3.1%，第三的Drupal为2.2%，Magento占1.2%，而Shopify仅占1.0%。
下图灰色长条代表在前1000万个网站的占比，绿色长条代表在采用CMS的网站中的比例。
此外，WordPress也是今年2月以来成长最快的内容管理系统，这一个月以来平均每天有1,774个网站采用WordPress，但也有新兴的系统出现，例如有347个网站采用Squarespace，以及有248个网站采用Wix。
在采用WordPress的网站上，多数使用最新的版本，高达94.3%采用WordPress 4，有4.6%仍采用WordPress 3，还有1.0%采用WordPress 2，以及不到0.1%的网站采用WordPress 。 查看全部
WordPress是个基于PHP与MySQL的开源内容管理系统，也是全球最受欢迎的CMS，但它在7年前于全球1000万大网站的市场占有率率只有13.1%，今年达到30%的里程碑。
[WordPress有多热门？统计：全球前1000万网站有3成采用]
即便市场上仍有其它的内容管理系统，然而WordPress几乎无人能敌，排名第二的Joomla市场占有率率只有3.1%，第三的Drupal为2.2%，Magento占1.2%，而Shopify仅占1.0%。
下图灰色长条代表在前1000万个网站的占比，绿色长条代表在采用CMS的网站中的比例。
此外，WordPress也是今年2月以来成长最快的内容管理系统，这一个月以来平均每天有1,774个网站采用WordPress，但也有新兴的系统出现，例如有347个网站采用Squarespace，以及有248个网站采用Wix。
在采用WordPress的网站上，多数使用最新的版本，高达94.3%采用WordPress 4，有4.6%仍采用WordPress 3，还有1.0%采用WordPress 2，以及不到0.1%的网站采用WordPress 。 查看全部
网络技术调查机构W3Techs本周一（3/5）指出，全球前1000万大的网站中，有30%采用WordPress搭建，若只计算那些采用已知内容管理系统（Content Management Systems，CMS）的网站（49.8%），那么WordPress的市场占有率率则高达60.2%。
WordPress是个基于PHP与MySQL的开源内容管理系统，也是全球最受欢迎的CMS，但它在7年前于全球1000万大网站的市场占有率率只有13.1%，今年达到30%的里程碑。
[WordPress有多热门？统计：全球前1000万网站有3成采用]
即便市场上仍有其它的内容管理系统，然而WordPress几乎无人能敌，排名第二的Joomla市场占有率率只有3.1%，第三的Drupal为2.2%，Magento占1.2%，而Shopify仅占1.0%。
下图灰色长条代表在前1000万个网站的占比，绿色长条代表在采用CMS的网站中的比例。
此外，WordPress也是今年2月以来成长最快的内容管理系统，这一个月以来平均每天有1,774个网站采用WordPress，但也有新兴的系统出现，例如有347个网站采用Squarespace，以及有248个网站采用Wix。
在采用WordPress的网站上，多数使用最新的版本，高达94.3%采用WordPress 4，有4.6%仍采用WordPress 3，还有1.0%采用WordPress 2，以及不到0.1%的网站采用WordPress 。
WordPress是个基于PHP与MySQL的开源内容管理系统，也是全球最受欢迎的CMS，但它在7年前于全球1000万大网站的市场占有率率只有13.1%，今年达到30%的里程碑。
[WordPress有多热门？统计：全球前1000万网站有3成采用]
即便市场上仍有其它的内容管理系统，然而WordPress几乎无人能敌，排名第二的Joomla市场占有率率只有3.1%，第三的Drupal为2.2%，Magento占1.2%，而Shopify仅占1.0%。
下图灰色长条代表在前1000万个网站的占比，绿色长条代表在采用CMS的网站中的比例。
此外，WordPress也是今年2月以来成长最快的内容管理系统，这一个月以来平均每天有1,774个网站采用WordPress，但也有新兴的系统出现，例如有347个网站采用Squarespace，以及有248个网站采用Wix。
在采用WordPress的网站上，多数使用最新的版本，高达94.3%采用WordPress 4，有4.6%仍采用WordPress 3，还有1.0%采用WordPress 2，以及不到0.1%的网站采用WordPress 。
网页使用Font Awesome图标字体时，css定义 content 属性必不可少，如下所示：
Leo 发表了文章 • 1 个评论 • 6641 次浏览 • 2018-03-09 09:29
有些情况下，我们不得不使用伪元素::before 和 ::after来实现fontawesome的小图标，所以我收集了一下图标类对应的字符编码表：
NAME CODE NAME CODE
.fa-glass \f000 .fa-github-alt \f113
.fa-music \f001 .fa-folder-o \f114
.fa-search \f002 .fa-folder-open-o \f115
.fa-envelope-o \f003 .fa-smile-o \f118
.fa-heart \f004 .fa-frown-o \f119
.fa-star \f005 .fa-meh-o \f11a
.fa-star-o \f006 .fa-gamepad \f11b
.fa-user \f007 .fa-keyboard-o \f11c
.fa-film \f008 .fa-flag-o \f11d
.fa-th-large \f009 .fa-flag-checkered \f11e
.fa-th \f00a .fa-terminal \f120
.fa-th-list \f00b .fa-code \f121
.fa-check \f00c .fa-mail-reply-all \f122
.fa-remove \f00d .fa-reply-all \f122
.fa-close \f00d .fa-star-half-empty \f123
.fa-times \f00d .fa-star-half-full \f123
.fa-search-plus \f00e .fa-star-half-o \f123
.fa-search-minus \f010 .fa-location-arrow \f124
.fa-power-off \f011 .fa-crop \f125
.fa-signal \f012 .fa-code-fork \f126
.fa-gear \f013 .fa-unlink \f127
.fa-cog \f013 .fa-chain-broken \f127
.fa-trash-o \f014 .fa-question \f128
.fa-home \f015 .fa-info \f129
.fa-file-o \f016 .fa-exclamation \f12a
.fa-clock-o \f017 .fa-superscript \f12b
.fa-road \f018 .fa-subscript \f12c
.fa-download \f019 .fa-eraser \f12d
.fa-arrow-circle-o-down \f01a .fa-puzzle-piece \f12e
.fa-arrow-circle-o-up \f01b .fa-microphone \f130
.fa-inbox \f01c .fa-microphone-slash \f131
.fa-play-circle-o \f01d .fa-shield \f132
.fa-rotate-right \f01e .fa-calendar-o \f133
.fa-repeat \f01e .fa-fire-extinguisher \f134
.fa-refresh \f021 .fa-rocket \f135
.fa-list-alt \f022 .fa-maxcdn \f136
.fa-lock \f023 .fa-chevron-circle-left \f137
.fa-flag \f024 .fa-chevron-circle-right \f138
.fa-headphones \f025 .fa-chevron-circle-up \f139
.fa-volume-off \f026 .fa-chevron-circle-down \f13a
.fa-volume-down \f027 .fa-html5 \f13b
.fa-volume-up \f028 .fa-css3 \f13c
.fa-qrcode \f029 .fa-anchor \f13d
.fa-barcode \f02a .fa-unlock-alt \f13e
.fa-tag \f02b .fa-bullseye \f140
.fa-tags \f02c .fa-ellipsis-h \f141
.fa-book \f02d .fa-ellipsis-v \f142
.fa-bookmark \f02e .fa-rss-square \f143
.fa-print \f02f .fa-play-circle \f144
.fa-camera \f030 .fa-ticket \f145
.fa-font \f031 .fa-minus-square \f146
.fa-bold \f032 .fa-minus-square-o \f147
.fa-italic \f033 .fa-level-up \f148
.fa-text-height \f034 .fa-level-down \f149
.fa-text-width \f035 .fa-check-square \f14a
.fa-align-left \f036 .fa-pencil-square \f14b
.fa-align-center \f037 .fa-external-link-square \f14c
.fa-align-right \f038 .fa-share-square \f14d
.fa-align-justify \f039 .fa-compass \f14e
.fa-list \f03a .fa-toggle-down \f150
.fa-dedent \f03b .fa-caret-square-o-down \f150
.fa-outdent \f03b .fa-toggle-up \f151
.fa-indent \f03c .fa-caret-square-o-up \f151
.fa-video-camera \f03d .fa-toggle-right \f152
.fa-photo \f03e .fa-caret-square-o-right \f152
.fa-image \f03e .fa-euro \f153
.fa-picture-o \f03e .fa-eur \f153
.fa-pencil \f040 .fa-gbp \f154
.fa-map-marker \f041 .fa-dollar \f155
.fa-adjust \f042 .fa-usd \f155
.fa-tint \f043 .fa-rupee \f156
.fa-edit \f044 .fa-inr \f156
.fa-pencil-square-o \f044 .fa-cny \f157
.fa-share-square-o \f045 .fa-rmb \f157
.fa-check-square-o \f046 .fa-yen \f157
.fa-arrows \f047 .fa-jpy \f157
.fa-step-backward \f048 .fa-ruble \f158
.fa-fast-backward \f049 .fa-rouble \f158
.fa-backward \f04a .fa-rub \f158
.fa-play \f04b .fa-won \f159
.fa-pause \f04c .fa-krw \f159
.fa-stop \f04d .fa-bitcoin \f15a
.fa-forward \f04e .fa-btc \f15a
.fa-fast-forward \f050 .fa-file \f15b
.fa-step-forward \f051 .fa-file-text \f15c
.fa-eject \f052 .fa-sort-alpha-asc \f15d
.fa-chevron-left \f053 .fa-sort-alpha-desc \f15e
.fa-chevron-right \f054 .fa-sort-amount-asc \f160
.fa-plus-circle \f055 .fa-sort-amount-desc \f161
.fa-minus-circle \f056 .fa-sort-numeric-asc \f162
.fa-times-circle \f057 .fa-sort-numeric-desc \f163
.fa-check-circle \f058 .fa-thumbs-up \f164
.fa-question-circle \f059 .fa-thumbs-down \f165
.fa-info-circle \f05a .fa-youtube-square \f166
.fa-crosshairs \f05b .fa-youtube \f167
.fa-times-circle-o \f05c .fa-xing \f168
.fa-check-circle-o \f05d .fa-xing-square \f169
.fa-ban \f05e .fa-youtube-play \f16a
.fa-arrow-left \f060 .fa-dropbox \f16b
.fa-arrow-right \f061 .fa-stack-overflow \f16c
.fa-arrow-up \f062 .fa-instagram \f16d
.fa-arrow-down \f063 .fa-flickr \f16e
.fa-mail-forward \f064 .fa-adn \f170
.fa-share \f064 .fa-bitbucket \f171
.fa-expand \f065 .fa-bitbucket-square \f172
.fa-compress \f066 .fa-tumblr \f173
.fa-plus \f067 .fa-tumblr-square \f174
.fa-minus \f068 .fa-long-arrow-down \f175
.fa-asterisk \f069 .fa-long-arrow-up \f176
.fa-exclamation-circle \f06a .fa-long-arrow-left \f177
.fa-gift \f06b .fa-long-arrow-right \f178
.fa-leaf \f06c .fa-apple \f179
.fa-fire \f06d .fa-windows \f17a
.fa-eye \f06e .fa-android \f17b
.fa-eye-slash \f070 .fa-linux \f17c
.fa-warning \f071 .fa-dribbble \f17d
.fa-exclamation-triangle \f071 .fa-skype \f17e
.fa-plane \f072 .fa-foursquare \f180
.fa-calendar \f073 .fa-trello \f181
.fa-random \f074 .fa-female \f182
.fa-comment \f075 .fa-male \f183
.fa-magnet \f076 .fa-gittip \f184
.fa-chevron-up \f077 .fa-sun-o \f185
.fa-chevron-down \f078 .fa-moon-o \f186
.fa-retweet \f079 .fa-archive \f187
.fa-shopping-cart \f07a .fa-bug \f188
.fa-folder \f07b .fa-vk \f189
.fa-folder-open \f07c .fa-weibo \f18a
.fa-arrows-v \f07d .fa-renren \f18b
.fa-arrows-h \f07e .fa-pagelines \f18c
.fa-bar-chart-o \f080 .fa-stack-exchange \f18d
.fa-bar-chart \f080 .fa-arrow-circle-o-right \f18e
.fa-twitter-square \f081 .fa-arrow-circle-o-left \f190
.fa-facebook-square \f082 .fa-toggle-left \f191
.fa-camera-retro \f083 .fa-caret-square-o-left \f191
.fa-key \f084 .fa-dot-circle-o \f192
.fa-gears \f085 .fa-wheelchair \f193
.fa-cogs \f085 .fa-vimeo-square \f194
.fa-comments \f086 .fa-turkish-lira \f195
.fa-thumbs-o-up \f087 .fa-try \f195
.fa-thumbs-o-down \f088 .fa-plus-square-o \f196
.fa-star-half \f089 .fa-space-shuttle \f197
.fa-heart-o \f08a .fa-slack \f198
.fa-sign-out \f08b .fa-envelope-square \f199
.fa-linkedin-square \f08c .fa-wordpress \f19a
.fa-thumb-tack \f08d .fa-openid \f19b
.fa-external-link \f08e .fa-institution \f19c
.fa-sign-in \f090 .fa-bank \f19c
.fa-trophy \f091 .fa-university \f19c
.fa-github-square \f092 .fa-mortar-board \f19d
.fa-upload \f093 .fa-graduation-cap \f19d
.fa-lemon-o \f094 .fa-yahoo \f19e
.fa-phone \f095 .fa-google \f1a0
.fa-square-o \f096 .fa-reddit \f1a1
.fa-bookmark-o \f097 .fa-reddit-square \f1a2
.fa-phone-square \f098 .fa-stumbleupon-circle \f1a3
.fa-twitter \f099 .fa-stumbleupon \f1a4
.fa-facebook \f09a .fa-delicious \f1a5
.fa-github \f09b .fa-digg \f1a6
.fa-unlock \f09c .fa-pied-piper \f1a7
.fa-credit-card \f09d .fa-pied-piper-alt \f1a8
.fa-rss \f09e .fa-drupal \f1a9
.fa-hdd-o \f0a0 .fa-joomla \f1aa
.fa-bullhorn \f0a1 .fa-language \f1ab
.fa-bell \f0f3 .fa-fax \f1ac
.fa-certificate \f0a3 .fa-building \f1ad
.fa-hand-o-right \f0a4 .fa-child \f1ae
.fa-hand-o-left \f0a5 .fa-paw \f1b0
.fa-hand-o-up \f0a6 .fa-spoon \f1b1
.fa-hand-o-down \f0a7 .fa-cube \f1b2
.fa-arrow-circle-left \f0a8 .fa-cubes \f1b3
.fa-arrow-circle-right \f0a9 .fa-behance \f1b4
.fa-arrow-circle-up \f0aa .fa-behance-square \f1b5
.fa-arrow-circle-down \f0ab .fa-steam \f1b6
.fa-globe \f0ac .fa-steam-square \f1b7
.fa-wrench \f0ad .fa-recycle \f1b8
.fa-tasks \f0ae .fa-automobile \f1b9
.fa-filter \f0b0 .fa-car \f1b9
.fa-briefcase \f0b1 .fa-cab \f1ba
.fa-arrows-alt \f0b2 .fa-taxi \f1ba
.fa-group \f0c0 .fa-tree \f1bb
.fa-users \f0c0 .fa-spotify \f1bc
.fa-chain \f0c1 .fa-deviantart \f1bd
.fa-link \f0c1 .fa-soundcloud \f1be
.fa-cloud \f0c2 .fa-database \f1c0
.fa-flask \f0c3 .fa-file-pdf-o \f1c1
.fa-cut \f0c4 .fa-file-word-o \f1c2
.fa-scissors \f0c4 .fa-file-excel-o \f1c3
.fa-copy \f0c5 .fa-file-powerpoint-o \f1c4
.fa-files-o \f0c5 .fa-file-photo-o \f1c5
.fa-paperclip \f0c6 .fa-file-picture-o \f1c5
.fa-save \f0c7 .fa-file-image-o \f1c5
.fa-floppy-o \f0c7 .fa-file-zip-o \f1c6
.fa-square \f0c8 .fa-file-archive-o \f1c6
.fa-navicon \f0c9 .fa-file-sound-o \f1c7
.fa-reorder \f0c9 .fa-file-audio-o \f1c7
.fa-bars \f0c9 .fa-file-movie-o \f1c8
.fa-list-ul \f0ca .fa-file-video-o \f1c8
.fa-list-ol \f0cb .fa-file-code-o \f1c9
.fa-strikethrough \f0cc .fa-vine \f1ca
.fa-underline \f0cd .fa-codepen \f1cb
.fa-table \f0ce .fa-jsfiddle \f1cc
.fa-magic \f0d0 .fa-life-bouy \f1cd
.fa-truck \f0d1 .fa-life-buoy \f1cd
.fa-pinterest \f0d2 .fa-life-saver \f1cd
.fa-pinterest-square \f0d3 .fa-support \f1cd
.fa-google-plus-square \f0d4 .fa-life-ring \f1cd
.fa-google-plus \f0d5 .fa-circle-o-notch \f1ce
.fa-money \f0d6 .fa-ra \f1d0
.fa-caret-down \f0d7 .fa-rebel \f1d0
.fa-caret-up \f0d8 .fa-ge \f1d1
.fa-caret-left \f0d9 .fa-empire \f1d1
.fa-caret-right \f0da .fa-git-square \f1d2
.fa-columns \f0db .fa-git \f1d3
.fa-unsorted \f0dc .fa-hacker-news \f1d4
.fa-sort \f0dc .fa-tencent-weibo \f1d5
.fa-sort-down \f0dd .fa-qq \f1d6
.fa-sort-desc \f0dd .fa-wechat \f1d7
.fa-sort-up \f0de .fa-weixin \f1d7
.fa-sort-asc \f0de .fa-send \f1d8
.fa-envelope \f0e0 .fa-paper-plane \f1d8
.fa-linkedin \f0e1 .fa-send-o \f1d9
.fa-rotate-left \f0e2 .fa-paper-plane-o \f1d9
.fa-undo \f0e2 .fa-history \f1da
.fa-legal \f0e3 .fa-circle-thin \f1db
.fa-gavel \f0e3 .fa-header \f1dc
.fa-dashboard \f0e4 .fa-paragraph \f1dd
.fa-tachometer \f0e4 .fa-sliders \f1de
.fa-comment-o \f0e5 .fa-share-alt \f1e0
.fa-comments-o \f0e6 .fa-share-alt-square \f1e1
.fa-flash \f0e7 .fa-bomb \f1e2
.fa-bolt \f0e7 .fa-soccer-ball-o \f1e3
.fa-sitemap \f0e8 .fa-futbol-o \f1e3
.fa-umbrella \f0e9 .fa-tty \f1e4
.fa-paste \f0ea .fa-binoculars \f1e5
.fa-clipboard \f0ea .fa-plug \f1e6
.fa-lightbulb-o \f0eb .fa-slideshare \f1e7
.fa-exchange \f0ec .fa-twitch \f1e8
.fa-cloud-download \f0ed .fa-yelp \f1e9
.fa-cloud-upload \f0ee .fa-newspaper-o \f1ea
.fa-user-md \f0f0 .fa-wifi \f1eb
.fa-stethoscope \f0f1 .fa-calculator \f1ec
.fa-suitcase \f0f2 .fa-paypal \f1ed
.fa-bell-o \f0a2 .fa-google-wallet \f1ee
.fa-coffee \f0f4 .fa-cc-visa \f1f0
.fa-cutlery \f0f5 .fa-cc-mastercard \f1f1
.fa-file-text-o \f0f6 .fa-cc-discover \f1f2
.fa-building-o \f0f7 .fa-cc-amex \f1f3
.fa-hospital-o \f0f8 .fa-cc-paypal \f1f4
.fa-ambulance \f0f9 .fa-cc-stripe \f1f5
.fa-medkit \f0fa .fa-bell-slash \f1f6
.fa-fighter-jet \f0fb .fa-bell-slash-o \f1f7
.fa-beer \f0fc .fa-trash \f1f8
.fa-h-square \f0fd .fa-copyright \f1f9
.fa-plus-square \f0fe .fa-at \f1fa
.fa-angle-double-left \f100 .fa-eyedropper \f1fb
.fa-angle-double-right \f101 .fa-paint-brush \f1fc
.fa-angle-double-up \f102 .fa-birthday-cake \f1fd
.fa-angle-double-down \f103 .fa-area-chart \f1fe
.fa-angle-left \f104 .fa-pie-chart \f200
.fa-angle-right \f105 .fa-line-chart \f201
.fa-angle-up \f106 .fa-lastfm \f202
.fa-angle-down \f107 .fa-lastfm-square \f203
.fa-desktop \f108 .fa-toggle-off \f204
.fa-laptop \f109 .fa-toggle-on \f205
.fa-tablet \f10a .fa-bicycle \f206
.fa-mobile-phone \f10b .fa-bus \f207
.fa-mobile \f10b .fa-ioxhost \f208
.fa-circle-o \f10c .fa-angellist \f209
.fa-quote-left \f10d .fa-cc \f20a
.fa-quote-right \f10e .fa-shekel \f20b
.fa-spinner \f110 .fa-sheqel \f20b
.fa-circle \f111 .fa-ils \f20b
.fa-mail-reply \f112 .fa-meanpath \f20c
.fa-reply \f112
（.fa-mail-reply \f112 .fa-meanpath \f20c 注意这样区分，一行是俩个图标） 查看全部
NAME CODE NAME CODE
.fa-glass \f000 .fa-github-alt \f113
.fa-music \f001 .fa-folder-o \f114
.fa-search \f002 .fa-folder-open-o \f115
.fa-envelope-o \f003 .fa-smile-o \f118
.fa-heart \f004 .fa-frown-o \f119
.fa-star \f005 .fa-meh-o \f11a
.fa-star-o \f006 .fa-gamepad \f11b
.fa-user \f007 .fa-keyboard-o \f11c
.fa-film \f008 .fa-flag-o \f11d
.fa-th-large \f009 .fa-flag-checkered \f11e
.fa-th \f00a .fa-terminal \f120
.fa-th-list \f00b .fa-code \f121
.fa-check \f00c .fa-mail-reply-all \f122
.fa-remove \f00d .fa-reply-all \f122
.fa-close \f00d .fa-star-half-empty \f123
.fa-times \f00d .fa-star-half-full \f123
.fa-search-plus \f00e .fa-star-half-o \f123
.fa-search-minus \f010 .fa-location-arrow \f124
.fa-power-off \f011 .fa-crop \f125
.fa-signal \f012 .fa-code-fork \f126
.fa-gear \f013 .fa-unlink \f127
.fa-cog \f013 .fa-chain-broken \f127
.fa-trash-o \f014 .fa-question \f128
.fa-home \f015 .fa-info \f129
.fa-file-o \f016 .fa-exclamation \f12a
.fa-clock-o \f017 .fa-superscript \f12b
.fa-road \f018 .fa-subscript \f12c
.fa-download \f019 .fa-eraser \f12d
.fa-arrow-circle-o-down \f01a .fa-puzzle-piece \f12e
.fa-arrow-circle-o-up \f01b .fa-microphone \f130
.fa-inbox \f01c .fa-microphone-slash \f131
.fa-play-circle-o \f01d .fa-shield \f132
.fa-rotate-right \f01e .fa-calendar-o \f133
.fa-repeat \f01e .fa-fire-extinguisher \f134
.fa-refresh \f021 .fa-rocket \f135
.fa-list-alt \f022 .fa-maxcdn \f136
.fa-lock \f023 .fa-chevron-circle-left \f137
.fa-flag \f024 .fa-chevron-circle-right \f138
.fa-headphones \f025 .fa-chevron-circle-up \f139
.fa-volume-off \f026 .fa-chevron-circle-down \f13a
.fa-volume-down \f027 .fa-html5 \f13b
.fa-volume-up \f028 .fa-css3 \f13c
.fa-qrcode \f029 .fa-anchor \f13d
.fa-barcode \f02a .fa-unlock-alt \f13e
.fa-tag \f02b .fa-bullseye \f140
.fa-tags \f02c .fa-ellipsis-h \f141
.fa-book \f02d .fa-ellipsis-v \f142
.fa-bookmark \f02e .fa-rss-square \f143
.fa-print \f02f .fa-play-circle \f144
.fa-camera \f030 .fa-ticket \f145
.fa-font \f031 .fa-minus-square \f146
.fa-bold \f032 .fa-minus-square-o \f147
.fa-italic \f033 .fa-level-up \f148
.fa-text-height \f034 .fa-level-down \f149
.fa-text-width \f035 .fa-check-square \f14a
.fa-align-left \f036 .fa-pencil-square \f14b
.fa-align-center \f037 .fa-external-link-square \f14c
.fa-align-right \f038 .fa-share-square \f14d
.fa-align-justify \f039 .fa-compass \f14e
.fa-list \f03a .fa-toggle-down \f150
.fa-dedent \f03b .fa-caret-square-o-down \f150
.fa-outdent \f03b .fa-toggle-up \f151
.fa-indent \f03c .fa-caret-square-o-up \f151
.fa-video-camera \f03d .fa-toggle-right \f152
.fa-photo \f03e .fa-caret-square-o-right \f152
.fa-image \f03e .fa-euro \f153
.fa-picture-o \f03e .fa-eur \f153
.fa-pencil \f040 .fa-gbp \f154
.fa-map-marker \f041 .fa-dollar \f155
.fa-adjust \f042 .fa-usd \f155
.fa-tint \f043 .fa-rupee \f156
.fa-edit \f044 .fa-inr \f156
.fa-pencil-square-o \f044 .fa-cny \f157
.fa-share-square-o \f045 .fa-rmb \f157
.fa-check-square-o \f046 .fa-yen \f157
.fa-arrows \f047 .fa-jpy \f157
.fa-step-backward \f048 .fa-ruble \f158
.fa-fast-backward \f049 .fa-rouble \f158
.fa-backward \f04a .fa-rub \f158
.fa-play \f04b .fa-won \f159
.fa-pause \f04c .fa-krw \f159
.fa-stop \f04d .fa-bitcoin \f15a
.fa-forward \f04e .fa-btc \f15a
.fa-fast-forward \f050 .fa-file \f15b
.fa-step-forward \f051 .fa-file-text \f15c
.fa-eject \f052 .fa-sort-alpha-asc \f15d
.fa-chevron-left \f053 .fa-sort-alpha-desc \f15e
.fa-chevron-right \f054 .fa-sort-amount-asc \f160
.fa-plus-circle \f055 .fa-sort-amount-desc \f161
.fa-minus-circle \f056 .fa-sort-numeric-asc \f162
.fa-times-circle \f057 .fa-sort-numeric-desc \f163
.fa-check-circle \f058 .fa-thumbs-up \f164
.fa-question-circle \f059 .fa-thumbs-down \f165
.fa-info-circle \f05a .fa-youtube-square \f166
.fa-crosshairs \f05b .fa-youtube \f167
.fa-times-circle-o \f05c .fa-xing \f168
.fa-check-circle-o \f05d .fa-xing-square \f169
.fa-ban \f05e .fa-youtube-play \f16a
.fa-arrow-left \f060 .fa-dropbox \f16b
.fa-arrow-right \f061 .fa-stack-overflow \f16c
.fa-arrow-up \f062 .fa-instagram \f16d
.fa-arrow-down \f063 .fa-flickr \f16e
.fa-mail-forward \f064 .fa-adn \f170
.fa-share \f064 .fa-bitbucket \f171
.fa-expand \f065 .fa-bitbucket-square \f172
.fa-compress \f066 .fa-tumblr \f173
.fa-plus \f067 .fa-tumblr-square \f174
.fa-minus \f068 .fa-long-arrow-down \f175
.fa-asterisk \f069 .fa-long-arrow-up \f176
.fa-exclamation-circle \f06a .fa-long-arrow-left \f177
.fa-gift \f06b .fa-long-arrow-right \f178
.fa-leaf \f06c .fa-apple \f179
.fa-fire \f06d .fa-windows \f17a
.fa-eye \f06e .fa-android \f17b
.fa-eye-slash \f070 .fa-linux \f17c
.fa-warning \f071 .fa-dribbble \f17d
.fa-exclamation-triangle \f071 .fa-skype \f17e
.fa-plane \f072 .fa-foursquare \f180
.fa-calendar \f073 .fa-trello \f181
.fa-random \f074 .fa-female \f182
.fa-comment \f075 .fa-male \f183
.fa-magnet \f076 .fa-gittip \f184
.fa-chevron-up \f077 .fa-sun-o \f185
.fa-chevron-down \f078 .fa-moon-o \f186
.fa-retweet \f079 .fa-archive \f187
.fa-shopping-cart \f07a .fa-bug \f188
.fa-folder \f07b .fa-vk \f189
.fa-folder-open \f07c .fa-weibo \f18a
.fa-arrows-v \f07d .fa-renren \f18b
.fa-arrows-h \f07e .fa-pagelines \f18c
.fa-bar-chart-o \f080 .fa-stack-exchange \f18d
.fa-bar-chart \f080 .fa-arrow-circle-o-right \f18e
.fa-twitter-square \f081 .fa-arrow-circle-o-left \f190
.fa-facebook-square \f082 .fa-toggle-left \f191
.fa-camera-retro \f083 .fa-caret-square-o-left \f191
.fa-key \f084 .fa-dot-circle-o \f192
.fa-gears \f085 .fa-wheelchair \f193
.fa-cogs \f085 .fa-vimeo-square \f194
.fa-comments \f086 .fa-turkish-lira \f195
.fa-thumbs-o-up \f087 .fa-try \f195
.fa-thumbs-o-down \f088 .fa-plus-square-o \f196
.fa-star-half \f089 .fa-space-shuttle \f197
.fa-heart-o \f08a .fa-slack \f198
.fa-sign-out \f08b .fa-envelope-square \f199
.fa-linkedin-square \f08c .fa-wordpress \f19a
.fa-thumb-tack \f08d .fa-openid \f19b
.fa-external-link \f08e .fa-institution \f19c
.fa-sign-in \f090 .fa-bank \f19c
.fa-trophy \f091 .fa-university \f19c
.fa-github-square \f092 .fa-mortar-board \f19d
.fa-upload \f093 .fa-graduation-cap \f19d
.fa-lemon-o \f094 .fa-yahoo \f19e
.fa-phone \f095 .fa-google \f1a0
.fa-square-o \f096 .fa-reddit \f1a1
.fa-bookmark-o \f097 .fa-reddit-square \f1a2
.fa-phone-square \f098 .fa-stumbleupon-circle \f1a3
.fa-twitter \f099 .fa-stumbleupon \f1a4
.fa-facebook \f09a .fa-delicious \f1a5
.fa-github \f09b .fa-digg \f1a6
.fa-unlock \f09c .fa-pied-piper \f1a7
.fa-credit-card \f09d .fa-pied-piper-alt \f1a8
.fa-rss \f09e .fa-drupal \f1a9
.fa-hdd-o \f0a0 .fa-joomla \f1aa
.fa-bullhorn \f0a1 .fa-language \f1ab
.fa-bell \f0f3 .fa-fax \f1ac
.fa-certificate \f0a3 .fa-building \f1ad
.fa-hand-o-right \f0a4 .fa-child \f1ae
.fa-hand-o-left \f0a5 .fa-paw \f1b0
.fa-hand-o-up \f0a6 .fa-spoon \f1b1
.fa-hand-o-down \f0a7 .fa-cube \f1b2
.fa-arrow-circle-left \f0a8 .fa-cubes \f1b3
.fa-arrow-circle-right \f0a9 .fa-behance \f1b4
.fa-arrow-circle-up \f0aa .fa-behance-square \f1b5
.fa-arrow-circle-down \f0ab .fa-steam \f1b6
.fa-globe \f0ac .fa-steam-square \f1b7
.fa-wrench \f0ad .fa-recycle \f1b8
.fa-tasks \f0ae .fa-automobile \f1b9
.fa-filter \f0b0 .fa-car \f1b9
.fa-briefcase \f0b1 .fa-cab \f1ba
.fa-arrows-alt \f0b2 .fa-taxi \f1ba
.fa-group \f0c0 .fa-tree \f1bb
.fa-users \f0c0 .fa-spotify \f1bc
.fa-chain \f0c1 .fa-deviantart \f1bd
.fa-link \f0c1 .fa-soundcloud \f1be
.fa-cloud \f0c2 .fa-database \f1c0
.fa-flask \f0c3 .fa-file-pdf-o \f1c1
.fa-cut \f0c4 .fa-file-word-o \f1c2
.fa-scissors \f0c4 .fa-file-excel-o \f1c3
.fa-copy \f0c5 .fa-file-powerpoint-o \f1c4
.fa-files-o \f0c5 .fa-file-photo-o \f1c5
.fa-paperclip \f0c6 .fa-file-picture-o \f1c5
.fa-save \f0c7 .fa-file-image-o \f1c5
.fa-floppy-o \f0c7 .fa-file-zip-o \f1c6
.fa-square \f0c8 .fa-file-archive-o \f1c6
.fa-navicon \f0c9 .fa-file-sound-o \f1c7
.fa-reorder \f0c9 .fa-file-audio-o \f1c7
.fa-bars \f0c9 .fa-file-movie-o \f1c8
.fa-list-ul \f0ca .fa-file-video-o \f1c8
.fa-list-ol \f0cb .fa-file-code-o \f1c9
.fa-strikethrough \f0cc .fa-vine \f1ca
.fa-underline \f0cd .fa-codepen \f1cb
.fa-table \f0ce .fa-jsfiddle \f1cc
.fa-magic \f0d0 .fa-life-bouy \f1cd
.fa-truck \f0d1 .fa-life-buoy \f1cd
.fa-pinterest \f0d2 .fa-life-saver \f1cd
.fa-pinterest-square \f0d3 .fa-support \f1cd
.fa-google-plus-square \f0d4 .fa-life-ring \f1cd
.fa-google-plus \f0d5 .fa-circle-o-notch \f1ce
.fa-money \f0d6 .fa-ra \f1d0
.fa-caret-down \f0d7 .fa-rebel \f1d0
.fa-caret-up \f0d8 .fa-ge \f1d1
.fa-caret-left \f0d9 .fa-empire \f1d1
.fa-caret-right \f0da .fa-git-square \f1d2
.fa-columns \f0db .fa-git \f1d3
.fa-unsorted \f0dc .fa-hacker-news \f1d4
.fa-sort \f0dc .fa-tencent-weibo \f1d5
.fa-sort-down \f0dd .fa-qq \f1d6
.fa-sort-desc \f0dd .fa-wechat \f1d7
.fa-sort-up \f0de .fa-weixin \f1d7
.fa-sort-asc \f0de .fa-send \f1d8
.fa-envelope \f0e0 .fa-paper-plane \f1d8
.fa-linkedin \f0e1 .fa-send-o \f1d9
.fa-rotate-left \f0e2 .fa-paper-plane-o \f1d9
.fa-undo \f0e2 .fa-history \f1da
.fa-legal \f0e3 .fa-circle-thin \f1db
.fa-gavel \f0e3 .fa-header \f1dc
.fa-dashboard \f0e4 .fa-paragraph \f1dd
.fa-tachometer \f0e4 .fa-sliders \f1de
.fa-comment-o \f0e5 .fa-share-alt \f1e0
.fa-comments-o \f0e6 .fa-share-alt-square \f1e1
.fa-flash \f0e7 .fa-bomb \f1e2
.fa-bolt \f0e7 .fa-soccer-ball-o \f1e3
.fa-sitemap \f0e8 .fa-futbol-o \f1e3
.fa-umbrella \f0e9 .fa-tty \f1e4
.fa-paste \f0ea .fa-binoculars \f1e5
.fa-clipboard \f0ea .fa-plug \f1e6
.fa-lightbulb-o \f0eb .fa-slideshare \f1e7
.fa-exchange \f0ec .fa-twitch \f1e8
.fa-cloud-download \f0ed .fa-yelp \f1e9
.fa-cloud-upload \f0ee .fa-newspaper-o \f1ea
.fa-user-md \f0f0 .fa-wifi \f1eb
.fa-stethoscope \f0f1 .fa-calculator \f1ec
.fa-suitcase \f0f2 .fa-paypal \f1ed
.fa-bell-o \f0a2 .fa-google-wallet \f1ee
.fa-coffee \f0f4 .fa-cc-visa \f1f0
.fa-cutlery \f0f5 .fa-cc-mastercard \f1f1
.fa-file-text-o \f0f6 .fa-cc-discover \f1f2
.fa-building-o \f0f7 .fa-cc-amex \f1f3
.fa-hospital-o \f0f8 .fa-cc-paypal \f1f4
.fa-ambulance \f0f9 .fa-cc-stripe \f1f5
.fa-medkit \f0fa .fa-bell-slash \f1f6
.fa-fighter-jet \f0fb .fa-bell-slash-o \f1f7
.fa-beer \f0fc .fa-trash \f1f8
.fa-h-square \f0fd .fa-copyright \f1f9
.fa-plus-square \f0fe .fa-at \f1fa
.fa-angle-double-left \f100 .fa-eyedropper \f1fb
.fa-angle-double-right \f101 .fa-paint-brush \f1fc
.fa-angle-double-up \f102 .fa-birthday-cake \f1fd
.fa-angle-double-down \f103 .fa-area-chart \f1fe
.fa-angle-left \f104 .fa-pie-chart \f200
.fa-angle-right \f105 .fa-line-chart \f201
.fa-angle-up \f106 .fa-lastfm \f202
.fa-angle-down \f107 .fa-lastfm-square \f203
.fa-desktop \f108 .fa-toggle-off \f204
.fa-laptop \f109 .fa-toggle-on \f205
.fa-tablet \f10a .fa-bicycle \f206
.fa-mobile-phone \f10b .fa-bus \f207
.fa-mobile \f10b .fa-ioxhost \f208
.fa-circle-o \f10c .fa-angellist \f209
.fa-quote-left \f10d .fa-cc \f20a
.fa-quote-right \f10e .fa-shekel \f20b
.fa-spinner \f110 .fa-sheqel \f20b
.fa-circle \f111 .fa-ils \f20b
.fa-mail-reply \f112 .fa-meanpath \f20c
.fa-reply \f112
（.fa-mail-reply \f112 .fa-meanpath \f20c 注意这样区分，一行是俩个图标） 查看全部
有些情况下，我们不得不使用伪元素::before 和 ::after来实现fontawesome的小图标，所以我收集了一下图标类对应的字符编码表：
NAME CODE NAME CODE
.fa-glass \f000 .fa-github-alt \f113
.fa-music \f001 .fa-folder-o \f114
.fa-search \f002 .fa-folder-open-o \f115
.fa-envelope-o \f003 .fa-smile-o \f118
.fa-heart \f004 .fa-frown-o \f119
.fa-star \f005 .fa-meh-o \f11a
.fa-star-o \f006 .fa-gamepad \f11b
.fa-user \f007 .fa-keyboard-o \f11c
.fa-film \f008 .fa-flag-o \f11d
.fa-th-large \f009 .fa-flag-checkered \f11e
.fa-th \f00a .fa-terminal \f120
.fa-th-list \f00b .fa-code \f121
.fa-check \f00c .fa-mail-reply-all \f122
.fa-remove \f00d .fa-reply-all \f122
.fa-close \f00d .fa-star-half-empty \f123
.fa-times \f00d .fa-star-half-full \f123
.fa-search-plus \f00e .fa-star-half-o \f123
.fa-search-minus \f010 .fa-location-arrow \f124
.fa-power-off \f011 .fa-crop \f125
.fa-signal \f012 .fa-code-fork \f126
.fa-gear \f013 .fa-unlink \f127
.fa-cog \f013 .fa-chain-broken \f127
.fa-trash-o \f014 .fa-question \f128
.fa-home \f015 .fa-info \f129
.fa-file-o \f016 .fa-exclamation \f12a
.fa-clock-o \f017 .fa-superscript \f12b
.fa-road \f018 .fa-subscript \f12c
.fa-download \f019 .fa-eraser \f12d
.fa-arrow-circle-o-down \f01a .fa-puzzle-piece \f12e
.fa-arrow-circle-o-up \f01b .fa-microphone \f130
.fa-inbox \f01c .fa-microphone-slash \f131
.fa-play-circle-o \f01d .fa-shield \f132
.fa-rotate-right \f01e .fa-calendar-o \f133
.fa-repeat \f01e .fa-fire-extinguisher \f134
.fa-refresh \f021 .fa-rocket \f135
.fa-list-alt \f022 .fa-maxcdn \f136
.fa-lock \f023 .fa-chevron-circle-left \f137
.fa-flag \f024 .fa-chevron-circle-right \f138
.fa-headphones \f025 .fa-chevron-circle-up \f139
.fa-volume-off \f026 .fa-chevron-circle-down \f13a
.fa-volume-down \f027 .fa-html5 \f13b
.fa-volume-up \f028 .fa-css3 \f13c
.fa-qrcode \f029 .fa-anchor \f13d
.fa-barcode \f02a .fa-unlock-alt \f13e
.fa-tag \f02b .fa-bullseye \f140
.fa-tags \f02c .fa-ellipsis-h \f141
.fa-book \f02d .fa-ellipsis-v \f142
.fa-bookmark \f02e .fa-rss-square \f143
.fa-print \f02f .fa-play-circle \f144
.fa-camera \f030 .fa-ticket \f145
.fa-font \f031 .fa-minus-square \f146
.fa-bold \f032 .fa-minus-square-o \f147
.fa-italic \f033 .fa-level-up \f148
.fa-text-height \f034 .fa-level-down \f149
.fa-text-width \f035 .fa-check-square \f14a
.fa-align-left \f036 .fa-pencil-square \f14b
.fa-align-center \f037 .fa-external-link-square \f14c
.fa-align-right \f038 .fa-share-square \f14d
.fa-align-justify \f039 .fa-compass \f14e
.fa-list \f03a .fa-toggle-down \f150
.fa-dedent \f03b .fa-caret-square-o-down \f150
.fa-outdent \f03b .fa-toggle-up \f151
.fa-indent \f03c .fa-caret-square-o-up \f151
.fa-video-camera \f03d .fa-toggle-right \f152
.fa-photo \f03e .fa-caret-square-o-right \f152
.fa-image \f03e .fa-euro \f153
.fa-picture-o \f03e .fa-eur \f153
.fa-pencil \f040 .fa-gbp \f154
.fa-map-marker \f041 .fa-dollar \f155
.fa-adjust \f042 .fa-usd \f155
.fa-tint \f043 .fa-rupee \f156
.fa-edit \f044 .fa-inr \f156
.fa-pencil-square-o \f044 .fa-cny \f157
.fa-share-square-o \f045 .fa-rmb \f157
.fa-check-square-o \f046 .fa-yen \f157
.fa-arrows \f047 .fa-jpy \f157
.fa-step-backward \f048 .fa-ruble \f158
.fa-fast-backward \f049 .fa-rouble \f158
.fa-backward \f04a .fa-rub \f158
.fa-play \f04b .fa-won \f159
.fa-pause \f04c .fa-krw \f159
.fa-stop \f04d .fa-bitcoin \f15a
.fa-forward \f04e .fa-btc \f15a
.fa-fast-forward \f050 .fa-file \f15b
.fa-step-forward \f051 .fa-file-text \f15c
.fa-eject \f052 .fa-sort-alpha-asc \f15d
.fa-chevron-left \f053 .fa-sort-alpha-desc \f15e
.fa-chevron-right \f054 .fa-sort-amount-asc \f160
.fa-plus-circle \f055 .fa-sort-amount-desc \f161
.fa-minus-circle \f056 .fa-sort-numeric-asc \f162
.fa-times-circle \f057 .fa-sort-numeric-desc \f163
.fa-check-circle \f058 .fa-thumbs-up \f164
.fa-question-circle \f059 .fa-thumbs-down \f165
.fa-info-circle \f05a .fa-youtube-square \f166
.fa-crosshairs \f05b .fa-youtube \f167
.fa-times-circle-o \f05c .fa-xing \f168
.fa-check-circle-o \f05d .fa-xing-square \f169
.fa-ban \f05e .fa-youtube-play \f16a
.fa-arrow-left \f060 .fa-dropbox \f16b
.fa-arrow-right \f061 .fa-stack-overflow \f16c
.fa-arrow-up \f062 .fa-instagram \f16d
.fa-arrow-down \f063 .fa-flickr \f16e
.fa-mail-forward \f064 .fa-adn \f170
.fa-share \f064 .fa-bitbucket \f171
.fa-expand \f065 .fa-bitbucket-square \f172
.fa-compress \f066 .fa-tumblr \f173
.fa-plus \f067 .fa-tumblr-square \f174
.fa-minus \f068 .fa-long-arrow-down \f175
.fa-asterisk \f069 .fa-long-arrow-up \f176
.fa-exclamation-circle \f06a .fa-long-arrow-left \f177
.fa-gift \f06b .fa-long-arrow-right \f178
.fa-leaf \f06c .fa-apple \f179
.fa-fire \f06d .fa-windows \f17a
.fa-eye \f06e .fa-android \f17b
.fa-eye-slash \f070 .fa-linux \f17c
.fa-warning \f071 .fa-dribbble \f17d
.fa-exclamation-triangle \f071 .fa-skype \f17e
.fa-plane \f072 .fa-foursquare \f180
.fa-calendar \f073 .fa-trello \f181
.fa-random \f074 .fa-female \f182
.fa-comment \f075 .fa-male \f183
.fa-magnet \f076 .fa-gittip \f184
.fa-chevron-up \f077 .fa-sun-o \f185
.fa-chevron-down \f078 .fa-moon-o \f186
.fa-retweet \f079 .fa-archive \f187
.fa-shopping-cart \f07a .fa-bug \f188
.fa-folder \f07b .fa-vk \f189
.fa-folder-open \f07c .fa-weibo \f18a
.fa-arrows-v \f07d .fa-renren \f18b
.fa-arrows-h \f07e .fa-pagelines \f18c
.fa-bar-chart-o \f080 .fa-stack-exchange \f18d
.fa-bar-chart \f080 .fa-arrow-circle-o-right \f18e
.fa-twitter-square \f081 .fa-arrow-circle-o-left \f190
.fa-facebook-square \f082 .fa-toggle-left \f191
.fa-camera-retro \f083 .fa-caret-square-o-left \f191
.fa-key \f084 .fa-dot-circle-o \f192
.fa-gears \f085 .fa-wheelchair \f193
.fa-cogs \f085 .fa-vimeo-square \f194
.fa-comments \f086 .fa-turkish-lira \f195
.fa-thumbs-o-up \f087 .fa-try \f195
.fa-thumbs-o-down \f088 .fa-plus-square-o \f196
.fa-star-half \f089 .fa-space-shuttle \f197
.fa-heart-o \f08a .fa-slack \f198
.fa-sign-out \f08b .fa-envelope-square \f199
.fa-linkedin-square \f08c .fa-wordpress \f19a
.fa-thumb-tack \f08d .fa-openid \f19b
.fa-external-link \f08e .fa-institution \f19c
.fa-sign-in \f090 .fa-bank \f19c
.fa-trophy \f091 .fa-university \f19c
.fa-github-square \f092 .fa-mortar-board \f19d
.fa-upload \f093 .fa-graduation-cap \f19d
.fa-lemon-o \f094 .fa-yahoo \f19e
.fa-phone \f095 .fa-google \f1a0
.fa-square-o \f096 .fa-reddit \f1a1
.fa-bookmark-o \f097 .fa-reddit-square \f1a2
.fa-phone-square \f098 .fa-stumbleupon-circle \f1a3
.fa-twitter \f099 .fa-stumbleupon \f1a4
.fa-facebook \f09a .fa-delicious \f1a5
.fa-github \f09b .fa-digg \f1a6
.fa-unlock \f09c .fa-pied-piper \f1a7
.fa-credit-card \f09d .fa-pied-piper-alt \f1a8
.fa-rss \f09e .fa-drupal \f1a9
.fa-hdd-o \f0a0 .fa-joomla \f1aa
.fa-bullhorn \f0a1 .fa-language \f1ab
.fa-bell \f0f3 .fa-fax \f1ac
.fa-certificate \f0a3 .fa-building \f1ad
.fa-hand-o-right \f0a4 .fa-child \f1ae
.fa-hand-o-left \f0a5 .fa-paw \f1b0
.fa-hand-o-up \f0a6 .fa-spoon \f1b1
.fa-hand-o-down \f0a7 .fa-cube \f1b2
.fa-arrow-circle-left \f0a8 .fa-cubes \f1b3
.fa-arrow-circle-right \f0a9 .fa-behance \f1b4
.fa-arrow-circle-up \f0aa .fa-behance-square \f1b5
.fa-arrow-circle-down \f0ab .fa-steam \f1b6
.fa-globe \f0ac .fa-steam-square \f1b7
.fa-wrench \f0ad .fa-recycle \f1b8
.fa-tasks \f0ae .fa-automobile \f1b9
.fa-filter \f0b0 .fa-car \f1b9
.fa-briefcase \f0b1 .fa-cab \f1ba
.fa-arrows-alt \f0b2 .fa-taxi \f1ba
.fa-group \f0c0 .fa-tree \f1bb
.fa-users \f0c0 .fa-spotify \f1bc
.fa-chain \f0c1 .fa-deviantart \f1bd
.fa-link \f0c1 .fa-soundcloud \f1be
.fa-cloud \f0c2 .fa-database \f1c0
.fa-flask \f0c3 .fa-file-pdf-o \f1c1
.fa-cut \f0c4 .fa-file-word-o \f1c2
.fa-scissors \f0c4 .fa-file-excel-o \f1c3
.fa-copy \f0c5 .fa-file-powerpoint-o \f1c4
.fa-files-o \f0c5 .fa-file-photo-o \f1c5
.fa-paperclip \f0c6 .fa-file-picture-o \f1c5
.fa-save \f0c7 .fa-file-image-o \f1c5
.fa-floppy-o \f0c7 .fa-file-zip-o \f1c6
.fa-square \f0c8 .fa-file-archive-o \f1c6
.fa-navicon \f0c9 .fa-file-sound-o \f1c7
.fa-reorder \f0c9 .fa-file-audio-o \f1c7
.fa-bars \f0c9 .fa-file-movie-o \f1c8
.fa-list-ul \f0ca .fa-file-video-o \f1c8
.fa-list-ol \f0cb .fa-file-code-o \f1c9
.fa-strikethrough \f0cc .fa-vine \f1ca
.fa-underline \f0cd .fa-codepen \f1cb
.fa-table \f0ce .fa-jsfiddle \f1cc
.fa-magic \f0d0 .fa-life-bouy \f1cd
.fa-truck \f0d1 .fa-life-buoy \f1cd
.fa-pinterest \f0d2 .fa-life-saver \f1cd
.fa-pinterest-square \f0d3 .fa-support \f1cd
.fa-google-plus-square \f0d4 .fa-life-ring \f1cd
.fa-google-plus \f0d5 .fa-circle-o-notch \f1ce
.fa-money \f0d6 .fa-ra \f1d0
.fa-caret-down \f0d7 .fa-rebel \f1d0
.fa-caret-up \f0d8 .fa-ge \f1d1
.fa-caret-left \f0d9 .fa-empire \f1d1
.fa-caret-right \f0da .fa-git-square \f1d2
.fa-columns \f0db .fa-git \f1d3
.fa-unsorted \f0dc .fa-hacker-news \f1d4
.fa-sort \f0dc .fa-tencent-weibo \f1d5
.fa-sort-down \f0dd .fa-qq \f1d6
.fa-sort-desc \f0dd .fa-wechat \f1d7
.fa-sort-up \f0de .fa-weixin \f1d7
.fa-sort-asc \f0de .fa-send \f1d8
.fa-envelope \f0e0 .fa-paper-plane \f1d8
.fa-linkedin \f0e1 .fa-send-o \f1d9
.fa-rotate-left \f0e2 .fa-paper-plane-o \f1d9
.fa-undo \f0e2 .fa-history \f1da
.fa-legal \f0e3 .fa-circle-thin \f1db
.fa-gavel \f0e3 .fa-header \f1dc
.fa-dashboard \f0e4 .fa-paragraph \f1dd
.fa-tachometer \f0e4 .fa-sliders \f1de
.fa-comment-o \f0e5 .fa-share-alt \f1e0
.fa-comments-o \f0e6 .fa-share-alt-square \f1e1
.fa-flash \f0e7 .fa-bomb \f1e2
.fa-bolt \f0e7 .fa-soccer-ball-o \f1e3
.fa-sitemap \f0e8 .fa-futbol-o \f1e3
.fa-umbrella \f0e9 .fa-tty \f1e4
.fa-paste \f0ea .fa-binoculars \f1e5
.fa-clipboard \f0ea .fa-plug \f1e6
.fa-lightbulb-o \f0eb .fa-slideshare \f1e7
.fa-exchange \f0ec .fa-twitch \f1e8
.fa-cloud-download \f0ed .fa-yelp \f1e9
.fa-cloud-upload \f0ee .fa-newspaper-o \f1ea
.fa-user-md \f0f0 .fa-wifi \f1eb
.fa-stethoscope \f0f1 .fa-calculator \f1ec
.fa-suitcase \f0f2 .fa-paypal \f1ed
.fa-bell-o \f0a2 .fa-google-wallet \f1ee
.fa-coffee \f0f4 .fa-cc-visa \f1f0
.fa-cutlery \f0f5 .fa-cc-mastercard \f1f1
.fa-file-text-o \f0f6 .fa-cc-discover \f1f2
.fa-building-o \f0f7 .fa-cc-amex \f1f3
.fa-hospital-o \f0f8 .fa-cc-paypal \f1f4
.fa-ambulance \f0f9 .fa-cc-stripe \f1f5
.fa-medkit \f0fa .fa-bell-slash \f1f6
.fa-fighter-jet \f0fb .fa-bell-slash-o \f1f7
.fa-beer \f0fc .fa-trash \f1f8
.fa-h-square \f0fd .fa-copyright \f1f9
.fa-plus-square \f0fe .fa-at \f1fa
.fa-angle-double-left \f100 .fa-eyedropper \f1fb
.fa-angle-double-right \f101 .fa-paint-brush \f1fc
.fa-angle-double-up \f102 .fa-birthday-cake \f1fd
.fa-angle-double-down \f103 .fa-area-chart \f1fe
.fa-angle-left \f104 .fa-pie-chart \f200
.fa-angle-right \f105 .fa-line-chart \f201
.fa-angle-up \f106 .fa-lastfm \f202
.fa-angle-down \f107 .fa-lastfm-square \f203
.fa-desktop \f108 .fa-toggle-off \f204
.fa-laptop \f109 .fa-toggle-on \f205
.fa-tablet \f10a .fa-bicycle \f206
.fa-mobile-phone \f10b .fa-bus \f207
.fa-mobile \f10b .fa-ioxhost \f208
.fa-circle-o \f10c .fa-angellist \f209
.fa-quote-left \f10d .fa-cc \f20a
.fa-quote-right \f10e .fa-shekel \f20b
.fa-spinner \f110 .fa-sheqel \f20b
.fa-circle \f111 .fa-ils \f20b
.fa-mail-reply \f112 .fa-meanpath \f20c
.fa-reply \f112
（.fa-mail-reply \f112 .fa-meanpath \f20c 注意这样区分，一行是俩个图标）
NAME CODE NAME CODE
.fa-glass \f000 .fa-github-alt \f113
.fa-music \f001 .fa-folder-o \f114
.fa-search \f002 .fa-folder-open-o \f115
.fa-envelope-o \f003 .fa-smile-o \f118
.fa-heart \f004 .fa-frown-o \f119
.fa-star \f005 .fa-meh-o \f11a
.fa-star-o \f006 .fa-gamepad \f11b
.fa-user \f007 .fa-keyboard-o \f11c
.fa-film \f008 .fa-flag-o \f11d
.fa-th-large \f009 .fa-flag-checkered \f11e
.fa-th \f00a .fa-terminal \f120
.fa-th-list \f00b .fa-code \f121
.fa-check \f00c .fa-mail-reply-all \f122
.fa-remove \f00d .fa-reply-all \f122
.fa-close \f00d .fa-star-half-empty \f123
.fa-times \f00d .fa-star-half-full \f123
.fa-search-plus \f00e .fa-star-half-o \f123
.fa-search-minus \f010 .fa-location-arrow \f124
.fa-power-off \f011 .fa-crop \f125
.fa-signal \f012 .fa-code-fork \f126
.fa-gear \f013 .fa-unlink \f127
.fa-cog \f013 .fa-chain-broken \f127
.fa-trash-o \f014 .fa-question \f128
.fa-home \f015 .fa-info \f129
.fa-file-o \f016 .fa-exclamation \f12a
.fa-clock-o \f017 .fa-superscript \f12b
.fa-road \f018 .fa-subscript \f12c
.fa-download \f019 .fa-eraser \f12d
.fa-arrow-circle-o-down \f01a .fa-puzzle-piece \f12e
.fa-arrow-circle-o-up \f01b .fa-microphone \f130
.fa-inbox \f01c .fa-microphone-slash \f131
.fa-play-circle-o \f01d .fa-shield \f132
.fa-rotate-right \f01e .fa-calendar-o \f133
.fa-repeat \f01e .fa-fire-extinguisher \f134
.fa-refresh \f021 .fa-rocket \f135
.fa-list-alt \f022 .fa-maxcdn \f136
.fa-lock \f023 .fa-chevron-circle-left \f137
.fa-flag \f024 .fa-chevron-circle-right \f138
.fa-headphones \f025 .fa-chevron-circle-up \f139
.fa-volume-off \f026 .fa-chevron-circle-down \f13a
.fa-volume-down \f027 .fa-html5 \f13b
.fa-volume-up \f028 .fa-css3 \f13c
.fa-qrcode \f029 .fa-anchor \f13d
.fa-barcode \f02a .fa-unlock-alt \f13e
.fa-tag \f02b .fa-bullseye \f140
.fa-tags \f02c .fa-ellipsis-h \f141
.fa-book \f02d .fa-ellipsis-v \f142
.fa-bookmark \f02e .fa-rss-square \f143
.fa-print \f02f .fa-play-circle \f144
.fa-camera \f030 .fa-ticket \f145
.fa-font \f031 .fa-minus-square \f146
.fa-bold \f032 .fa-minus-square-o \f147
.fa-italic \f033 .fa-level-up \f148
.fa-text-height \f034 .fa-level-down \f149
.fa-text-width \f035 .fa-check-square \f14a
.fa-align-left \f036 .fa-pencil-square \f14b
.fa-align-center \f037 .fa-external-link-square \f14c
.fa-align-right \f038 .fa-share-square \f14d
.fa-align-justify \f039 .fa-compass \f14e
.fa-list \f03a .fa-toggle-down \f150
.fa-dedent \f03b .fa-caret-square-o-down \f150
.fa-outdent \f03b .fa-toggle-up \f151
.fa-indent \f03c .fa-caret-square-o-up \f151
.fa-video-camera \f03d .fa-toggle-right \f152
.fa-photo \f03e .fa-caret-square-o-right \f152
.fa-image \f03e .fa-euro \f153
.fa-picture-o \f03e .fa-eur \f153
.fa-pencil \f040 .fa-gbp \f154
.fa-map-marker \f041 .fa-dollar \f155
.fa-adjust \f042 .fa-usd \f155
.fa-tint \f043 .fa-rupee \f156
.fa-edit \f044 .fa-inr \f156
.fa-pencil-square-o \f044 .fa-cny \f157
.fa-share-square-o \f045 .fa-rmb \f157
.fa-check-square-o \f046 .fa-yen \f157
.fa-arrows \f047 .fa-jpy \f157
.fa-step-backward \f048 .fa-ruble \f158
.fa-fast-backward \f049 .fa-rouble \f158
.fa-backward \f04a .fa-rub \f158
.fa-play \f04b .fa-won \f159
.fa-pause \f04c .fa-krw \f159
.fa-stop \f04d .fa-bitcoin \f15a
.fa-forward \f04e .fa-btc \f15a
.fa-fast-forward \f050 .fa-file \f15b
.fa-step-forward \f051 .fa-file-text \f15c
.fa-eject \f052 .fa-sort-alpha-asc \f15d
.fa-chevron-left \f053 .fa-sort-alpha-desc \f15e
.fa-chevron-right \f054 .fa-sort-amount-asc \f160
.fa-plus-circle \f055 .fa-sort-amount-desc \f161
.fa-minus-circle \f056 .fa-sort-numeric-asc \f162
.fa-times-circle \f057 .fa-sort-numeric-desc \f163
.fa-check-circle \f058 .fa-thumbs-up \f164
.fa-question-circle \f059 .fa-thumbs-down \f165
.fa-info-circle \f05a .fa-youtube-square \f166
.fa-crosshairs \f05b .fa-youtube \f167
.fa-times-circle-o \f05c .fa-xing \f168
.fa-check-circle-o \f05d .fa-xing-square \f169
.fa-ban \f05e .fa-youtube-play \f16a
.fa-arrow-left \f060 .fa-dropbox \f16b
.fa-arrow-right \f061 .fa-stack-overflow \f16c
.fa-arrow-up \f062 .fa-instagram \f16d
.fa-arrow-down \f063 .fa-flickr \f16e
.fa-mail-forward \f064 .fa-adn \f170
.fa-share \f064 .fa-bitbucket \f171
.fa-expand \f065 .fa-bitbucket-square \f172
.fa-compress \f066 .fa-tumblr \f173
.fa-plus \f067 .fa-tumblr-square \f174
.fa-minus \f068 .fa-long-arrow-down \f175
.fa-asterisk \f069 .fa-long-arrow-up \f176
.fa-exclamation-circle \f06a .fa-long-arrow-left \f177
.fa-gift \f06b .fa-long-arrow-right \f178
.fa-leaf \f06c .fa-apple \f179
.fa-fire \f06d .fa-windows \f17a
.fa-eye \f06e .fa-android \f17b
.fa-eye-slash \f070 .fa-linux \f17c
.fa-warning \f071 .fa-dribbble \f17d
.fa-exclamation-triangle \f071 .fa-skype \f17e
.fa-plane \f072 .fa-foursquare \f180
.fa-calendar \f073 .fa-trello \f181
.fa-random \f074 .fa-female \f182
.fa-comment \f075 .fa-male \f183
.fa-magnet \f076 .fa-gittip \f184
.fa-chevron-up \f077 .fa-sun-o \f185
.fa-chevron-down \f078 .fa-moon-o \f186
.fa-retweet \f079 .fa-archive \f187
.fa-shopping-cart \f07a .fa-bug \f188
.fa-folder \f07b .fa-vk \f189
.fa-folder-open \f07c .fa-weibo \f18a
.fa-arrows-v \f07d .fa-renren \f18b
.fa-arrows-h \f07e .fa-pagelines \f18c
.fa-bar-chart-o \f080 .fa-stack-exchange \f18d
.fa-bar-chart \f080 .fa-arrow-circle-o-right \f18e
.fa-twitter-square \f081 .fa-arrow-circle-o-left \f190
.fa-facebook-square \f082 .fa-toggle-left \f191
.fa-camera-retro \f083 .fa-caret-square-o-left \f191
.fa-key \f084 .fa-dot-circle-o \f192
.fa-gears \f085 .fa-wheelchair \f193
.fa-cogs \f085 .fa-vimeo-square \f194
.fa-comments \f086 .fa-turkish-lira \f195
.fa-thumbs-o-up \f087 .fa-try \f195
.fa-thumbs-o-down \f088 .fa-plus-square-o \f196
.fa-star-half \f089 .fa-space-shuttle \f197
.fa-heart-o \f08a .fa-slack \f198
.fa-sign-out \f08b .fa-envelope-square \f199
.fa-linkedin-square \f08c .fa-wordpress \f19a
.fa-thumb-tack \f08d .fa-openid \f19b
.fa-external-link \f08e .fa-institution \f19c
.fa-sign-in \f090 .fa-bank \f19c
.fa-trophy \f091 .fa-university \f19c
.fa-github-square \f092 .fa-mortar-board \f19d
.fa-upload \f093 .fa-graduation-cap \f19d
.fa-lemon-o \f094 .fa-yahoo \f19e
.fa-phone \f095 .fa-google \f1a0
.fa-square-o \f096 .fa-reddit \f1a1
.fa-bookmark-o \f097 .fa-reddit-square \f1a2
.fa-phone-square \f098 .fa-stumbleupon-circle \f1a3
.fa-twitter \f099 .fa-stumbleupon \f1a4
.fa-facebook \f09a .fa-delicious \f1a5
.fa-github \f09b .fa-digg \f1a6
.fa-unlock \f09c .fa-pied-piper \f1a7
.fa-credit-card \f09d .fa-pied-piper-alt \f1a8
.fa-rss \f09e .fa-drupal \f1a9
.fa-hdd-o \f0a0 .fa-joomla \f1aa
.fa-bullhorn \f0a1 .fa-language \f1ab
.fa-bell \f0f3 .fa-fax \f1ac
.fa-certificate \f0a3 .fa-building \f1ad
.fa-hand-o-right \f0a4 .fa-child \f1ae
.fa-hand-o-left \f0a5 .fa-paw \f1b0
.fa-hand-o-up \f0a6 .fa-spoon \f1b1
.fa-hand-o-down \f0a7 .fa-cube \f1b2
.fa-arrow-circle-left \f0a8 .fa-cubes \f1b3
.fa-arrow-circle-right \f0a9 .fa-behance \f1b4
.fa-arrow-circle-up \f0aa .fa-behance-square \f1b5
.fa-arrow-circle-down \f0ab .fa-steam \f1b6
.fa-globe \f0ac .fa-steam-square \f1b7
.fa-wrench \f0ad .fa-recycle \f1b8
.fa-tasks \f0ae .fa-automobile \f1b9
.fa-filter \f0b0 .fa-car \f1b9
.fa-briefcase \f0b1 .fa-cab \f1ba
.fa-arrows-alt \f0b2 .fa-taxi \f1ba
.fa-group \f0c0 .fa-tree \f1bb
.fa-users \f0c0 .fa-spotify \f1bc
.fa-chain \f0c1 .fa-deviantart \f1bd
.fa-link \f0c1 .fa-soundcloud \f1be
.fa-cloud \f0c2 .fa-database \f1c0
.fa-flask \f0c3 .fa-file-pdf-o \f1c1
.fa-cut \f0c4 .fa-file-word-o \f1c2
.fa-scissors \f0c4 .fa-file-excel-o \f1c3
.fa-copy \f0c5 .fa-file-powerpoint-o \f1c4
.fa-files-o \f0c5 .fa-file-photo-o \f1c5
.fa-paperclip \f0c6 .fa-file-picture-o \f1c5
.fa-save \f0c7 .fa-file-image-o \f1c5
.fa-floppy-o \f0c7 .fa-file-zip-o \f1c6
.fa-square \f0c8 .fa-file-archive-o \f1c6
.fa-navicon \f0c9 .fa-file-sound-o \f1c7
.fa-reorder \f0c9 .fa-file-audio-o \f1c7
.fa-bars \f0c9 .fa-file-movie-o \f1c8
.fa-list-ul \f0ca .fa-file-video-o \f1c8
.fa-list-ol \f0cb .fa-file-code-o \f1c9
.fa-strikethrough \f0cc .fa-vine \f1ca
.fa-underline \f0cd .fa-codepen \f1cb
.fa-table \f0ce .fa-jsfiddle \f1cc
.fa-magic \f0d0 .fa-life-bouy \f1cd
.fa-truck \f0d1 .fa-life-buoy \f1cd
.fa-pinterest \f0d2 .fa-life-saver \f1cd
.fa-pinterest-square \f0d3 .fa-support \f1cd
.fa-google-plus-square \f0d4 .fa-life-ring \f1cd
.fa-google-plus \f0d5 .fa-circle-o-notch \f1ce
.fa-money \f0d6 .fa-ra \f1d0
.fa-caret-down \f0d7 .fa-rebel \f1d0
.fa-caret-up \f0d8 .fa-ge \f1d1
.fa-caret-left \f0d9 .fa-empire \f1d1
.fa-caret-right \f0da .fa-git-square \f1d2
.fa-columns \f0db .fa-git \f1d3
.fa-unsorted \f0dc .fa-hacker-news \f1d4
.fa-sort \f0dc .fa-tencent-weibo \f1d5
.fa-sort-down \f0dd .fa-qq \f1d6
.fa-sort-desc \f0dd .fa-wechat \f1d7
.fa-sort-up \f0de .fa-weixin \f1d7
.fa-sort-asc \f0de .fa-send \f1d8
.fa-envelope \f0e0 .fa-paper-plane \f1d8
.fa-linkedin \f0e1 .fa-send-o \f1d9
.fa-rotate-left \f0e2 .fa-paper-plane-o \f1d9
.fa-undo \f0e2 .fa-history \f1da
.fa-legal \f0e3 .fa-circle-thin \f1db
.fa-gavel \f0e3 .fa-header \f1dc
.fa-dashboard \f0e4 .fa-paragraph \f1dd
.fa-tachometer \f0e4 .fa-sliders \f1de
.fa-comment-o \f0e5 .fa-share-alt \f1e0
.fa-comments-o \f0e6 .fa-share-alt-square \f1e1
.fa-flash \f0e7 .fa-bomb \f1e2
.fa-bolt \f0e7 .fa-soccer-ball-o \f1e3
.fa-sitemap \f0e8 .fa-futbol-o \f1e3
.fa-umbrella \f0e9 .fa-tty \f1e4
.fa-paste \f0ea .fa-binoculars \f1e5
.fa-clipboard \f0ea .fa-plug \f1e6
.fa-lightbulb-o \f0eb .fa-slideshare \f1e7
.fa-exchange \f0ec .fa-twitch \f1e8
.fa-cloud-download \f0ed .fa-yelp \f1e9
.fa-cloud-upload \f0ee .fa-newspaper-o \f1ea
.fa-user-md \f0f0 .fa-wifi \f1eb
.fa-stethoscope \f0f1 .fa-calculator \f1ec
.fa-suitcase \f0f2 .fa-paypal \f1ed
.fa-bell-o \f0a2 .fa-google-wallet \f1ee
.fa-coffee \f0f4 .fa-cc-visa \f1f0
.fa-cutlery \f0f5 .fa-cc-mastercard \f1f1
.fa-file-text-o \f0f6 .fa-cc-discover \f1f2
.fa-building-o \f0f7 .fa-cc-amex \f1f3
.fa-hospital-o \f0f8 .fa-cc-paypal \f1f4
.fa-ambulance \f0f9 .fa-cc-stripe \f1f5
.fa-medkit \f0fa .fa-bell-slash \f1f6
.fa-fighter-jet \f0fb .fa-bell-slash-o \f1f7
.fa-beer \f0fc .fa-trash \f1f8
.fa-h-square \f0fd .fa-copyright \f1f9
.fa-plus-square \f0fe .fa-at \f1fa
.fa-angle-double-left \f100 .fa-eyedropper \f1fb
.fa-angle-double-right \f101 .fa-paint-brush \f1fc
.fa-angle-double-up \f102 .fa-birthday-cake \f1fd
.fa-angle-double-down \f103 .fa-area-chart \f1fe
.fa-angle-left \f104 .fa-pie-chart \f200
.fa-angle-right \f105 .fa-line-chart \f201
.fa-angle-up \f106 .fa-lastfm \f202
.fa-angle-down \f107 .fa-lastfm-square \f203
.fa-desktop \f108 .fa-toggle-off \f204
.fa-laptop \f109 .fa-toggle-on \f205
.fa-tablet \f10a .fa-bicycle \f206
.fa-mobile-phone \f10b .fa-bus \f207
.fa-mobile \f10b .fa-ioxhost \f208
.fa-circle-o \f10c .fa-angellist \f209
.fa-quote-left \f10d .fa-cc \f20a
.fa-quote-right \f10e .fa-shekel \f20b
.fa-spinner \f110 .fa-sheqel \f20b
.fa-circle \f111 .fa-ils \f20b
.fa-mail-reply \f112 .fa-meanpath \f20c
.fa-reply \f112
（.fa-mail-reply \f112 .fa-meanpath \f20c 注意这样区分，一行是俩个图标）
如何使用easy fancybox的inline content功能
Leo 发表了文章 • 1 个评论 • 4160 次浏览 • 2018-03-02 14:45
最近在做的一个项目，没有加载bootstrap，如果单单为了一个模态框显示表单而加载bootstrap，有点多余；
恰好这个项目有用到easy fancybox这个模态框插件，仔细看了一遍，其中有一个配置选项是inline content，看字面意思，基本是符合功能要求的。
谷歌了一下这款插件inline content配置的使用方法，相当方便，
<div style="display:none" class="fancybox-hidden"><div id="fancyboxID-1" class="hentry" style="width:460px;max-width:100%;"> ...inline content here... </div></div>
这个代码一目了然，首先就是将咱们要显示的inline content内容放在这里；
接着就是将以下这句代码放在前台显示的位置即可，id匹配上，over，perfect！
<a href="#fancyboxID-1" class="fancybox-inline">Read my inline content</a>
查看全部
恰好这个项目有用到easy fancybox这个模态框插件，仔细看了一遍，其中有一个配置选项是inline content，看字面意思，基本是符合功能要求的。
谷歌了一下这款插件inline content配置的使用方法，相当方便，
<div style="display:none" class="fancybox-hidden"><div id="fancyboxID-1" class="hentry" style="width:460px;max-width:100%;"> ...inline content here... </div></div>
这个代码一目了然，首先就是将咱们要显示的inline content内容放在这里；
接着就是将以下这句代码放在前台显示的位置即可，id匹配上，over，perfect！
<a href="#fancyboxID-1" class="fancybox-inline">Read my inline content</a>
查看全部
最近在做的一个项目，没有加载bootstrap，如果单单为了一个模态框显示表单而加载bootstrap，有点多余；
恰好这个项目有用到easy fancybox这个模态框插件，仔细看了一遍，其中有一个配置选项是inline content，看字面意思，基本是符合功能要求的。
谷歌了一下这款插件inline content配置的使用方法，相当方便，
<div style="display:none" class="fancybox-hidden"><div id="fancyboxID-1" class="hentry" style="width:460px;max-width:100%;"> ...inline content here... </div></div>
这个代码一目了然，首先就是将咱们要显示的inline content内容放在这里；
接着就是将以下这句代码放在前台显示的位置即可，id匹配上，over，perfect！
<a href="#fancyboxID-1" class="fancybox-inline">Read my inline content</a>
恰好这个项目有用到easy fancybox这个模态框插件，仔细看了一遍，其中有一个配置选项是inline content，看字面意思，基本是符合功能要求的。
谷歌了一下这款插件inline content配置的使用方法，相当方便，
<div style="display:none" class="fancybox-hidden"><div id="fancyboxID-1" class="hentry" style="width:460px;max-width:100%;"> ...inline content here... </div></div>
这个代码一目了然，首先就是将咱们要显示的inline content内容放在这里；
接着就是将以下这句代码放在前台显示的位置即可，id匹配上，over，perfect！
<a href="#fancyboxID-1" class="fancybox-inline">Read my inline content</a>