WordPress

WordPress

WordPress建站及WordPress SEO相关话题
Shopify

Shopify

Shopify建站及Shopify SEO相关话题
Google SEO

Google SEO

Google SEO相关话题
SEM

SEM

SEM相关话题
Zoho

Zoho

Zoho SAAS相关产品使用话题讨论
EDM

EDM

讨论Email Marketing相关话题
Symantec SSL

Symantec SSL

讨论Symantec SSL安全相关话题
隽永东方售后服务

隽永东方售后服务

隽永东方售后服务专区

PHP 使用静态变量(static var)进行效率优化

WordPressLeo 发表了文章 • 0 个评论 • 128 次浏览 • 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;
 }
  查看全部
使用场景:在一个 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;
 }
 

在 WordPress 后台如何使用颜色选择器

WordPressLeo 发表了文章 • 0 个评论 • 111 次浏览 • 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(); 
});
 
最后的效果如下图:





  查看全部
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(); 
});
 
最后的效果如下图:

color-picker.png

 

wp-config.php之history

WordPressLeo 发表了文章 • 0 个评论 • 100 次浏览 • 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 );
  查看全部
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有多热门?统计:全球前1000万网站有3成采用

WordPressEastern_Design_Studio 发表了文章 • 0 个评论 • 137 次浏览 • 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 。 查看全部
网络技术调查机构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 。

网页使用Font Awesome图标字体时,css定义 content 属性必不可少,如下所示:

WordPressLeo 发表了文章 • 1 个评论 • 109 次浏览 • 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             注意这样区分,一行是俩个图标) 查看全部
有些情况下,我们不得不使用伪元素::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             注意这样区分,一行是俩个图标)

我们如何将千万级别的热门单词“隽永”做到了百度的首页

百度SEOEastern_Design_Studio 发表了文章 • 0 个评论 • 107 次浏览 • 2018-03-08 18:13 • 来自相关话题

就算不懂网络营销的普通人士也知道,要把一个千万级别的单词做到搜索引擎首页是非常难的事情,因为这种词的竞争力特别大,基本都会被一些非常知名的平台所垄断。

今天我们就来聊聊隽永东方是如何把一个个热门的单词排到了百度的首页的。

提起“隽永”这个词,我们要从8年前说起,那个时候我们从上海职场转战无锡,怀揣浑身的创业激情和对未来的憧憬,同时也有对未来的不确定性的惴惴不安,在无锡注册了公司–无锡隽永信息科技有限公司,对创业的九死一生,创业路上的无法回头都深有感触。

当时正直自己而立之年,生活的压力,亲人对自己的殷切期望无时不刻让我倍感温暖和压力,近8年的上海职场征战积累了足以让自己独当一面的行业经验,但是没了上班稳定的薪资,还能轻松养活自己和一家人吗,带着疑问带着希望还是毅然决然投入了惨烈的创业道路,一走就走了八年。

因为在上海奋斗的这几年,在亲人借钱协助下,于2007年左右购入了一套当时还是上海南汇周浦镇上的老公房,三年后因为创业只能转手卖了这套房子,还掉了贷款,勉强凑足了创业启动资金,同时也在无锡东亭购买了一套小户型的商品房,这套房子是自己平生拥有的第一套新房,叫做“首创隽府”。

而注册公司的时候选择名字的时候,也直接用了这套房子名字里边的“隽永”两个字,没想到这两个字陪伴了我们接下来整个创业过程,隽永是个很美丽的词汇,以下是百度百科里边有关这个词的详细解释:

隽永,是一个汉语词语,拼音是juàn yǒng,形容艺术形式所表达的思想感情深沉幽远,意味深长,有如余音绕梁,三日不绝,讲究言有尽而意无穷;也常用来表述艺术性较高的作品的审美效果。

如此美丽的词汇有幸成了我们品牌词的一部分,现在想来无比的幸运和满意。

后来随着我们公司知名度的不断壮大,官网流量和权重逐步提升,于2014年公司品牌正式更名为“隽永东方”,一直到今天,这个品牌从默默无闻到今天百度单词搜索量达到了2,180,000个,成功跻身为百万级热门词汇:

随着品牌不断曝光,最近我们有发现网站统计系统里边有关“隽永”这个千万级别的热门词汇也逐步获得了很好的排名:

我们品牌的寓意是:隽永于心,闻达东方,寓意为做一家内心隽永,享誉东方大地的知名品牌,虽然我们距离这个终极目标还有相当长的路要走,但是我们一步一个脚印,走得很踏实和坚定。

详情请点击:https://www.eastdesign.net/jua ... page/ 查看全部
就算不懂网络营销的普通人士也知道,要把一个千万级别的单词做到搜索引擎首页是非常难的事情,因为这种词的竞争力特别大,基本都会被一些非常知名的平台所垄断。

今天我们就来聊聊隽永东方是如何把一个个热门的单词排到了百度的首页的。

提起“隽永”这个词,我们要从8年前说起,那个时候我们从上海职场转战无锡,怀揣浑身的创业激情和对未来的憧憬,同时也有对未来的不确定性的惴惴不安,在无锡注册了公司–无锡隽永信息科技有限公司,对创业的九死一生,创业路上的无法回头都深有感触。

当时正直自己而立之年,生活的压力,亲人对自己的殷切期望无时不刻让我倍感温暖和压力,近8年的上海职场征战积累了足以让自己独当一面的行业经验,但是没了上班稳定的薪资,还能轻松养活自己和一家人吗,带着疑问带着希望还是毅然决然投入了惨烈的创业道路,一走就走了八年。

因为在上海奋斗的这几年,在亲人借钱协助下,于2007年左右购入了一套当时还是上海南汇周浦镇上的老公房,三年后因为创业只能转手卖了这套房子,还掉了贷款,勉强凑足了创业启动资金,同时也在无锡东亭购买了一套小户型的商品房,这套房子是自己平生拥有的第一套新房,叫做“首创隽府”。

而注册公司的时候选择名字的时候,也直接用了这套房子名字里边的“隽永”两个字,没想到这两个字陪伴了我们接下来整个创业过程,隽永是个很美丽的词汇,以下是百度百科里边有关这个词的详细解释:

隽永,是一个汉语词语,拼音是juàn yǒng,形容艺术形式所表达的思想感情深沉幽远,意味深长,有如余音绕梁,三日不绝,讲究言有尽而意无穷;也常用来表述艺术性较高的作品的审美效果。

如此美丽的词汇有幸成了我们品牌词的一部分,现在想来无比的幸运和满意。

后来随着我们公司知名度的不断壮大,官网流量和权重逐步提升,于2014年公司品牌正式更名为“隽永东方”,一直到今天,这个品牌从默默无闻到今天百度单词搜索量达到了2,180,000个,成功跻身为百万级热门词汇:

随着品牌不断曝光,最近我们有发现网站统计系统里边有关“隽永”这个千万级别的热门词汇也逐步获得了很好的排名:

我们品牌的寓意是:隽永于心,闻达东方,寓意为做一家内心隽永,享誉东方大地的知名品牌,虽然我们距离这个终极目标还有相当长的路要走,但是我们一步一个脚印,走得很踏实和坚定。

详情请点击:https://www.eastdesign.net/jua ... page/

Memcached被利用UDP反射攻击漏洞预警

Linux运维Eastern_Design_Studio 发表了文章 • 0 个评论 • 156 次浏览 • 2018-03-02 17:55 • 来自相关话题

本周,阿里云安全中心监测到互联网上存在利用Memcached服务漏洞进行的恶意攻击。如果客户默认开放UDP协议且未做访问控制,在运行Memcached服务时可能会被黑客利用,导致出方向的带宽消耗或CPU资源消耗。

阿里云云数据库Memcache版未使用UDP协议,默认不受该问题影响,用户可以放心使用。同时,阿里云提示用户关注自身业务并启动应急排查工作。

1.受影响范围:
用户自建,并对外开放了Memcached 11211 UDP端口的Memcached服务。

2.排查方案:
从外部互联网测试是否对外开放了Memcached 11211 UDP端口,您可以使用nc工具测试,具体测试方式:
nc -vuz IP地址 11211

3.解决方案:
1.如果您使用了Memcached服务,并对外开放了11211 UDP端口,建议您根据业务自身情况,使用ECS安全组策略或其他防火墙策略封禁UDP 11211端口,确保Memcached服务器与互联网之间无法通过UDP来访问;
2.建议您对在运行的Memcached服务进行安全加固,例如:启动绑定本地监听IP,禁止对外访问、禁用UDP协议、启用登录认证等安全功能,提高Memcached安全性;
查看详细Memcached服务加固手册:https://help.aliyun.com/knowle ... .html
3.Memcached官方已经发布新版本默认禁用UDP 11211端口,建议您升级到最新1.5.6版本(https://memcached.org/downloads)。 查看全部

本周,阿里云安全中心监测到互联网上存在利用Memcached服务漏洞进行的恶意攻击。如果客户默认开放UDP协议且未做访问控制,在运行Memcached服务时可能会被黑客利用,导致出方向的带宽消耗或CPU资源消耗。

阿里云云数据库Memcache版未使用UDP协议,默认不受该问题影响,用户可以放心使用。同时,阿里云提示用户关注自身业务并启动应急排查工作。

1.受影响范围:
用户自建,并对外开放了Memcached 11211 UDP端口的Memcached服务。

2.排查方案:
从外部互联网测试是否对外开放了Memcached 11211 UDP端口,您可以使用nc工具测试,具体测试方式:
nc -vuz IP地址 11211

3.解决方案:
1.如果您使用了Memcached服务,并对外开放了11211 UDP端口,建议您根据业务自身情况,使用ECS安全组策略或其他防火墙策略封禁UDP 11211端口,确保Memcached服务器与互联网之间无法通过UDP来访问;
2.建议您对在运行的Memcached服务进行安全加固,例如:启动绑定本地监听IP,禁止对外访问、禁用UDP协议、启用登录认证等安全功能,提高Memcached安全性;
查看详细Memcached服务加固手册:https://help.aliyun.com/knowle ... .html
3.Memcached官方已经发布新版本默认禁用UDP 11211端口,建议您升级到最新1.5.6版本(https://memcached.org/downloads)。

隽永智库恭祝大家元宵节快乐

隽永风采Eastern_Design_Studio 发表了文章 • 0 个评论 • 127 次浏览 • 2018-03-02 17:53 • 来自相关话题

 

2018-元宵节快乐.jpg

 

如何使用easy fancybox的inline content功能

WordPressLeo 发表了文章 • 1 个评论 • 119 次浏览 • 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>
  查看全部
最近在做的一个项目,没有加载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>