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

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

我們?cè)谥暗拈_(kāi)發(fā)中，使用了Fontawasome這一字體圖標(biāo)，字體圖標(biāo)的好處是：

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

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

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

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

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

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

Fontawasome4.7升級(jí)Fontawasome5.x的注意事項(xiàng)以及引用方式

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

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

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

他的名稱是cat  那么我們?cè)谝脮r(shí)  輸入  fas fa-cat  的css類 即可引用到這個(gè)圖標(biāo)。 在主題中，引用較多的地方是 菜單，那么我們?cè)诓藛蔚腸ss類中輸入這個(gè)類名稱：

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

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

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

開(kāi)啟WordPress多站點(diǎn)功能

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

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

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

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

define('WP_ALLOW_MULTISITE', true);
// 多語(yǔ)言開(kāi)啟

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

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

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

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

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

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

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

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

多語(yǔ)言的設(shè)定

1.建立2個(gè)或者多個(gè)站點(diǎn)，啟用同一個(gè)主題

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

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

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

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

最后一步是提醒大家：有些同學(xué)，完成配置后，打不開(kāi)子站的儀表盤和網(wǎng)站，這是偽靜態(tài)出問(wèn)題。上面第二步 ，后臺(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)我們的電腦配置過(guò)低的時(shí)候，電腦使用ps很卡該怎么辦，電腦配置太低ps如何設(shè)置才不會(huì)卡，有的時(shí)候我們是可以通過(guò)一些設(shè)置令PS快，不那么卡的，通過(guò)設(shè)置之后，你會(huì)感覺(jué)ps打開(kāi)速度也提升了，保存圖片、讀取圖片的速度也變快了，下面一起看看ps如何設(shè)置才不會(huì)卡吧

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

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

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

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

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

四、快速清理PS內(nèi)存（編輯-清理-全部）
ps打開(kāi)一段時(shí)間后，會(huì)發(fā)現(xiàn)反應(yīng)會(huì)變慢，這是因?yàn)槟阍诠ぷ髦蠵S占用的內(nèi)存沒(méi)有及時(shí)釋放，如果你不想重啟PS，你可以快速清理PS占用的內(nèi)存空間

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

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

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

七、 禁用不常用功能

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

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

文件操作
新建圖形文件【Ctrl】+【N】
新建圖層【Ctrl】+【Shift】+【N】
用默認(rèn)設(shè)置創(chuàng)建新文件 【Ctrl】+【Alt】+【N】
打開(kāi)已有的圖像 【Ctrl】+【O】
打開(kāi)為… 【Ctrl】+【Alt】+【O】
關(guān)閉當(dāng)前圖像 【Ctrl】+【W(wǎng)】
保存當(dāng)前圖像 【Ctrl】+【S】
另存為… 【Ctrl】+【Shift】+【S】
存儲(chǔ)副本 【Ctrl】+【Alt】+【S】
頁(yè)面設(shè)置 【Ctrl】+【Shift】+【P】
打印 【Ctrl】+【P】
打開(kāi)“預(yù)置”對(duì)話框 【Ctrl】+【K】
顯示最后一次顯示的“預(yù)置”對(duì)話框 【Alt】+【Ctrl】+【K】
設(shè)置“常規(guī)”選項(xiàng)(在預(yù)置對(duì)話框中) 【Ctrl】+【1】
設(shè)置“存儲(chǔ)文件”(在預(yù)置對(duì)話框中) 【Ctrl】+【2】
設(shè)置“顯示和光標(biāo)”(在預(yù)置對(duì)話框中) 【Ctrl】+【3】
設(shè)置“透明區(qū)域與色域”(在預(yù)置對(duì)話框中) 【Ctrl】+【4】
設(shè)置“單位與標(biāo)尺”(在預(yù)置對(duì)話框中) 【Ctrl】+【5】
設(shè)置“參考線與網(wǎng)格”(在預(yù)置對(duì)話框中) 【Ctrl】+【6】
外發(fā)光效果(在”效果”對(duì)話框中) 【Ctrl】+【3】
內(nèi)發(fā)光效果(在”效果”對(duì)話框中) 【Ctrl】+【4】
斜面和浮雕效果(在”效果”對(duì)話框中) 【Ctrl】+【5】
應(yīng)用當(dāng)前所選效果并使參數(shù)可調(diào)(在”效果”對(duì)話框中) 【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】
強(qiáng)光 【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】+點(diǎn)按圖層、路徑、通道面板中的縮約圖
濾鏡
按上次的參數(shù)再做一次上次的濾鏡 【Ctrl】+【F】
退去上次所做濾鏡的效果 【Ctrl】+【Shift】+【F】
重復(fù)上次所做的濾鏡(可調(diào)參數(shù)) 【Ctrl】+【Alt】+【F】
選擇工具(在“3D變化”濾鏡中) 【V】
立方體工具(在“3D變化”濾鏡中) 【M】
球體工具(在“3D變化”濾鏡中) 【N】
柱體工具(在“3D變化”濾鏡中) 【C】
軌跡球(在“3D變化”濾鏡中) 【R】
全景相機(jī)工具(在“3D變化”濾鏡中) 【E】

視圖操作
顯示彩色通道 【Ctrl】+【~】
顯示單色通道 【Ctrl】+【數(shù)字】
顯示復(fù)合通道 【~】
以CMYK方式預(yù)覽(開(kāi)) 【Ctrl】+【Y】
打開(kāi)/關(guān)閉色域警告 【Ctrl】+【Shift】+【Y】
放大視圖 【Ctrl】+【+】
縮小視圖 【Ctrl】+【-】
滿畫布顯示 【Ctrl】+【0】
實(shí)際象素顯示 【Ctrl】+【Alt】+【0】
向上卷動(dòng)一屏 【PageUp】
向下卷動(dòng)一屏 【PageDown】
向左卷動(dòng)一屏 【Ctrl】+【PageUp】
向右卷動(dòng)一屏 【Ctrl】+【PageDown】
向上卷動(dòng)10 個(gè)單位 【Shift】+【PageUp】
向下卷動(dòng)10 個(gè)單位 【Shift】+【PageDown】
向左卷動(dòng)10 個(gè)單位 【Shift】+【Ctrl】+【PageUp】
向右卷動(dòng)10 個(gè)單位 【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】
顯示/隱藏“動(dòng)作”面板 【F9】
顯示/隱藏所有命令面板 【TAB】
顯示或隱藏工具箱以外的所有調(diào)板 【Shift】+【TAB】
文字處理(在”文字工具”對(duì)話框中)
左對(duì)齊或頂對(duì)齊 【Ctrl】+【Shift】+【L】
中對(duì)齊 【Ctrl】+【Shift】+【C】
右對(duì)齊或底對(duì)齊 【Ctrl】+【Shift】+【R】
左/右選擇 1 個(gè)字符 【Shift】+【←】/【→】
下/上選擇 1 行 【Shift】+【↑】/【↓】
選擇所有字符 【Ctrl】+【A】
選擇從插入點(diǎn)到鼠標(biāo)點(diǎn)按點(diǎn)的字符 【Shift】加點(diǎn)按
左/右移動(dòng) 1 個(gè)字符 【←】/【→】
下/上移動(dòng) 1 行 【↑】/【↓】
左/右移動(dòng)1個(gè)字 【Ctrl】+【←】/【→】
將所選文本的文字大小減小2 點(diǎn)象素 【Ctrl】+【Shift】+【<】
將所選文本的文字大小增大2 點(diǎn)象素 【Ctrl】+【Shift】+【>】
將所選文本的文字大小減小10 點(diǎn)象素 【Ctrl】+【Alt】+【Shift】+【<】
將所選文本的文字大小增大10 點(diǎn)象素 【Ctrl】+【Alt】+【Shift】+【>】
將行距減小2點(diǎn)象素 【Alt】+【↓】
將行距增大2點(diǎn)象素 【Alt】+【↑】
將基線位移減小2點(diǎn)象素 【Shift】+【Alt】+【↓】
將基線位移添加2點(diǎn)象素 【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ù)置對(duì)話框中) 【Ctrl】+【7】
設(shè)置“內(nèi)存與圖像高速緩存”(在預(yù)置對(duì)話框中) 【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點(diǎn)開(kāi)始變換 (在自由變換模式下) 【Alt】
限制(在自由變換模式下) 【Shift】
扭曲(在自由變換模式下) 【Ctrl】
取消變形(在自由變換模式下) 【Esc】
自由變換復(fù)制的象素?cái)?shù)據(jù) 【Ctrl】+【Shift】+【T】
再次變換復(fù)制的象素?cái)?shù)據(jù)并建立一個(gè)副本 【Ctrl】+【Shift】+【Alt】+【T】
刪除選框中的圖案或選取的路徑 【DEL】
用背景色填充所選區(qū)域或整個(gè)圖層 【Ctrl】+【BackSpace】或【Ctrl】+【Del】
用前景色填充所選區(qū)域或整個(gè)圖層 【Alt】+【BackSpace】或【Alt】+【Del】
彈出“填充”對(duì)話框 【Shift】+【BackSpace】或【shift】+【F5】
從歷史記錄中填充 【Alt】+【Ctrl】+【Backspace】

圖像調(diào)整
調(diào)整色階 【Ctrl】+【L】
自動(dòng)調(diào)整色階 【Ctrl】+【Shift】+【L】
打開(kāi)曲線調(diào)整對(duì)話框 【Ctrl】+【M】

調(diào)整→自動(dòng)對(duì)比度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
在所選通道的曲線上添加新的點(diǎn)(‘曲線’對(duì)話框中) 在圖象中【Ctrl】加點(diǎn)按
在復(fù)合曲線以外的所有曲線上添加新的點(diǎn)(‘曲線’對(duì)話框中) 【Ctrl】+【Shift】

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

圖層操作
從對(duì)話框新建一個(gè)圖層 【Ctrl】+【Shift】+【N】
以默認(rèn)選項(xiàng)建立一個(gè)新的圖層 【Ctrl】+【Alt】+【Shift】+【N】
通過(guò)拷貝建立一個(gè)圖層 【Ctrl】+【J】
通過(guò)剪切建立一個(gè)圖層 【Ctrl】+【Shift】+【J】
與前一圖層編組 【Ctrl】+【G】
取消編組 【Ctrl】+【Shift】+【G】
向下合并或合并聯(lián)接圖層 【Ctrl】+【E】
合并可見(jiàn)圖層 【Ctrl】+【Shift】+【E】
蓋印或蓋印聯(lián)接圖層 【Ctrl】+【Alt】+【E】
蓋印可見(jiàn)圖層【Ctrl】+【Alt】+【Shift】+【E】
將當(dāng)前層下移一層 【Ctrl】+【[】
將當(dāng)前層上移一層 【Ctrl】+【]】
將當(dāng)前層移到最下面 【Ctrl】+【Shift】+【[】
將當(dāng)前層移到最上面 【Ctrl】+【Shift】+【]】
激活下一個(gè)圖層 【Alt】+【[】
激活上一個(gè)圖層 【Alt】+【]】
激活底部圖層 【Shift】+【Alt】+【[】
激活頂部圖層 【Shift】+【Alt】+【]】
調(diào)整當(dāng)前圖層的透明度(當(dāng)前工具為無(wú)數(shù)字參數(shù)的,如移動(dòng)工具) 【0】至【9】
保留當(dāng)前圖層的透明區(qū)域(開(kāi)關(guān)) 【/】
投影效果(在”效果”對(duì)話框中) 【Ctrl】+【1】
內(nèi)陰影效果(在”效果”對(duì)話框中) 【Ctrl】+【2】
F1 -幫助
F2 -剪切
F3 -拷貝
F4-粘貼
F5-隱藏/顯示畫筆面板
F6-隱藏/顯示顏色面板
F7-隱藏/顯示圖層面板
F8-隱藏/顯示信息面板
F9-隱藏/顯示動(dòng)作面板
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瀏覽器開(kāi)始把收集密碼或信用卡數(shù)據(jù)的HTTP頁(yè)面標(biāo)記為“不安全”，若用戶使用2017年10月推出的Chrome 62，帶有輸入數(shù)據(jù)的HTTP頁(yè)面和所有以無(wú)痕模式瀏覽的HTTP頁(yè)面都會(huì)被標(biāo)記為“不安全”，此外，蘋果公司強(qiáng)制所有iOS App在2017年1月1日前使用HTTPS加密。

HTTP和HTTPS發(fā)展歷史

什么是HTTP?

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

什么是HTTPS？

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

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

HTTP VS HTTPS

HTTP特點(diǎn)：

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

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

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

4、簡(jiǎn)單快速、靈活

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

HTTPS特點(diǎn)：

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

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

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

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

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

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

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

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

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

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

收方或非法者不能偽造、篡改報(bào)文。

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

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

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

工作原理

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

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

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

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

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

robots文件寫作步驟

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

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

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

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

常用關(guān)鍵字段

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

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

Allow: 不需要阻止機(jī)器人訪問(wèn)的頁(yè)面

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

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

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

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

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

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

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

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

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

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

生效時(shí)間為幾天~幾個(gè)月

該文件放在那里

簡(jiǎn)單說(shuō)，只需要放置在web服務(wù)器頂級(jí)目錄中。

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

例如，對(duì)于“ 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 ”歡迎頁(yè)面的位置。究竟是什么，以及如何將文件放在那里，取決于Web服務(wù)器軟件。

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

最后就還有一個(gè)小技巧了，那就是寫入sitemap地址。我們都知道百度不會(huì)給小站開(kāi)通sitemap權(quán)限，所以我們可以在這里寫上。一般我們?cè)诟夸洿娣藕胹itemap，格式一般都是XML也有TXT的，寫法如下：Sitemap：http://www.jxfzseo.com/(網(wǎng)站名)sitemap.xml.

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

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

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

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

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

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

6.border-image//上面五個(gè)屬性的簡(jiǎn)寫方式

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

最終得出圖片總大小為81px正方形，四個(gè)角的大小為27px的正方形，其余五個(gè)角也是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;       //保證邊角只切一個(gè)方格（紅色方格）
border-image-outset: 27px;    //該邊框包圍在div的外部
border-image-repeat: round;   //除四角之外，中間部分的顯示方式

}

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

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

repeat指定用平鋪方式來(lái)填充邊框背景圖。當(dāng)圖片碰到邊界時(shí)，如果超過(guò)則被截?cái)唷?/p>

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

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

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

border-image-repeat:stretch;

//平鋪填充，超過(guò)則被截?cái)?/p>

border-image-repeat:repeat;

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

border-image-repeat:round;

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

border-image-repeat:space;

//另一個(gè)按鈕的小例子

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;

}

簡(jiǎn)寫和版本
//border-image簡(jiǎn)寫格式很簡(jiǎn)單，具體如下：

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

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

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 屬性允許您指定元素邊框的樣式、寬度和顏色。