Cloudflare 轉址設定兩步驟

基於種種原因,我們需要把某一個網址的所有流量轉換到另一個網址
例如:把 example.com 所有流量轉到 example.net
這時就需要用到轉址服務,好消息 Cloudflare 就可以做轉址囉
本文兩步驟教大家如何設定 Cloudflare 轉址

設定DNS紀錄

Cloudflare 頁面切換到 DNS

編輯 DNS 記錄

設定一筆 A 記錄將跟目錄指向到 Google Public DNS,IP 8.8.8.8

Cloudflare 根目錄在名稱欄位要輸入「@」

指向 Google Public DNS 只是因為該欄位必填,不知道要填什麼就填 Google 吧,當然也可以填其他 IP

編輯網頁規則

Cloudflare 轉址叫「網頁規則」,切換至「頁面規則」頁面

按下「建立頁面規則按鈕」,規則可使用萬用字元,可參考下列規則的寫法

轉址目標設定及方式可以參考下圖,按下儲存,可以測試了

這時候會把 example.com 的所有流量透過 301 轉址的方式全部轉到 example.net 囉

[……]

閱讀更多

WAMP Server change default Browser to Chrome

開啟 WAMP Sever 居然是用 IE 11 開啟,到底對不對阿,這都什麼時期的產物了,雖然直接用瀏覽器輸入網址瀏覽本地端網頁也是可行,但心裡就是有個疙瘩,來哥教你改成用你愛的瀏覽器開

修改設定檔

如果安裝路徑沒有修改的話,開啟下面這個檔案,如果安裝路徑有修改的話,自己去找這個檔案。

用你愛用的文字編輯器打開,照到該死的這一行

替換成瀏覽器執行檔位置

關閉 WAMP Server 重新開啟,SEE Chrome 出現了,開勳

[……]

閱讀更多

XAMPP 換成 WAMP Server 安裝教學

XAMPP 一直來都是我裝在自己電腦中模擬開發環境使用,最大的優點的優點就是非常簡單,在 Windows 一鍵安裝完 MySQL、PHP、PHPMyAdmin,甚至連 Filezilla Server 都可以一次裝到好,省去逐一安裝及配置的時間,又有友善的介面可以開啟這些Server,實在是非常方便。

那麼方便幹嘛換,嘿對,隨時代的更迭,PHP、MySQL、Apache 都會釋出新版本,以 PHP來說 PHP5 到 PHP7 就是一個明顯陣痛過程,部分程式需要重構,但並非所有程式都會上PHP7,然而XAMPP雖然方便但它只安裝一種 PHP 版本,如果我裝 PHP7 的版本就無法開啟 PHP5 時期的程式,這是忽然要改 PHP5 的程式變成沒有這樣的開發環境了

我相信 XAMPP 一定有辦法手動去安裝舊版本的 PHP ,但一定免不了手動安裝及配置,在切換過程中也會需要一些設定,會搞得有一點不優雅,所以如果有更好的解決方案,為何不嘗試呢?想開發什麼版本就切換到哪個版版,WAMP Server 正好有這優點,聽起來是不是很棒呢,開始試試看吧

開始之前準備

安裝新環境時都要有個好習慣,記得先備份好之前的 XAMPP 檔案,還有匯出資料庫,天知道等下安裝後會發生什麼事,至少都還有還原的機會

下載 Wamp Server

官網下載:https://www.wampserver.com/en/

等一下!!! 這什麼瀏覽器?! IE11 為什麼會開啟骨灰級的瀏覽器,阿我也不知道,不行不行這我受不了,於是我把它改回我慣用的 Chrome,不然我心裡過不去阿

至於怎麼改呢?可以參考我另一篇文章

WAMP Server change default Browser to Chrome

控制面板

WAMP Server 開啟後,在 Windows 右下角常駐程式會出現這個 icon ,相關控制功能都在這邊

更改語言

接著滑鼠指標在 icon 的上按「右鍵」,「右鍵」「右鍵」是「右鍵」,就會出現相關設定選單,其中有一個 Language 的選單,但當然不是只有俄文拉,WAMP 內建一堆語言。

再來就是 WAMPP

相容 WAMP 最酷的地方

身為一個 PHP 程序員,電腦裝個幾個版本的 PHP 也是很正常的,在 WAMP 中可以允許我們切換不同版本的 PHP 就在這邊,就這麼簡單,基本的功能面板都在這邊,除此之外還提供很多好用的工具,這就要自己慢慢完囉

相容 XAMPP 不必卸載

最後,XAMPP 與 WAMP Server 的環境都是分別獨立的,連資料庫都是,只要不要同時開啟,基本上兩者都可以使用

[……]

閱讀更多

React Native Expo 安裝依賴(dependencies)時會有一堆錯誤

開啟專案或拿到別人開發的專案後,第一件事會為專案安裝一些必要的依賴(dependencies)套件

不過安裝過程中不斷噴出警告 (WARN),想嚇死誰

一開始很糾結這些警告,就是心裡過不去,久而久之也就習慣了…後來在Expo官方文件看到一篇文章有提到這一段,然後心裡踏實多了

Initialize a project

為新項目安裝依賴項時,您可能會看到一些警告。這些是由於某些外部程序包具有過分嚴格或不必要的依賴關係而引起的,正在清理它們。它們不會對您的項目造成任何傷害。

[……]

閱讀更多

GCP 亞洲資料中心與代碼

Google Compute Platform (GCP) 是目前主流雲端服務平台之一,裡面提供各種各式各樣的雲端服務,GCP 的資料中心遍及全世界,很多服務在開啟的時候會要求選擇資料中心,而挑選資料中心的位置當然還是要離主要服務的區域越近越好,台灣最常服務的還是亞太地區,GCP 上選擇資料中心時是以代碼呈現(例:asia-south1),雖然知道是亞洲但還是不知道確切位置,有些服務挑選資料中心後是不能修改的

GCP 亞太地區資料中心對照表

代碼國家/地區asia-south1孟買asia-southeast1新加坡asia-southeast2雅加達asia-east2香港asia-east1台灣asia-northeast1東京asia-northeast2大阪australia-southeast1雪梨asia-northeast3首爾這邊列出我們最常用的「亞太地區」

其他區域

下方連結 可查詢 GCP 全球據點及網路分布
https://cloud.google.com/about/locations

[……]

閱讀更多

How to disable GTM debug mode

Google Tag Manager (GTM) 提供了很多方便收集使用者行為的工具,但前端會出現如下圖的除錯小工具視窗,方便我們開啟除錯及預覽模式,但當我們測試完成後將網站投入於生產環境中,發現還是會出現這小工具視窗,即使關閉了,當刷新頁面後仍會出現,似乎關閉不了它,本篇就來處理這傢伙,教您如何關閉 Google Tag Manager (GTM) 除錯工具的小工具視窗。

開啟代碼管理工具面版 (GTM)

  • 取消勾選左下角 Include debug signal in the URL 核選方塊
  • 按 Popup 視窗右上角的叉叉關閉視窗

停止除錯模式

做到這一步基本上已經關閉了除錯模式了,這時可以到網頁上去看一下GTM除錯工具的小工具視窗是否還在,如果還在,就按下小工具視窗的右上角的叉叉,關閉這個視窗,它就不會出現囉。

參考資料:
https://support.google.com/tagmanager/answer/6107056?hl=zh-Hant
https://www.analyticsmania.com/post/4-ways-how-to-turn-off-google-tag-manager-debug-mode/

[……]

閱讀更多

設定 G Suite Email MX 記錄

申請完 G Suite 並在管理面版設定好網域,卻還不能發信,請檢查你的DNS紀錄是不是少了MX的紀錄了呢?Google G Suite 要設定五筆MX紀錄,email才能正常運作:

新增 G Suite MX 記錄

名稱/主機/別名存留時間 (TTL*)記錄類型優先順序值/回應/目的位置@ 或保留空白3600MX1ASPMX.L.GOOGLE.COM@ 或保留空白3600MX5ALT1.ASPMX.L.GOOGLE.COM@ 或保留空白3600MX5ALT2.ASPMX.L.GOOGLE.COM@ 或保留空白3600MX10ALT3.ASPMX.L.GOOGLE.COM@ 或保留空白3600MX10ALT4.ASPMX.L.GOOGLE.COMhttps://support.google.com/a/answer/140034?hl=zh-Hant

設定DNS紀錄

如果你DNS是代管在 Cloudflare 上的話只要按照下列幾個步驟就可以成功設定了

[……]

閱讀更多

【黑暗料理界】常用軟體或網站改為深色模式 (持續更新)

為什麼要用黑色呢,基於下面幾點理由,我愛把所有介面改為黑色介面

  • 我爽,沒別的
  • 顧眼睛
  • 省電

顧眼睛

除了第一點以外,是我個人因素外,長時間的使用電腦的朋友都該使用暗黑模式,因為暗黑模式能減少強光對眼睛的傷害,所有我們螢幕看到的顏色都是由三原色光紅色、綠色、藍色三種色光混合而成,尤其是白色,就是紅、綠、藍三種光線累加而成,而黑色正好相反,沒有光線就是黑色。

長期光線照射眼睛會造成眼睛傷害,反之,減少光線的照射能降低長時間使用電腦對眼睛的危害。

省電

不要覺得我在唬爛,暗黑模式也能省電,筆電或手機最消耗電力的就是顯示器,光是需要電力轉換,顯示器顯示光線的原理也是同一上段使用紅、綠、藍三種光線累加混合而成,黑色則為不發光,所以暗黑模式則會減少光的輸出,也就會減少電力消耗,增加續航力。

開始越來越多軟體介面或網頁介面開始支援暗黑介面,只是每一個軟體或服務的暗黑模式名稱略有不同,有的叫深色模式、有的叫夜間模式、黑暗、深色,都一樣就是把解面變成黑嚕嚕就對了,本篇就來教大家怎麼把一些常用的軟體或網路服務改成黑嚕嚕模式

Windows 10 深色模式

win 10 也加入暗黑模式的支援,可以讓視窗跟一些兼容Windows佈景主題的應用程式都變成暗黑模式

Chrome 深色模式

依照官方文件說明,Windows 10 以上版本只要跟上一段介紹的佈景主題設定為「深色」即可,必要時重新開啟 Chrome 瀏覽器

官方文件:使用深色模式或深色主題瀏覽
https://support.google.com/chrome/answer/9275525?co=GENIE.Platform%3DDesktop&hl=zh-Hant

還想更黑一點嗎?

Chrome 極致黑

https://agirls.aotter.net/post/56218

Edge 深色模式

Firefox 深色模式

最早預設就是黑色的瀏覽器,但有可能手賤設定跑掉了,可以看這邊設定回來

Facebook 深色模式

facebook 需要先切換至新版本才能啟用深色模式,右上角三角形典下去,選取夜間模式

Line 深色模式

Youtube 深色模式

Gmail 深色模式

美中不足,那撰寫按鈕是怎樣,太不合群了吧

Twitter 推特深色模式

XMind 2020 深色模式

SourceTree 深色模式

工具 > 選項 > Theme > Dark

Android Studio 深色模式

Configure > Settings
Appearance & Behavior > Appearance > Theme > High contrast

[……]

閱讀更多

免費 Gif 螢幕截圖工具 – 中文免安裝

截圖工具不必多,好用的一個就夠,截圖是一個每天都在使用的簡單功能,但這截圖比較特別,可以把螢幕錄影轉成Gif截圖,非常的好用,省去螢幕錄影再用影片編輯軟體轉成Gif,ScreenToGif 這軟體一次搞定,非常輕量,設計得非常直覺,而且是免費的

另外官方也貼心的製作安裝版本及免安裝版本,可由自己的喜好安裝,我就篇好免安裝版本,下載完打開應用程式,非常簡潔,而且有繁體中文呢,真的要給貢獻者拍拍手。

選擇「螢幕錄影」

ScreenToGif 的框框移到要錄製成Gif的位置,當然您可以先調整相關設定,比如說穎格速率,尺寸…等等,調整完畢後按下「錄影」鈕,最後按下「停止」鈕。

截取完成後,會出現結果的視窗,按下「另存新案」選擇 Gif 儲存位置後載按下「儲存」紐,就完成了,截取完成的圖片會像下面DEMO這樣,當然圖片品質、速率、影片這些都可以透過設定去調整喔

[……]

閱讀更多