分類:技巧應用

解決「ERR_CERT_COMMON_NAME_INVALID」導致HSTS異常無法瀏覽HTTPS網站

最近Chrome升級新版後,卻常常遇到有些https網站(有綁SSL)的網站無法存取,甚至轉向https的錯誤畫面,Chrome會顯示「NET::ERR_CERT_COMMON_NAME_INVALID」(隱私權設定發生錯誤)的狀況,本以為清理瀏覽器的網頁快取就可以解決,沒想到就算把瀏覽器重設後再次登入自己的Google帳號,問題依然沒有辦法解決。

除非,Chrome瀏覽器重設後不登入任何帳號,好像就可以正常,但是Google Chrome瀏覽器所有資料都綁在Google帳號,這樣也沒有正確的解決問題,因此查了許久後發現原來問題是出在其他地方,居然是在「HSTS」的設定部分造成異常導致於網站無法正確連線,一直被誤判而跳轉到https的連線,但偏偏我該網站就是沒有套用https(SSL加密)設定。

[教學]如何讓Facebook 貼文讓文章多張圖可同時曝光?

Facebook 推出一種新式的貼文方式,可能有讀者已經在Facebook上體驗過,起初以為這是付費打廣告、下Facebook廣告的用戶所專享的功能,後來看到朋友沒有下廣告也居然有多張圖片貼文同時呈現的效果,經過了解原來是Facebook新推出的貼文模式。不過大家最關心的觸及率呢?那就見仁見智了。現階段觸及率可能不高,但未來不能保證他永遠谷底。

這種新式的貼文模式必須搭配一個超連結,此超連結可以是文章、頁面、任何網頁,貼上網址之後下方Facebook允許您再傳其他圖像,您就可以自行新增其他圖像,當發表此貼文後,就會呈現一篇文章搭配多張圖片同時呈現,感覺畫面飽足感非常的強,但其實都是連結到同一篇文章。

[教學]如何關閉Picasa自動搜尋電腦資料夾圖片?

如果電腦使用Picasa管理圖片,那麼使用者通常有一個困擾就是他會幫你把電腦內所有的影片、圖片之類的檔案全部索引出來,一覽無遺。雖然Picasa為Google旗下一個非常好用的相片管理軟體,同時也可以做圖片的編修處理、圖片預覽等功能,但是因為會把電腦的圖片掃描的完完整整,造成有些使用者有困擾,現在我們就可以透過軟體的設定將掃描資料夾功能關閉。

Picasa安裝完成後,第一次啟動會詢問您要關閉掃描的資料夾,但是往往不太好選擇,一般使用者可能也沒注意到就將軟體開放全電腦掃描,結果每次開啟Picasa都有點尷尬,如果裡面有一些私密照片、不可告人的祕密等圖片,就有機會開啟此軟體就被發現,隱私一覽無遺,因此我們現在就要告訴大家該如何關閉這些照片掃描功能,或者是指定特定資料夾才可以掃描。

[教學]如何讓Facebook粉絲專頁有搶先預訂、聯絡我們按鈕?(建立行動呼籲)

很多人的粉絲專頁陸續出現搶先預訂與我們聯絡、發送訊息、註冊等按鈕,那這些按鈕到底怎麼建立?其實這是Facebook今年推出的新功能,FB粉絲團中就是「行動呼籲」,每一個粉絲團可以建立一個行動呼籲按鈕,按鈕可以配合APP、網站、註冊畫面等等,配合放置,在粉絲團上可以更清楚的看到此連結,立刻把訪客帶入你的網站,為您網站創造流量。

行動呼籲按鈕的建立非常簡單,只要以管理員的身分進入粉絲專頁首頁,就可以看到在粉絲專頁的封面圖下方就有建立的按鈕,只要按照說明指示操作,約莫30秒就可以搞定了。以新秘、拍賣、團購、代購網站,最喜歡使用「搶先預訂」的按鈕,並且連結到Google表單,讓訪客可以快速跟您預約他們的需求或者是購買您販售的商品。

Facebook Debugger 解決臉書粉絲團貼文抓不到正確圖片和文字

有時候你貼文到Facebook可能會發現,奇怪為什麼資料抓取不正確?或者是說完全沒有抓到內文資料,這應該是所謂的快取問題。在Facebook系統中會有抓取資料的時間快取問題,造成有時候貼文的時候都會怪怪的,這時候可以透過Facebook Debug來解決這樣的問題,相信這個工具對於網頁程式設計師應該不陌生。

除了利用Facebook Debug來解決抓取問題外,同時也可以用來檢查網站是否有少了一些Facebook指定的語法,那這有什麼好處呢?因為現在很多網站都想要讓自己的網站或是部落格在臉書上會有曝光,但卻不知道那些語法是需要加入到網站內,才可以讓文張貼到FB可以比較正常,這時候同樣利用Facebook Debug工具一樣可以為您校正網站。

[免費SSL]Cloudflare 免費憑證讓網站綁上SSL加密連線(https)

從2015年年中開始一堆網站紛紛掛上SSL,有免費SSL也有付費SSL,大家使用的不盡相同。有些使用主機商搭配的付費方案,有些尋求網路免費SSL服務,當然付費與免費SSL各有利弊。這回讓我們介紹一下來自Cloudflare提供的免費SSL服務,簽署來自COMODO。透過Cloudflare提供的免費SSL,基本上不需要太技術,就可以替網站掛上SSL加密連線,輕鬆讓網站轉變為「https」。

Cloudflare在這一兩年竄紅很快,對於想要善用免費資源來補足網站的站長們,是一個最佳首選服務,除了提供完整的DNS代管服務外,最令人喜愛的就是不限流量免費CDN服務,透過CDN方式加速網站在全世界的連線速度品質,利用CDN技術會判斷訪客最接近的節點做資料存取,不過缺點則是在台灣對Cloudflare的節點並不是很友善。另外還可透過CDN防止一些基本的DDoS攻擊服務等、節省頻寬流量。

[教學]快速使用 Photoshop 裁切圖片到指定尺寸

在網站上或者是Facebook上,常常需要針對特定的圖片位置對圖片裁切,才能完美呈現自己的照片,不過許多人把「縮圖」和「裁切圖片」搞混了。縮圖意指圖片等比例縮小,裁切意指把圖片切到自己需要的尺寸。因此兩個圖片編修方式是不同的。裁切圖片,有很多軟體可以使用,這回來介紹大家比較常使用的「Photoshop」方式進行圖片裁切。

使用Photoshop裁切圖片,除了用傳統的先把圖片縮小到一定比例後,接著拉出一個框框進行圖片裁切之外,其實有更偷懶的方式,完全不用煩惱圖片該怎麼拉大拉小,究竟該縮到多少才能進行裁切?現在只要讓我們新增一個檔案,再把圖片置入之後,依照等比去縮放圖片,就可以搞定圖片裁切這個複雜動作了,快一點的話,大概30秒就可以搞定一張圖片的裁切了,再也不用擔心永遠切不到尺寸或者是變形。