DNS – 記下來

使用 Cloudflare AddToAny Share Buttons 來分享你的網站

黃小蛙 — Sun, 10 Mar 2019 12:04:35 +0000

記下來這個部落格一直都沒有開啟分享的功能，是因為 Worpdress 的 AddToAny Share Buttons 套件在小蛙的 theme 會一直出問題，索性就不放了，不過今天在 Cloudflare 上看到一個功能，覺得有趣馬上試用看看，效果很好，這篇記錄一下給有需要的人參考。

Cloudflare 之前有介紹過是一套非常強大的免費 CDN，算起來也很佛心，免費版本已經提供非常多好用的功能了，今天小蛙要再來講它裡面有一個叫做 Apps 的功能。

登入 Cloudflare 之後，進入要管理的 Site 之後，上方選單中的最右邊的 Apps，進去之後搜尋 Share 就可以看到 AddToAny Share Buttons 的 App 可以安裝

小蛙安裝過了有點懶得刪掉再重新設定一次，下面拿另一個套件的畫面來放，點選 Preview on your site

進入下一個畫面之後會看到切割成左右兩邊，右邊是網站的預覽，左邊是一些設定

Buttons type 是設定你要浮動 Floating 或是固定在某處 Inline，Vertical bar 跟 Horizontal bar 分別是垂直的跟水平的，因為電腦版頁面比較寬，因此適合垂直放在最邊邊，當然還是要視每個人狀況而定，一般手機板左右比較窄，因此設計成分享按鈕為水平的，這邊小蛙的設定是電腦版的時候，在網站左側垂直浮動，在手機版的時候則變成底部中央浮動。

接著是按鈕設定，顏色可以選擇預設的或是自訂，下面分別是按鈕大小、圓角程度、按鈕間距、跟按鈕離底部的距離等設定，把下面的 Show sharing options 打勾進行按鈕類別的設定。

如果 Service 下拉沒有看到自己要的服務，可以點選 AddToAny service code 那行藍字，過去找自己要的服務，點進去之後可以看到 code 是什麼，照著填上來就可以了，像這邊小蛙去查了 Line 的 code 是 line，Service 選 Other … 然後 Service code 填入 line 就會出現 Line 的分享按鈕了。

最後下面留一個 Service: AddToAny 的話，就會出現一個 + 符號，目的是如果使用者沒有找到自己要的分享工具，可以透過這個 + 點進去找，最後一行如果留空白，會自動把當前頁面分享出去。

所有步驟完成之後，點選左下角的 Install on all pages，就會安裝在網站上每個頁面的左側。

什麼？你照著設定了還是沒有？那很有可能是你的網站只是透過 Cloudflare 代管，但是並沒有使用 Cloudflare 的 CDN 服務喔！來打開它吧！

最上方選單，點選 DNS 選單

點選紅框部份，變成橘色就表示目前該網址服務有通過 CDN，有通過 CDN 的服務 Cloudflare 才有辦法幫忙加上你所安裝上去的 Apps 喔！

不過還是有點小小的問題，小蛙還不知道怎麼處理，不過沒有什麼太大的影響，想說就先放著，就是 … 它連後台也加上了，變成這個分享按鈕會擋到自己的選單 …

Cloudflare 系列文章：

這篇文章使用 Cloudflare AddToAny Share Buttons 來分享你的網站最早出現於記下來。

TPE-Free 無法跳出登入畫面

黃小蛙 — Sat, 16 Feb 2019 08:56:21 +0000

有一段時間沒有使用 TPE-Free 的免費網路了，今天發現已經有 TPE-Free(5G) 了噎，不懂沒關係，總之速度比較快就是了，這篇記錄一下，如果沒有跳出登入畫面的解決方式。

記得公眾的 wifi 應該是連上之後會自動跳出登入的驗證畫面，今天要連的時候發現怎麼試都沒辦法，切回手機熱點分享上 Taipei-Free 官網上面看到寫這樣

一步一步照著重新操作，不管試幾次都是卡在第三步，一開始不知道要連 http 才可以，找了半天大多看到只要連 http 就可以跳出登入畫面，照著做之後還是不行，只好又切回手機訊號，繼續 Google。

這次加上 Mac 這個關鍵字好了，終於在 PTT 看到這篇 [求救] MacBook Pro 無法跳出Wifi認證畫面（PTT真的是人才濟濟啊！）

原來是因為小蛙把 DNS 設定改成 8.8.8.8 跟 1.1.1.1，而 TPE-Free 必須要保留原始設定才能跳轉到登入畫面

好了，網路連上了，繼續工作，別忘了登出要連這個連結喔！（雖然小蛙也常常直接關掉就是了 …）

WiFi 相關文章：

這篇文章 TPE-Free 無法跳出登入畫面最早出現於記下來。

使用 Cloudflare 代管你的域名

黃小蛙 — Sun, 25 Nov 2018 09:17:12 +0000

上一篇文章為自己申請一個域名 – HiNet 為例記錄怎麼申請一個自己的域名，而小蛙習慣將所有的域名都丟給 Cloudflare 代管，這樣不管小蛙在哪裡申請域名，管理的介面都是統一在 Cloudflare 比較方便。

域名代管設定

如果沒有 Cloudflare 帳號的話先去註冊一個吧！登入後點選右上角的 Add a Site。

填入要加入的域名，這邊不限於 HiNet 註冊的，如果你到 Godaddy 或是其他地方註冊的只要是屬於自己可管控的域名，都可以加入進來，之後統一由 Cloudflare 介面管理。

這個網域之前小蛙已經加過了，所以有些畫面可能不太一樣，要將 HiNet 域名交由 Cloudflare 代管，接著到 HiNet 頁面依自己的網域類型選單下進行設定（如果不是在 HiNet 申請的，就到申請的地方設定），這步驟可以後面再做，後面 Cloudflare 會有提示頁面教使用者怎麼設定

在 DNS Server Name 中填入may.ns.cloudflare.com、pete.ns.cloudflare.com

如果網域生效並且設定正確就可以看到這個畫面，有時候 HiNet DNS 沒有那麼快生效，如果沒辦法正常使用的話，就要再等一等了

選取方案，小蛙是選擇 FREE 免費方案

方案確認說明，沒選錯的話直接 Confirm 就好

看到下面這個畫面就完成了

繼續往下設定

如果下方一片空白的話，至少要加入一個 A record 並且指定到自己的主機位址(IP)，Status 的部份是否要開啟，橘色表示開啟，要透過 CDN 功能，點一下變成灰色代表不要通過 CDN 功能，僅僅需要使用 DNS 代管功能。

開啟 Windows 的 cmd 使用 ping 看看，如果可以 ping 到自己剛剛設定的 A record 表示設定完成了。當打開 CDN 就可以發現得到沒看過的 IP，當雲設定成灰色（關閉 CDN）再 ping 一次就會恢復成原本自己設定的主機 IP，這邊要注意的事情是，如果你的服務有需要拿到使用者真實 IP 的話，就不可以把橘色的雲打開，不然只會拿到一堆 CDN 的 IP，而不是真實的使用者位置。

[wbcr_html_snippet id="7903"]

網站架設系列文章：

這篇文章使用 Cloudflare 代管你的域名最早出現於記下來。

為自己申請一個域名 – HiNet 為例

黃小蛙 — Sat, 24 Nov 2018 10:31:44 +0000

小蛙最近有些原因需要一個新的域名，之前 .net 結尾的域名都是在 Godaddy 申請的，這次要買 .tw 的時候差點被 Godaddy 騙去，Godaddy 在 .tw 的價位是：第一年 NT$599、第2年及以後 NT$1,019，還好及時想到在臺灣買 .tw 的話，每一年都是 NT$800，算起來在臺灣買 .tw 會比較划算。

在開始前先提供一個小撇步，如果你是透過 Godaddy 購買的話，可以先去註冊帳號，注意是註冊帳號喔！註冊完先不要買，接著把中意的域名加入購物車，但是不要先結帳，做完這動作之後就先關掉，等待時間發酵(誤)，過不久就可以收到專屬驚喜。像小蛙要截圖跑去加入購物車之後沒有購買，結果不久之後就收到下面這封信，突然得到折扣呢！

於是乎小蛙就在 HiNet 申請 .tw 的域名，這邊簡單記錄一下怎麼透過 HiNet 申請域名

左側選單看到可以在這邊申請的類型有：com.tw、idv.tw、.tw、.台灣、.tw、.com、.taipei … 之類的，依自己需求點進去就可以開始申請，但進去之前先從右上角的 whois 查詢，把自己想要註冊的名字打進去看看是否已經被註冊走了，如果沒有的話就可以回來開始填資料囉！

以「泛用型英文網域（.tw）」為例，進去之後點選「網域名稱申請」，填入要申請的域名，拉到最下面勾選同意條款後，會轉到填寫資料頁面

把資料填一填送出之後會收到一封 HiNet 寄來的信

小蛙用信用卡付款後收到付款確認通知，收到這封信，從後台登入查詢裡進度上面顯示約 30 分鐘可以開通，不過據小蛙的經驗來說有時候可能會超過。

等收到下面這封信就申請完成囉！

網站架設系列文章：

這篇文章為自己申請一個域名 – HiNet 為例最早出現於記下來。