查詢方法 請點擊進(jìn)入Fontawasome5.x 圖標(biāo)查詢頁面 進(jìn)入之后可見所有圖標(biāo)，右側(cè)下方可選各個分類的圖標(biāo)，可根據(jù)自身要求連續(xù)選擇所需的分類。 注意，切換版本之前，請確保安裝了 font awesome1.02本地化插件  否則圖標(biāo)則會顯示不全

Fontawasome5.x版本介紹：多達(dá)1500+的免費精致圖標(biāo)

我們在之前的開發(fā)中，使用了Fontawasome這一字體圖標(biāo)，字體圖標(biāo)的好處是：

• 不管在什么設(shè)備上，總能最精細(xì)的顯示出來，而不會失真。
• 只需要輸入一個圖標(biāo)的名稱，即可在網(wǎng)頁上顯示想要的圖標(biāo)
• 顏色可以隨意更改，相比圖片而言，字體圖標(biāo)有更多的靈活的樣式
• 可以輕松的制作優(yōu)美的動態(tài)圖標(biāo)，比如旋轉(zhuǎn)，縮放，都可以輕松實現(xiàn)。

之前我們在開發(fā)過程中使用的是Fontawasome4.7版本，最近Fontawasome5已經(jīng)趨于成熟，并且有了完全壓倒性優(yōu)勢。 Fontawasome 5版本增加了除網(wǎng)頁常用圖標(biāo)外的更多分類和可應(yīng)用于更多行業(yè)的圖標(biāo)：

如上圖所示，我們可以根據(jù)需要，去切換各個分類找到適合于我們的圖標(biāo)了。 比如導(dǎo)航上，根據(jù)我們的行業(yè)特點，給每個導(dǎo)航項目加入圖標(biāo)：

在圖標(biāo)應(yīng)用上加入更多的元素和表現(xiàn)方法：

或者在文章內(nèi)插入圖標(biāo)：

精彩的圖標(biāo)可以輕松的引用到網(wǎng)站的各個方面，并且在任意設(shè)備上可以保證最精致的狀態(tài)，而不會失真。

Fontawasome4.7升級Fontawasome5.x的注意事項以及引用方式

Fontawasome4.7 版本的引用是 使用前綴 fa 比如 首頁一般我們會加入一個小房子的圖標(biāo)，那么引用方式是  fa fa-home 這是Fontawasome4.7所有圖標(biāo)通用使用方式，而在Fontawasome5.x版本中（免費），分為三種不同類別的圖標(biāo)

1. 前綴 fas 實心圖標(biāo)，這個前綴是使用的最多的，也是5.0版本中圖標(biāo)數(shù)量最多的
2. 前綴fab 品牌圖標(biāo)，這個前綴是引用品牌logo的，我們一般用于客服選項 比如QQ客服、微信客服等等，或者其他品牌內(nèi)容中
3. 前綴fas 線性圖標(biāo)，這個圖標(biāo)相對較少，是區(qū)別于實心圖標(biāo)的線性風(fēng)格圖標(biāo)。

示例使用： 比如我們查詢到下面的動物實心圖標(biāo)：

他的名稱是cat  那么我們在引用時  輸入  fas fa-cat  的css類 即可引用到這個圖標(biāo)。 在主題中，引用較多的地方是 菜單，那么我們在菜單的css類中輸入這個類名稱：

這樣即可顯示正確了 在主題各個選項內(nèi)容其他的區(qū)域使用圖標(biāo)時，注意選項注釋說明 填寫正確的格式即可顯示出來各個圖標(biāo)。 關(guān)于Fontawasome5.x版本的介紹就到這里了，如果你有什么不明白的問題，可在此文章下留言給我們一起討論。

WordPress的熟識度相信很多人都使用過，WordPress操作簡單，可以做站群或建多個網(wǎng)站是很經(jīng)常的事。多個網(wǎng)站就得管理多個網(wǎng)站后臺，但是這樣的管理效率非常低的。其實WordPress本身就帶有多站點功能，而很多站長不知道，今天小編就來教大家具體操作方法。

有很多朋友可能還不知道WordPress的多站點功能，WordPress多站點開啟之后，可以使用一套WordPress程序，管理多個站點，并且可以共用主題、插件，比起使用子菜單建立多個WordPress網(wǎng)站，解析到子域名或者使用子目錄的方法，還是比較節(jié)省資源，并且非常方便的維護(hù)網(wǎng)站。

開啟WordPress多站點功能

第一步增加配置網(wǎng)絡(luò)菜單并設(shè)置

WordPress的多站點功能是需要修改WordPress源文件實現(xiàn)的，這一功能并沒有在后臺可視化操作。開啟方法如下：

開啟之前停用所有插件，即使新裝的 WordPress，也會有一些默認(rèn)安裝、啟用的插件。

在WordPress目錄下的wp-config.php文件中，找到/* That’s all, stop editing! Happy blogging. */，在這行代碼的上面添加：

define('WP_ALLOW_MULTISITE', true);
// 多語言開啟

添加之后保存。然后進(jìn)入后臺，你會發(fā)現(xiàn)工具欄目會出現(xiàn)一個“配置網(wǎng)絡(luò)”的按鈕，

按照提示將上面的代碼添加進(jìn)文件，保存，之后重新登錄WordPress。

登陸后臺你會發(fā)現(xiàn)開啟了多站點之后，后臺多了“網(wǎng)絡(luò)”，也就是我們俗稱的站群、多站點：

如上圖所示，在這個管理網(wǎng)絡(luò)中，你隨時可以切換到下面具體的站點，去維護(hù)他們。那么首先我們就要去增加一些這樣的站點：

點擊創(chuàng)建站點，創(chuàng)建站點可以使用2中模式訪問子站點，

一種是通過子域名訪問，這種需要服務(wù)器或者虛擬主機具有泛域名解析的功能，這種訪問的方式 url結(jié)構(gòu)為： site1.youngzi.cn

此種方式建立好了之后，需要你解析子域名到子目錄即可。

一種是通過子目錄，設(shè)置這種不需要去解析域名，訪問方式的url結(jié)構(gòu)為www.cnhakka.com.cn/site1

多語言的設(shè)定

1.建立2個或者多個站點，啟用同一個主題

建立好了站點，我們就開始多語言的工作，最新版本的主題能夠支持多語言，我們需要兩個站使用一個主題，但是我們需要不同的語言，所以進(jìn)入多站點后臺的“管理網(wǎng)絡(luò)”，在管理網(wǎng)絡(luò)中安裝主題，并“在整個網(wǎng)絡(luò)啟用”

2.啟用主題中的多語言功能進(jìn)行翻譯

中文站點和其他語言站點就建立完成了?，F(xiàn)在進(jìn)入英文站點（或者其他），進(jìn)入外觀–主題選項–多語言，講一些中文固定詞語，翻譯成你想要的語言。（由于整個主題的文字都可以100%替換掉，所以不需要使用語言包等方法，并且可以翻譯成你想要的任何語言。

這樣一來，利用多站點建立的多語言網(wǎng)站就完成了，兩個網(wǎng)站在一個后臺進(jìn)行維護(hù)，是不是很方便呢？  如果你想要一個多語言的網(wǎng)站 ，那么還不趕快試試吧！

最后一步是提醒大家：有些同學(xué)，完成配置后，打不開子站的儀表盤和網(wǎng)站，這是偽靜態(tài)出問題。上面第二步 ，后臺貼出 .htaccess 文件偽靜態(tài)規(guī)則是 Apache 環(huán)境下的，而 Nginx 的靜態(tài)規(guī)則就需改成下面這樣。

#ignored: “-” thing used or unknown variable in regex/rew rewrite ^/([_0-9a-zA-Z-]+/)?wp-admin$ /$1wp-admin/ permanent; if (-f $request_filename){ set $rule_2 1; } if (-d $request_filename){ set $rule_2 1; } if ($rule_2 = “1”){ #ignored: “-” thing used or unknown variable in regex/rew } rewrite ^/([_0-9a-zA-Z-]+/)?(wp-(content|admin|includes).*) /$2 last; rewrite ^/([_0-9a-zA-Z-]+/)?(.*.php)$ /$2 last; rewrite /. /index.php last;

當(dāng)我們的電腦配置過低的時候，電腦使用ps很卡該怎么辦，電腦配置太低ps如何設(shè)置才不會卡，有的時候我們是可以通過一些設(shè)置令PS快，不那么卡的，通過設(shè)置之后，你會感覺ps打開速度也提升了，保存圖片、讀取圖片的速度也變快了，下面一起看看ps如何設(shè)置才不會卡吧

一、編輯-首選項-性能參數(shù)設(shè)置

1、1它表示PS運行所用內(nèi)存占你電腦全部內(nèi)存的百分比，這個值當(dāng)然越大越好，越大PS可用內(nèi)存越大，當(dāng)然你設(shè)百分之百都可以，如果你運行PS時基本不再運行其它程序，我的設(shè)置為85%。
1.2選擇web/用戶界面設(shè)置 – 適合平時工作圖層較多，選擇超大像素大小，-適合平時工作圖層較少，一像素比較大的圖片上，基本上就是為攝影后期準(zhǔn)備的?？筛鶕?jù)自己的情況設(shè)置
1.3歷史記錄狀態(tài)設(shè)置越多越影響性能，也是后悔撤消的次數(shù),根據(jù)自己情況設(shè)置。
1.4 高級設(shè)置-繪制模式有三個選項基本、正常、高級，一般選正常就可以。當(dāng)然你電腦配置高也可以選高級

二、首選項 暫存盤設(shè)置

2.1、這個設(shè)置規(guī)則很簡單，不要設(shè)在C盤，如果你電腦上配有固態(tài)盤和機械盤，暫存盤一定要設(shè)在固態(tài)盤上

三、文字-字體預(yù)覽-設(shè)置無
關(guān)閉文字預(yù)覽就會快很多，當(dāng)然你如想要文字預(yù)覽效果，也想能快些，可以選擇文字預(yù)覽中的小選

四、快速清理PS內(nèi)存（編輯-清理-全部）
ps打開一段時間后，會發(fā)現(xiàn)反應(yīng)會變慢，這是因為你在工作中PS占用的內(nèi)存沒有及時釋放，如果你不想重啟PS，你可以快速清理PS占用的內(nèi)存空間

五、關(guān)閉圖層縮略圖
面板右上角-彈出菜單中選面板選項，設(shè)置縮略圖大小為無， 每一層都會有一個當(dāng)前圖層的縮略圖，讓你能快速的找到并分辨出哪一層。但這個縮略圖是很占用內(nèi)存的，我們可以關(guān)閉這個縮略圖

六、停用主頁屏幕（編輯-首選項-常規(guī)-勾選停用主頁屏幕）
同時也可以勾選使用舊版‘新建文檔’界面

如果您使用的是新版ps的話，在ps打開時，有個主頁屏幕，會顯示你之前使用記錄，這個功能是非常耗資源，可以把這個功能關(guān)閉

七、 禁用不常用功能

在“工具”標(biāo)簽下，有很多平時并不怎么常用的功能，這些功能雖然作用不大，但會明顯拖慢PS的運行速度。就像Windows的界面特效一樣，打開越少運行越快。通常我只會保留以上四項，滿足絕大多數(shù)應(yīng)用足夠了

工具箱 (多種工具共用一個快捷鍵的可同時按【Shift】加此快捷鍵選取)
矩形、橢圓選框工具 【M】
裁剪工具 【C】
移動工具 【V】
套索、多邊形套索、磁性套索 【L】
魔棒工具 【W(wǎng)】
噴槍工具 【J】
畫筆工具 【B】
橡皮圖章、圖案圖章 【S】
歷史記錄畫筆工具 【Y】
橡皮擦工具 【E】
鉛筆、直線工具 【N】
模糊、銳化、涂抹工具 【R】
減淡、加深、海棉工具 【O】
鋼筆、自由鋼筆、磁性鋼筆 【P】
添加錨點工具 【+】
刪除錨點工具 【-】
直接選取工具 【A】
文字、文字蒙板、直排文字、直排文字蒙板 【T】
度量工具 【U】
直線漸變、徑向漸變、對稱漸變、角度漸變、菱形漸變【G】
油漆桶工具【G】
吸管、顏色取樣器 【I】
抓手工具 【H】
縮放工具 【Z】
默認(rèn)前景色和背景色 【D】
切換前景色和背景色 【X】
切換標(biāo)準(zhǔn)模式和快速蒙板模式 【Q】
標(biāo)準(zhǔn)屏幕模式、帶有菜單欄的全屏模式、全屏模式 【F】
臨時使用移動工具 【Ctrl】
臨時使用吸色工具 【Alt】
臨時使用抓手工具 【空格】
打開工具選項面板 【Enter】
快速輸入工具選項(當(dāng)前工具選項面板中至少有一個可調(diào)節(jié)數(shù)字) 【0】至【9】
循環(huán)選擇畫筆 【[】或【]】
選擇第一個畫筆 【Shift】+【[】
選擇最后一個畫筆 【Shift】+【]】
建立新漸變(在”漸變編輯器”中) 【Ctrl】+【N】

文件操作
新建圖形文件【Ctrl】+【N】
新建圖層【Ctrl】+【Shift】+【N】
用默認(rèn)設(shè)置創(chuàng)建新文件 【Ctrl】+【Alt】+【N】
打開已有的圖像 【Ctrl】+【O】
打開為… 【Ctrl】+【Alt】+【O】
關(guān)閉當(dāng)前圖像 【Ctrl】+【W(wǎng)】
保存當(dāng)前圖像 【Ctrl】+【S】
另存為… 【Ctrl】+【Shift】+【S】
存儲副本 【Ctrl】+【Alt】+【S】
頁面設(shè)置 【Ctrl】+【Shift】+【P】
打印 【Ctrl】+【P】
打開“預(yù)置”對話框 【Ctrl】+【K】
顯示最后一次顯示的“預(yù)置”對話框 【Alt】+【Ctrl】+【K】
設(shè)置“常規(guī)”選項(在預(yù)置對話框中) 【Ctrl】+【1】
設(shè)置“存儲文件”(在預(yù)置對話框中) 【Ctrl】+【2】
設(shè)置“顯示和光標(biāo)”(在預(yù)置對話框中) 【Ctrl】+【3】
設(shè)置“透明區(qū)域與色域”(在預(yù)置對話框中) 【Ctrl】+【4】
設(shè)置“單位與標(biāo)尺”(在預(yù)置對話框中) 【Ctrl】+【5】
設(shè)置“參考線與網(wǎng)格”(在預(yù)置對話框中) 【Ctrl】+【6】
外發(fā)光效果(在”效果”對話框中) 【Ctrl】+【3】
內(nèi)發(fā)光效果(在”效果”對話框中) 【Ctrl】+【4】
斜面和浮雕效果(在”效果”對話框中) 【Ctrl】+【5】
應(yīng)用當(dāng)前所選效果并使參數(shù)可調(diào)(在”效果”對話框中) 【A】

圖層混合
循環(huán)選擇混合模式【Alt】+【-】或【+】
正常 【Shift】+【Alt】+【N】
閾值（位圖模式） 【Shift】+【Alt】+【L】
溶解 【Shift】+【Alt】+【I】
背后 【Shift】+【Alt】+【Q】
清除 【Shift】+【Alt】+【R】
正片疊底 【Shift】+【Alt】+【M】
屏幕 【Shift】+【Alt】+【S】
疊加 【Shift】+【Alt】+【O】
柔光 【Shift】+【Alt】+【F】
強光 【Shift】+【Alt】+【H】
濾色 【Shift】+【Alt】+【S】
顏色減淡 【Shift】+【Alt】+【D】
顏色加深 【Shift】+【Alt】+【B】
變暗 【Shift】+【Alt】+【K】
變亮 【Shift】+【Alt】+【G】
差值 【Shift】+【Alt】+【E】
排除 【Shift】+【Alt】+【X】
色相 【Shift】+【Alt】+【U】
飽和度 【Shift】+【Alt】+【T】
顏色 【Shift】+【Alt】+【C】
光度 【Shift】+【Alt】+【Y】
去色 海棉工具+【Shift】+【Alt】+【J】
加色 海棉工具+【Shift】+【Alt】+【A】
暗調(diào) 減淡/加深工具+【Shift】+【Alt】+【W(wǎng)】
中間調(diào) 減淡/加深工具+【Shift】+【Alt】+【V】
高光減淡/加深工具+【Shift】+【Alt】+【Z】

選擇功能

全部選取 【Ctrl】+【A】
取消選擇 【Ctrl】+【D】
重新選擇 【Ctrl】+【Shift】+【D】
羽化選擇 【Ctrl】+【Alt】+【D】
反向選擇 【Ctrl】+【Shift】+【I】
路徑變選區(qū) 數(shù)字鍵盤的【Enter】
載入選區(qū) 【Ctrl】+點按圖層、路徑、通道面板中的縮約圖
濾鏡
按上次的參數(shù)再做一次上次的濾鏡 【Ctrl】+【F】
退去上次所做濾鏡的效果 【Ctrl】+【Shift】+【F】
重復(fù)上次所做的濾鏡(可調(diào)參數(shù)) 【Ctrl】+【Alt】+【F】
選擇工具(在“3D變化”濾鏡中) 【V】
立方體工具(在“3D變化”濾鏡中) 【M】
球體工具(在“3D變化”濾鏡中) 【N】
柱體工具(在“3D變化”濾鏡中) 【C】
軌跡球(在“3D變化”濾鏡中) 【R】
全景相機工具(在“3D變化”濾鏡中) 【E】

視圖操作
顯示彩色通道 【Ctrl】+【~】
顯示單色通道 【Ctrl】+【數(shù)字】
顯示復(fù)合通道 【~】
以CMYK方式預(yù)覽(開) 【Ctrl】+【Y】
打開/關(guān)閉色域警告 【Ctrl】+【Shift】+【Y】
放大視圖 【Ctrl】+【+】
縮小視圖 【Ctrl】+【-】
滿畫布顯示 【Ctrl】+【0】
實際象素顯示 【Ctrl】+【Alt】+【0】
向上卷動一屏 【PageUp】
向下卷動一屏 【PageDown】
向左卷動一屏 【Ctrl】+【PageUp】
向右卷動一屏 【Ctrl】+【PageDown】
向上卷動10 個單位 【Shift】+【PageUp】
向下卷動10 個單位 【Shift】+【PageDown】
向左卷動10 個單位 【Shift】+【Ctrl】+【PageUp】
向右卷動10 個單位 【Shift】+【Ctrl】+【PageDown】
將視圖移到左上角 【Home】
將視圖移到右下角 【End】
顯示/隱藏選擇區(qū)域 【Ctrl】+【H】
顯示/隱藏路徑 【Ctrl】+【Shift】+【H】
顯示/隱藏標(biāo)尺 【Ctrl】+【R】
顯示/隱藏參考線 【Ctrl】+【;】
顯示/隱藏網(wǎng)格 【Ctrl】+【”】
貼緊參考線 【Ctrl】+【Shift】+【;】
鎖定參考線 【Ctrl】+【Alt】+【;】
貼緊網(wǎng)格 【Ctrl】+【Shift】+【”】
顯示/隱藏“畫筆”面板 【F5】
顯示/隱藏“顏色”面板 【F6】
顯示/隱藏“圖層”面板 【F7】
顯示/隱藏“信息”面板 【F8】
顯示/隱藏“動作”面板 【F9】
顯示/隱藏所有命令面板 【TAB】
顯示或隱藏工具箱以外的所有調(diào)板 【Shift】+【TAB】
文字處理(在”文字工具”對話框中)
左對齊或頂對齊 【Ctrl】+【Shift】+【L】
中對齊 【Ctrl】+【Shift】+【C】
右對齊或底對齊 【Ctrl】+【Shift】+【R】
左/右選擇 1 個字符 【Shift】+【←】/【→】
下/上選擇 1 行 【Shift】+【↑】/【↓】
選擇所有字符 【Ctrl】+【A】
選擇從插入點到鼠標(biāo)點按點的字符 【Shift】加點按
左/右移動 1 個字符 【←】/【→】
下/上移動 1 行 【↑】/【↓】
左/右移動1個字 【Ctrl】+【←】/【→】
將所選文本的文字大小減小2 點象素 【Ctrl】+【Shift】+【<】
將所選文本的文字大小增大2 點象素 【Ctrl】+【Shift】+【>】
將所選文本的文字大小減小10 點象素 【Ctrl】+【Alt】+【Shift】+【<】
將所選文本的文字大小增大10 點象素 【Ctrl】+【Alt】+【Shift】+【>】
將行距減小2點象素 【Alt】+【↓】
將行距增大2點象素 【Alt】+【↑】
將基線位移減小2點象素 【Shift】+【Alt】+【↓】
將基線位移添加2點象素 【Shift】+【Alt】+【↑】
將字距微調(diào)或字距調(diào)整減小20/1000ems 【Alt】+【←】
將字距微調(diào)或字距調(diào)整添加20/1000ems 【Alt】+【→】
將字距微調(diào)或字距調(diào)整減小100/1000ems 【Ctrl】+【Alt】+【←】
將字距微調(diào)或字距調(diào)整添加100/1000ems 【Ctrl】+【Alt】+【→】
設(shè)置“增效工具與暫存盤”(在預(yù)置對話框中) 【Ctrl】+【7】
設(shè)置“內(nèi)存與圖像高速緩存”(在預(yù)置對話框中) 【Ctrl】+【8】

編輯操作
還原/重做前一步操作【Ctrl】+【Z】
還原兩步以上操作 【Ctrl】+【Alt】+【Z】
重做兩步以上操作 【Ctrl】+【Shift】+【Z】
剪切選取的圖像或路徑 【Ctrl】+【X】或【F2】
拷貝選取的圖像或路徑 【Ctrl】+【C】
合并拷貝 【Ctrl】+【Shift】+【C】
將剪貼板的內(nèi)容粘到當(dāng)前圖形中 【Ctrl】+【V】或【F4】
將剪貼板的內(nèi)容粘到選框中 【Ctrl】+【Shift】+【V】
自由變換 【Ctrl】+【T】
應(yīng)用自由變換(在自由變換模式下) 【Enter】
從中心或?qū)ΨQ點開始變換 (在自由變換模式下) 【Alt】
限制(在自由變換模式下) 【Shift】
扭曲(在自由變換模式下) 【Ctrl】
取消變形(在自由變換模式下) 【Esc】
自由變換復(fù)制的象素數(shù)據(jù) 【Ctrl】+【Shift】+【T】
再次變換復(fù)制的象素數(shù)據(jù)并建立一個副本 【Ctrl】+【Shift】+【Alt】+【T】
刪除選框中的圖案或選取的路徑 【DEL】
用背景色填充所選區(qū)域或整個圖層 【Ctrl】+【BackSpace】或【Ctrl】+【Del】
用前景色填充所選區(qū)域或整個圖層 【Alt】+【BackSpace】或【Alt】+【Del】
彈出“填充”對話框 【Shift】+【BackSpace】或【shift】+【F5】
從歷史記錄中填充 【Alt】+【Ctrl】+【Backspace】

圖像調(diào)整
調(diào)整色階 【Ctrl】+【L】
自動調(diào)整色階 【Ctrl】+【Shift】+【L】
打開曲線調(diào)整對話框 【Ctrl】+【M】

調(diào)整→自動對比度CTRL+SHIFT+ALT+L

調(diào)整→色彩平衡CTRL+B

調(diào)整→色相/飽和度CTRL+U

調(diào)整→去色CTRL+SHIFT+U

調(diào)整→反向CTRL+I

提取CTRL+ALT+X

液化CTRL+SHIFT+X
在所選通道的曲線上添加新的點(‘曲線’對話框中) 在圖象中【Ctrl】加點按
在復(fù)合曲線以外的所有曲線上添加新的點(‘曲線’對話框中) 【Ctrl】+【Shift】

加點按
移動所選點(‘曲線’對話框中) 【↑】/【↓】/【←】/【→】
以10點為增幅移動所選點以10點為增幅(‘曲線’對話框中) 【Shift】+【箭頭】
選擇多個控制點(‘曲線’對話框中) 【Shift】加點按
前移控制點(‘曲線’對話框中) 【Ctrl】+【Tab】
后移控制點(‘曲線’對話框中) 【Ctrl】+【Shift】+【Tab】
添加新的點(‘曲線’對話框中) 點按網(wǎng)格
刪除點(‘曲線’對話框中) 【Ctrl】加點按點
取消選擇所選通道上的所有點(‘曲線’對話框中) 【Ctrl】+【D】
使曲線網(wǎng)格更精細(xì)或更粗糙(‘曲線’對話框中) 【Alt】加點按網(wǎng)格
選擇彩色通道(‘曲線’對話框中) 【Ctrl】+【~】
選擇單色通道(‘曲線’對話框中) 【Ctrl】+【數(shù)字】
打開“色彩平衡”對話框 【Ctrl】+【B】
打開“色相/飽和度”對話框 【Ctrl】+【U】
全圖調(diào)整(在色相/飽和度”對話框中) 【Ctrl】+【~】
只調(diào)整紅色(在色相/飽和度”對話框中) 【Ctrl】+【1】
只調(diào)整黃色(在色相/飽和度”對話框中) 【Ctrl】+【2】
只調(diào)整綠色(在色相/飽和度”對話框中) 【Ctrl】+【3】
只調(diào)整青色(在色相/飽和度”對話框中) 【Ctrl】+【4】
只調(diào)整藍(lán)色(在色相/飽和度”對話框中) 【Ctrl】+【5】
只調(diào)整洋紅(在色相/飽和度”對話框中) 【Ctrl】+【6】
去色 【Ctrl】+【Shift】+【U】
反相 【Ctrl】+【I】

圖層操作
從對話框新建一個圖層 【Ctrl】+【Shift】+【N】
以默認(rèn)選項建立一個新的圖層 【Ctrl】+【Alt】+【Shift】+【N】
通過拷貝建立一個圖層 【Ctrl】+【J】
通過剪切建立一個圖層 【Ctrl】+【Shift】+【J】
與前一圖層編組 【Ctrl】+【G】
取消編組 【Ctrl】+【Shift】+【G】
向下合并或合并聯(lián)接圖層 【Ctrl】+【E】
合并可見圖層 【Ctrl】+【Shift】+【E】
蓋印或蓋印聯(lián)接圖層 【Ctrl】+【Alt】+【E】
蓋印可見圖層【Ctrl】+【Alt】+【Shift】+【E】
將當(dāng)前層下移一層 【Ctrl】+【[】
將當(dāng)前層上移一層 【Ctrl】+【]】
將當(dāng)前層移到最下面 【Ctrl】+【Shift】+【[】
將當(dāng)前層移到最上面 【Ctrl】+【Shift】+【]】
激活下一個圖層 【Alt】+【[】
激活上一個圖層 【Alt】+【]】
激活底部圖層 【Shift】+【Alt】+【[】
激活頂部圖層 【Shift】+【Alt】+【]】
調(diào)整當(dāng)前圖層的透明度(當(dāng)前工具為無數(shù)字參數(shù)的,如移動工具) 【0】至【9】
保留當(dāng)前圖層的透明區(qū)域(開關(guān)) 【/】
投影效果(在”效果”對話框中) 【Ctrl】+【1】
內(nèi)陰影效果(在”效果”對話框中) 【Ctrl】+【2】
F1 -幫助
F2 -剪切
F3 -拷貝
F4-粘貼
F5-隱藏/顯示畫筆面板
F6-隱藏/顯示顏色面板
F7-隱藏/顯示圖層面板
F8-隱藏/顯示信息面板
F9-隱藏/顯示動作面板
F12-恢復(fù)
Shift+f5-填充
Shift+f6-羽化
Shift+f7-選擇→反選
ctrl+h-隱藏選定區(qū)域
ctrl+d-取消選定區(qū)域
ctrl+w-關(guān)閉文件
ctrl+Q-退出ps

2017年1月發(fā)布的Chrome 56瀏覽器開始把收集密碼或信用卡數(shù)據(jù)的HTTP頁面標(biāo)記為“不安全”，若用戶使用2017年10月推出的Chrome 62，帶有輸入數(shù)據(jù)的HTTP頁面和所有以無痕模式瀏覽的HTTP頁面都會被標(biāo)記為“不安全”，此外，蘋果公司強制所有iOS App在2017年1月1日前使用HTTPS加密。

HTTP和HTTPS發(fā)展歷史

什么是HTTP?

超文本傳輸協(xié)議，是一個基于請求與響應(yīng)，無狀態(tài)的，應(yīng)用層的協(xié)議，?；赥CP/IP協(xié)議傳輸數(shù)據(jù)，互聯(lián)網(wǎng)上應(yīng)用最為廣泛的一種網(wǎng)絡(luò)協(xié)議,所有的WWW文件都必須遵守這個標(biāo)準(zhǔn)。設(shè)計HTTP的初衷是為了提供一種發(fā)布和接收HTML頁面的方法。

什么是HTTPS？

《圖解HTTP》這本書中曾提過HTTPS是身披SSL外殼的HTTP。HTTPS是一種通過計算機網(wǎng)絡(luò)進(jìn)行安全通信的傳輸協(xié)議，經(jīng)由HTTP進(jìn)行通信，利用SSL/TLS建立全信道，加密數(shù)據(jù)包。HTTPS使用的主要目的是提供對網(wǎng)站服務(wù)器的身份認(rèn)證，同時保護(hù)交換數(shù)據(jù)的隱私與完整性。

PS:TLS是傳輸層加密協(xié)議，前身是SSL協(xié)議，由網(wǎng)景公司1995年發(fā)布，有時候兩者不區(qū)分。

HTTP VS HTTPS

HTTP特點：

1、無狀態(tài)：協(xié)議對客戶端沒有狀態(tài)存儲，對事物處理沒有“記憶”能力，比如訪問一個網(wǎng)站需要反復(fù)進(jìn)行登錄操作

2、無連接：HTTP/1.1之前，由于無狀態(tài)特點，每次請求需要通過TCP三次握手四次揮手，和服務(wù)器重新建立連接。比如某個客戶機在短時間多次請求同一個資源，服務(wù)器并不能區(qū)別是否已經(jīng)響應(yīng)過用戶的請求，所以每次需要重新響應(yīng)請求，需要耗費不必要的時間和流量。

3、基于請求和響應(yīng)：基本的特性，由客戶端發(fā)起請求，服務(wù)端響應(yīng)

4、簡單快速、靈活

5、通信使用明文、請求和響應(yīng)不會對通信方進(jìn)行確認(rèn)、無法保護(hù)數(shù)據(jù)的完整性

HTTPS特點：

基于HTTP協(xié)議，通過SSL或TLS提供加密處理數(shù)據(jù)、驗證對方身份以及數(shù)據(jù)完整性保護(hù)

通過抓包可以看到數(shù)據(jù)不是明文傳輸，而且HTTPS有如下特點：

1、內(nèi)容加密：采用混合加密技術(shù)，中間者無法直接查看明文內(nèi)容

2、驗證身份：通過證書認(rèn)證客戶端訪問的是自己的服務(wù)器

3、保護(hù)數(shù)據(jù)完整性：防止傳輸?shù)膬?nèi)容被中間人冒充或者篡改

混合加密：結(jié)合非對稱加密和對稱加密技術(shù)?？蛻舳耸褂脤ΨQ加密生成密鑰對傳輸數(shù)據(jù)進(jìn)行加密，然后使用非對稱加密的公鑰再對秘鑰進(jìn)行加密，所以網(wǎng)絡(luò)上傳輸?shù)臄?shù)據(jù)是被秘鑰加密的密文和用公鑰加密后的秘密秘鑰，因此即使被黑客截取，由于沒有私鑰，無法獲取到加密明文的秘鑰，便無法獲取到明文數(shù)據(jù)。

數(shù)字摘要：通過單向hash函數(shù)對原文進(jìn)行哈希，將需加密的明文“摘要”成一串固定長度(如128bit)的密文，不同的明文摘要成的密文其結(jié)果總是不相同，同樣的明文其摘要必定一致，并且即使知道了摘要也不能反推出明文。

數(shù)字簽名技術(shù)：數(shù)字簽名建立在公鑰加密體制基礎(chǔ)上，是公鑰加密技術(shù)的另一類應(yīng)用。它把公鑰加密技術(shù)和數(shù)字摘要結(jié)合起來，形成了實用的數(shù)字簽名技術(shù)。

收方能夠證實發(fā)送方的真實身份；

發(fā)送方事后不能否認(rèn)所發(fā)送過的報文；

收方或非法者不能偽造、篡改報文。

非對稱加密過程需要用到公鑰進(jìn)行加密，那么公鑰從何而來？其實公鑰就被包含在數(shù)字證書中，數(shù)字證書通常來說是由受信任的數(shù)字證書頒發(fā)機構(gòu)CA，在驗證服務(wù)器身份后頒發(fā)，證書中包含了一個密鑰對（公鑰和私鑰）和所有者識別信息。數(shù)字證書被放到服務(wù)端，具有服務(wù)器身份驗證和數(shù)據(jù)傳輸加密功能。

搜索引擎都有自己的“搜索機器人”（ROBOTS），并通過這些ROBOTS在網(wǎng)絡(luò)上沿著網(wǎng)頁上的鏈接（一般是http和src鏈接）不斷抓取資料建立自己的數(shù)據(jù)庫。今天就給大家講一講比較實用的SEO技巧之robots.txt文件。

網(wǎng)站所有者使用/robots.txt文件向網(wǎng)絡(luò)機器人提供有關(guān)其網(wǎng)站的說明; 這被稱為機器人排除協(xié)議。

工作原理

機器人想要訪問網(wǎng)站，比如http://www.cnhakka.com.cn。

在此之前，它首先檢查http://www.cnhakka.com.cn/robots.txt，robots.txt文件信息。

存在：搜索機器人就會按照該文件中的內(nèi)容來確定訪問的范圍

不存在：搜索機器人就沿著鏈接抓取。

首先，在我們寫robots之前，我們必須要知道，我們?yōu)槭裁匆獙懰?，這才是問題的核心，千萬不要因為別人也寫了你就也去效仿。robots，人稱“君子協(xié)議”，是網(wǎng)站和搜索引擎之間的協(xié)議，搜索引擎在爬行到你網(wǎng)站時會第一時間爬行到這個文件，然后會根據(jù)你寫的協(xié)議進(jìn)行爬行和抓取。

robots文件寫作步驟

在寫文件之前，我們需要有以下的權(quán)限，可以上傳文件到網(wǎng)站根目錄，因為robots是放在網(wǎng)站根目錄的。確認(rèn)好我們有權(quán)限之后，先可以開始寫了。首先創(chuàng)建一個TXT文件，命名為robots.txt。

打開文件第一步要寫的就是User-agent:，這代表的是你需要什么搜索引擎抓取你的網(wǎng)站，例如User-agent：*，代表的需要所有搜索引擎、User-agent：Baiduspider，代表的百度可以抓。

那么怎么禁止所有搜索引擎抓取呢?這設(shè)計要后面的知識，這里先寫出來，但不進(jìn)行解釋。User-agent：* Disallow:/。一般來說我們都是允許所有的抓取，如有特殊需要可以自己去斟酌。

在寫好User-agent之后就是寫具體的規(guī)則了，主要有兩種：一種是allow和disallow也就是允許和不允許的意思。這個大家都能理解，我們的網(wǎng)站資源有限，有些東西沒必要抓取的就是不用浪費帶寬，例如JS和CSS文件，還有出于安全考慮，網(wǎng)站后臺目錄也是不允許被抓取的。disallow寫法規(guī)則，禁止抓取某個目錄 disallow：/目錄/ 禁止抓取特定的文件 disallow：.php(.css .js) 禁止抓取圖片 disallow：.jpg(圖片格式)$。。。還有很多鐘用法。在這里我們說明的是。并不是寫的越多越好，要根據(jù)實際情況去寫。

常用關(guān)鍵字段

User-Agent: 以下規(guī)則適用的機器人（例如“Googlebot”等）

Disallow: 您希望阻止機器人訪問的頁面（根據(jù)需要，禁止多行）

Allow: 不需要阻止機器人訪問的頁面

Noindex: 希望搜索引擎阻止和不要索引的頁面（如果先前已建立索引，則將其解除索引）

細(xì)節(jié)注意事項

機器人可以忽略你的/robots.txt。特別是在網(wǎng)絡(luò)上掃描安全漏洞的惡意軟件機器人以及垃圾郵件發(fā)送者使用的電子郵件地址收集器將不予理睬。

/robots.txt文件是一個公開可用的文件。任何人都可以看到您不希望機器人使用的服務(wù)器部分。

robots.txt必須放置在一個站點的根目錄下(后面說)，而且文件名必須全部小寫。

如果”robots.txt”是一個空文件，則對于所有的搜索引擎robot，該網(wǎng)站都是開放的。

第一個英文要大寫，冒號是英文狀態(tài)下，冒號后面有一個空格

如果“/”后面多了一個空格，則屏蔽整個網(wǎng)站

行前不能有空格，如 [空格][空格][空格] User-agent: *

禁止把命令放在一行，像這樣：User-agent: * Disallow:/

生效時間為幾天~幾個月

該文件放在那里

簡單說，只需要放置在web服務(wù)器頂級目錄中。

當(dāng)機器人查找URL的“/robots.txt”文件時，它會從URL中剝離路徑組件（來自第一個單斜杠的所有內(nèi)容），并將“/robots.txt”放在其位置。

例如，對于“ http://www.baidu.com/shop/index.html” ，它將刪除 /shop/index.html “，并將其替換為” /robots.txt “，最終將以“http://www.baidu.com/robots.txt”。

因此，需要將其放在Web服務(wù)器上的正確位置，以便生成該URL。通常，這是您放置網(wǎng)站主要“ index.html ”歡迎頁面的位置。究竟是什么，以及如何將文件放在那里，取決于Web服務(wù)器軟件。

注意：使用全文小寫作為文件名：“ robots.txt ”，而不是“ Robots.TXT。

最后就還有一個小技巧了，那就是寫入sitemap地址。我們都知道百度不會給小站開通sitemap權(quán)限，所以我們可以在這里寫上。一般我們在根目錄存放好sitemap，格式一般都是XML也有TXT的，寫法如下：Sitemap：http://www.jxfzseo.com/(網(wǎng)站名)sitemap.xml.

CSS3提供了一個新的屬性集合，用這幾個屬性可以嵌入圖片形式的邊框。這樣，邊框就可以自定義了。

1.border-image-source//引入背景圖片地址

2.border-image-slice//切割引入背景圖片

3.border-image-width//邊框圖片的寬度

4.border-image-repeat//邊框背景圖片的排列方式

5.border-image-outset//邊框背景向外擴(kuò)張

6.border-image//上面五個屬性的簡寫方式

首先，用Photoshop軟件分析一下這個標(biāo)準(zhǔn)九宮格的總體大小和每個格子的大小。

最終得出圖片總大小為81px正方形，四個角的大小為27px的正方形，其余五個角也是27px。那么

div {
margin-left:50px;

margin-top:50px;
width: 400px;
height: 400px;
background:green;
border-image-source: url(border.png);
border-image-width: 27px;      //紅色方格的大小
border-image-slice: 27;       //保證邊角只切一個方格（紅色方格）
border-image-outset: 27px;    //該邊框包圍在div的外部
border-image-repeat: round;   //除四角之外，中間部分的顯示方式

}

四個角設(shè)定好之后，我們要設(shè)定四個變的顯示排列方式。使用border-image-repeat屬性，有四個值提供使用

stretch指定用拉伸方式填充邊框背景圖。默認(rèn)值。

repeat指定用平鋪方式來填充邊框背景圖。當(dāng)圖片碰到邊界時，如果超過則被截斷。

round指定用平鋪方式來填充邊框背景圖。圖片會根據(jù)邊框的尺寸動態(tài)調(diào)整圖片的大小，直至正好可以鋪滿整個邊框。

space指定用平鋪方式來填充邊框背景圖。圖片會根據(jù)邊框的尺寸動態(tài)調(diào)整圖片的之間的間距，直至正好可以鋪滿整個邊框。

//拉伸方式填充，當(dāng)然，通過上右下左設(shè)置四個邊均可

border-image-repeat:stretch;

//平鋪填充，超過則被截斷

border-image-repeat:repeat;

//平鋪填充，動態(tài)調(diào)整圖片大小直至鋪滿

border-image-repeat:round;

//平鋪填充，動態(tài)調(diào)整圖片的間距直至鋪滿

border-image-repeat:space;

//另一個按鈕的小例子

div{
margin-left:50px;

margin-top:50px;
width: 200px;
height: 40px;
border-image-source: url(button.png);
border-image-width: 10px;
border-image-outset:10px;
border-image-slice: 10 fill;

}

簡寫和版本
//border-image簡寫格式很簡單，具體如下：

border-image：<‘border-image-source’>||<‘border-image-slice’>[/<‘border-image-width’>|/<‘border-image-width’>?/<‘border-image-outset’>]?||<‘border-image-repeat’>

//以上是手冊上摘錄的，轉(zhuǎn)換成實際格式如下：

margin-left:50px;
margin-top:50px;
width: 400px;
height: 400px;
background:green;
border-image: url(border.png) 27/27px/27px round;

//兼容加上前綴

-webkit-border-image:url(border.png) 27/27px round;

-moz-border-image:url(border.png) 27/27px round;

-o-border-image:url(border.png)27/27px round;

border-image:url(border.png) 27/27px round

CSS border 屬性允許您指定元素邊框的樣式、寬度和顏色。