Godaddy Windows主機(含 Plesk) 安裝 安全通訊協定SSL(Secure Sockets Layer)

要讓自己的網站有安全的鎖頭符號，不但能讓人更加信任網站安全性，也可以提升Google對網頁的SEO評分，進而提高搜尋排名。

1. 先到 SSL FREE 申請免費的憑證：點我前往
2. 需要認證你是該網站的管理者，我們通常選擇Manual Verification的驗證方法：

   

3. 下載兩個檔案上傳到主機上：
   Download File #1
   Download File #2

   上傳位置有指定！在根目錄開一個資料夾名為 .well-known , 在 .well-known 裡面再開一個資料夾acme-challenge, 將下載的兩個檔案上傳進去：

   http://xxxx.com/.well-known/acme-challenge/Ccc183NxXe4kQ7SUyqFZMi88wFXBCyCOSWcDZWd1

   http://www.xxxx.com/.well-known/acme-challenge/7m5ODeLjhDRV1iH_4SgTf7EnIA6-t1SPH8ZFV1xC

Windows主機 需要到 Web.config 內, 在 <system.webServer>與</system.webServer>之間加入：
<system.webServer>
<staticContent>
<mimeMap fileExtension="." mimeType="text/plain" />
</staticContent>
</system.webServer>

這樣才可以找到驗證檔案喔！

之後就可以按下綠色按鈕 Download SSL Certificate，認證成功會看到，我們需要的就是這三個囉：

4. 進到你 Godaddy 的 Plesk 管理員頁面，有時候 loading 有點久才進得去，習慣 Godaddy 的品質就好了～

點選進入: 保證您網站的安全

點選 添加SSL證書 後會看到此畫面：先輸入 證書名稱，可隨意取名：

再將剛剛再SSL FREE取得的
私密金鑰Private 複製到 私密金鑰
證書Certificate 複製到 證書
CA證書CA Bundle複製到 CA證書

最後按下 發送文本 按鈕

5. 回到管理首頁，點選　主機設定：

6. 將 SSL支援 打勾，下拉選擇剛剛新建的證書名稱，按下確定按鈕：

7. 完成~
如果網頁程式碼裡面有引入不是 https的圖片來源或是 js檔，那綠色鎖頭可能不會出現喔，會變成問號？還是到網頁程式碼裡面檢查一下吧，改成https就OK了~

 

廣告

LINE Login – LINE 提供的免費登入機制

Let LINE users easily log in and connect to your app !

每當我們在網站或是APP內要結帳或是登入時，總需要一道輸入帳號密碼的手續，為了簡化與方便使用者，所以有使用第三方帳號登入的機制，像是使用 FB 或是 GOOGLE 的帳號登入，就可以節省不少時間，也可以避免顧客跑單啊～ (拜託PM不要再叫我介接一堆第三方登入了…)

根據尼爾森媒體（ Nielsen ）的調查， 12-65 歲的台灣民眾，有將近 91％ ，也就是將近 1,700 萬人都在使用 LINE 。至於全球，則有以下宣告數據：

上圖引用自官網

台灣用LINE的人太多了，歐美地區反而沒有那麼多人用LINE，到美國去，大家還是用MESSENGER 、WhatsApp、iMessage 比較多~

LINE的野心很大，服務包山包海，LINE也有提供LINE Login，是免費的登入機制，以下為不同瀏覽器所導引而呈現出不同的輸入帳密畫面，帳號密碼在原網站是得不到的，如果是APP內登入，還可以自動登入，連輸入帳密都不用！

備註：登入的帳號，LINE APP內需有勾選 允許自其他裝置登入，勾選位置在LINE APP內的設定->我的帳號->允許自其他裝置登入。

只要是你登入過的網站或APP，都可以在 LINE APP內看到紀錄，並可以取消連動，到LINE APP內的設定->我的帳號->連動中的應用程式，即可看到列表紀錄！真的是凡走過必留下痕跡喔～

下面是比較技術性的說明，適合技術人員閱讀。

---

如何申請LINE Login呢？

1. Creating a channel，到這邊看詳細說明：點我前往

要先準備一個App icon來代表你，Under 3MB; JPEG/PNG/GIF/BMP。
Channel ID就是你的唯一識別ID。
Channel secret 要保存好。
App type 有分：LINE Login (WEB) 或 LINE Login (NATIVE_APP)。
如果要取得登入者的Email , 在OpenID Connect下的Email，需上傳截圖。(Agree to the application terms and upload a screen shot of the screen that explains to the user why you need to obtain their email address and what you will use it for.)
Callback URL是登入者登入後導回的網址，如有多個，輸入時要換行再輸入！(Max: 400 lines) 。

設定過程不會太久，且設定完幾分鐘就可使用。

 LINE團隊會檢視對接的網站、APP是否違反善良風俗、以及是否違反當地法令。

2. 在自己的頁面上放一個 LINE 登入按鈕

上圖引用自此，請前往觀看設計規範
將用戶導入到此API，按鈕的連結網址會像是這樣：

https://access.line.me/oauth2/v2.1/authorize?response_type=code&client_id=xxxxx&redirect_uri=xxxxx&state=xxxxx&scope=openid%20email%20profile

要特別注意scope的參數，如果想要取得用戶的 Email，需要同時帶入openid和email ! 並且以%20分隔。

https://access.line.me/oauth2/v2.1/authorize

Scopes

• profile: Permission to get the user’s profile information.
• openid: Used to retrieve an ID token. For more information
• email: Permission to get the user’s email address. openid must be specified at the same time.

如果用戶成功登入，LINE會導回Callback URL，並在網址上自動帶回 code：

http://xxxx.com?code=xxxx&state=93873836f8a54ee8b4d5998a2823f515

code很重要！只能用一次！並有十分鐘效期，我們要用它來呼叫另一支API:  https://api.line.me/oauth2/v2.1/token 以便取得 access token，要取得access token，我們才能終極取得用戶的 profile資料！

請下載這個免費軟體 POSTMAN 來協助你測試與除錯，點下圖前往下載：

3. 用POST方法呼叫 https://api.line.me/oauth2/v2.1/token，在POSTMAN中，我們可以看到需帶入以下參數：

如果成功呼叫，會回傳JSON response.

{
    "access_token": "bNl4YEFPI/hjFWhTqexp4MuEw5YPs...",
    "expires_in": 2592000,
    "id_token": "eyJhbGciOiJIUzI1NiJ9...",
    "refresh_token": "Aa1FdeggRhTnPNNpxr8p",
    "scope": "profile",
    "token_type": "Bearer"
}

自此，這邊回傳的Access token，效期可長達30天！30天內都可以持這個Access token免死金牌，向LINE取得用戶Profile資料。

你也可以另外呼叫GET https://api.line.me/oauth2/v2.1/verify，來驗證Access token免死金牌的有效性。技術人員可以看詳細的 Social API v2.1 reference

4. Getting user profiles (向LINE取得用戶Profile資料)

用GET方法呼叫 https://api.line.me/v2/profile，在POSTMAN中，我們可以看到需帶入以下參數：

可以取得 (回傳) 哪些資料呢?
可以取得 userId 來跟你自己的平台做 mapping !
可以取得displayName，就是用戶在 LINE顯示的名稱
可以取得pictureUrl，就是用戶在 LINE顯示的大頭照片
可以取得statusMessage，就是用戶在 LINE顯示的ˋ狀態文字，如果他沒有狀態文字就不會回傳此項！

如果成功呼叫，會回傳JSON response.

{
  "userId":"U4af4980629...",
  "displayName":"Brown",
  "pictureUrl":"https://example.com/abcdefghijklmn",
  "statusMessage":"Hello, LINE!"
}

以上就是基本的流程，技術人員可以看詳細的 Social API v2.1 reference，就麻煩移駕前往官方文件研究囉～

如有網站需要加入LINE Login，或是建立會員後台管理系統，請與我們聯絡！
請用LINE登入後，取得聯絡方式：點我前往

 

頭城往返宜蘭 台灣好行壯圍沙丘線(綠18)

頭城位於蘭陽平原的最北端，從古至今都是進入宜蘭地區的門戶，稱為開蘭第一城。
頭城融合復古與現代，新的頭城火車站，造型就像蘭陽博物館，也為頭城增添新意~

我今天來到頭城，湊巧搭上剛來的「台灣好行－壯圍沙丘線」，沒有特定要去哪裡，就上車了！

2018年6月1日起，交通部觀光局東北角暨宜蘭海岸國家風景區管理處推出連結宜蘭轉運站到頭城火車站之間的「台灣好行－壯圍沙丘線」（綠18），由國光客運營運，沿線行經宜蘭火車站（幾米廣場）、壯圍沙丘旅遊服務園區、永鎮濱海遊憩區、大福海濱遊憩區、頭城濱海森林公園（八角瞭望台）、大坑觀景台與烏石港（蘭陽博物館）等必訪景點。

我是從頭城這邊上車！今天要介紹的就是：壯圍沙丘旅遊服務園區～免費參觀！

壯圍沙丘旅遊服務園區位於台2線濱海公路149.3K旁，面積約4.8公頃，為宜蘭國際魅力新景點。園區由名建築師黃聲遠，以「空出谷地，看見沙丘」為核心概念規劃設計，融合宜蘭地方自然元素呈現沙丘地景風貌及沙穴建築空間營造。內有沙丘展覽館(由蔡明亮導演策劃)及森林島嶼(由薰衣草森林進駐經營)等空間 (此段文字介紹引用自交通部觀光局東北角暨宜蘭海岸國家風景區管理處網站)。

可以想見，沒有公部門的推動與支持，與交通配套措施，是很難在這裡開創新的熱點。
下車的公車亭別具意象：

我不是學建築的，只能以常人的角度來說明，園區建築融合沙丘意象與植栽生機，以具有豎井天井的透光方式進行設計，有清水混泥土的質地，加上大量使用弧線與R角，在建築體內，有別於一般直線前進的動線，可以順著弧線前進，時而感受地面高低差的坡度，時而感受天井的別有洞天，並可以在室內踩踏沙的灘面，並同時觀賞具有緩慢意象的蔡明亮電影：行者。

大門入口意象，頗有包浩斯之感：

大廳遊客中心服務處：

壁面投影著蔡明亮導演的影片：行者。仍然是啟用蔡導的愛徒－李康生：

由於影片步調過於緩慢，場內有人模仿片中人物的行走速度，為緩慢的步調帶來一絲趣味與活力：

場內有人模仿片中人物的行進速度，為緩慢的步調帶來一絲趣味與活力，辛苦了：

其他空間的行者影片，帶有孤寂的離世感：

其他空間的行者影片，可以看到此片是在國外街頭拍攝，自成一格：

其他空間的行者影片：無無眠，此片有部分裸露畫面，小孩需斟酌觀賞：

到二樓，可以走出戶外，樓層與沙丘之間的模糊界線，可以上二樓後走出戶外體驗！

樓層與沙丘之間的模糊界線，可以走出戶外體驗！

頗具荷蘭意象之感：

樓層與沙丘之間的模糊界線，讓你可以順著坡度回到一樓戶外：

天氣炎熱，館內冷氣仍然涼爽，縱使無法體會緩慢意境，放鬆心情來走一遭也是值得的。

建築融合地景沙丘，能體會到「直線屬於人類，曲線屬於上帝」的詩意與禪意！在建築設計中融合自然，並且不喧賓奪主，尊重小鎮沙丘意象，展現人類除了追求高度之外的具體實現，令人感動！

壯圍沙丘在 google的評論，點我觀看～

直轄市定古蹟 – 艋舺青山宮 (靈安尊王)

到萬華來趟宗教文化之旅，通常大家都是到龍山寺、祖師廟 (農曆1、3、6、7、9、11月，蓬萊老祖會在萬華祖師廟)….等，但今天一定要介紹：市定古蹟 – 艋舺青山宮！青山宮受地理位置影響，交通沒有像龍山寺那麼方便，他位於萬華區貴陽街2段218號，從龍山寺過去也不遠，順道走訪，可以一窺小而美的市定古蹟與歷史氛圍。

艋舺青山宮是我看過的寺廟中，具有特色與差異的，怎麼說？

1. 廟內氣氛：靈安尊王除了青山山神的神格之外，同時具有司法神的神格，換言之，相當於艋舺三邑人的城隍。所以艋舺青山宮除了祭祀靈安尊王，以及顯慶妃和慶安妃兩位王妃，也如同城隍信仰一般，配祀衙門巡捕審堂體系的陰陽司、監察司、速報司、長壽司、獎善司、罰惡司、福德司、增祿司等各司官、文武判官、謝范將軍、枷鎖將軍、馬使爺和虎爺等，一進入寺廟就被這裡的氛圍震攝住，寧靜又肅穆。

心正，眼神正！唯有眼神正的人，才能直視靈安尊王的眼睛，更能感受到那股強大的氣場～在這裡是不敢開玩笑的！千萬謹記：勿以善小而不為，勿以惡小而為之。

2. 廟內塑像年代久遠，許多都是泥塑的神像，例如紅面的枷將軍與青面的鎖將軍。這兩位將軍是青山王的先鋒大將，專門替青山王捉拿惡鬼，兩位將軍長長的眉毛垂下，猙獰生動的表情令人震攝，其他如陰陽司、監察司、速報司、長壽司、獎善司、罰惡司、福德司、增祿司等各司官，也都栩栩如生，表情生動！

3. 另外值得一提的是，廟內的虎爺是全家福！虎爸、虎媽與小老虎齊聚一堂！實在是太有特色了。

4. 廟內雕梁畫棟，抬頭仰望，建築工藝值得一看！

5. 廟內負責各種業務的神明都有，麻雀雖小、五臟俱全！

6. 三樓除了玉皇上帝與三官大帝之外，還有齊天大聖、南天大聖！頗具特色。

7. 廟內小橋流水，池塘裡魚兒悠閒的游著，一樓後殿還有供供奉青山王爺的夫人，據說青山王顯靈救駕之時，兩位夫人一併被封為顯慶妃、慶安妃。

參觀完青山宮，彷彿來到另一個時空！並深刻體會到：勿以善小而不為，勿以惡小而為之。因為，陽間的所作所為，將在日後被各司官 (陰陽司、監察司、速報司、長壽司、獎善司、罰惡司、福德司、增祿司) 檢視！

如同韓國電影：與神同行，我們也有這樣的文化題材，誰說台灣不能拍出一部比 “與神同行" 更氣勢磅薄的劇作呢 ?

內政部在1985年公告青山宮為國家三級古蹟，現為直轄市定古蹟。廟方在2003年報請臺北市政府文化局重修，由文建會(文化部前身) 分四年補助新臺幣1,500萬元，加上信眾集資，最終得以新臺幣4,000多萬元於2006年底完成修繕。

文化部文化資產局已於2010年將祭典中百餘年歷史的暗訪暨遶境活動公告為民俗及有關文物文化資產予以保存。

你們要謹慎，警醒祈禱，因為你們不曉得那日期幾時來到。(馬可福音 13:33)

艋舺青山宮，在 google的評論，點我觀看～

 

 

象山親山步道 Xiangshan (Mt. Elephant) Hiking Trail

象山只有海拔183公尺，步行時間約1小時40分鐘，雖然挑戰度不高，但還是非常陡峭，滿身是汗，登象山要攜帶足夠的飲用水與小毛巾。

六巨石到了！又稱老萊峽。從這裡攀上巨石可以一覽繁華的信義商圈，是一處熱門的拍照景點，要上巨石拍照，周末時還要排隊呢～

到虎山看夜景不用像象山一樣走二十分鐘的上山步道，還人擠人，到虎山可以開車到瑤池宮下，走幾分鐘的路就到虎山峰，101大樓與信義區夜景就在眼前！請參考這篇：台北市信義區虎山親山步道 Hushan (Mt. Tiger) Hiking Trail

象山步道，在 google的評論，點我觀看～

台北市信義區虎山親山步道 Hushan (Mt. Tiger) Hiking Trail

上次因緣際會來到松山奉天宮 (奉天宮建於虎頭位置) 與慈惠堂，看到富麗堂皇與莊嚴的廟宇，算是一趟文化之旅，也因此發現四獸山市民森林：四獸山步道經過整建後命名為四獸山市民森林，包括虎、豹、獅、象四座郊山，山區自然環境生物、鳥類種類繁多，成為享受戶外綠林悠閒時光的好去處。

今天就先動身前往四獸山市民森林的虎山，虎山海拔140公尺，西高東低、視野遼闊，山頂設有一座日昝，可以觀日計時，也可以看到101大樓，不用去象山人擠人。

位於慈惠堂旁的登山口，有兩條路可以選擇，一條是虎山溪步道，一條是左邊的９５步道，虎山溪的步道很短，我們選擇９５步道：

你也可以選擇走右邊虎山溪步道，後接馬路再接虎山稜線步道走回奉天宮下山！

沿途可以看到小虎石像，蠻嚴肅的：

我們沒有去九五峰，此行我們往虎山峰：

「攻頂」啦：

到了！山頂設有一座日昝，可以觀日計時：

虎山看夜景不用像象山一樣走二十分鐘的上山步道，還人擠人，到虎山可以開車到瑤池宮下，走幾分鐘的路就到虎山峰，101大樓與信義區夜景就在眼前！

繼續往 虎山120高地，迎面而來的清風把視野帶向信義計畫區，101大樓筆直高聳的形影清晰在前，巨石裸露下面就是懸崖啊！千萬小心不要越過：

以視野遼闊和舊兵工廠為地標的120高地，是一座以海拔高度命名的高地公園，園區花木扶疏整齊、涼亭遮陽避雨，是山友經常駐足賞景、聊天的地標點。

從奉天宮來的人才需要攻頂這回事，也比較陡，我現在是要下山了～YA

我們從上面下來到奉天宮，回頭看真的很陡：

松山奉天宮一景：

繼續～延伸閱讀：京都在台北 – 信義區 奉天宮

 

搭乘UBER計程車 前往 瑤池宮下，走幾分鐘的路就到虎山峰，101大樓與信義區夜景就在眼前！給你100元搭車額度：

註冊時輸入優惠序號 uberjerry956 ，車資現折 100 元。 用 簽帳金融卡 也能註冊。uber 營運模式符合在地法令，亦符合政府要求納稅 、 納保及納管原則，請安心搭乘! uber全為自有車輛, 非與車行合作的轉單模式! 點選下圖領取：

ॐ मणिपद्मे हूं
ཨོཾ་མ་ཎི་པ་དྨེ་ཧཱུྃ
嗡嘛呢叭咪吽
オーンマニパドメーフーン
โอม มณี ปัทเม หุม

網頁上有更改文字或圖,還是一直看到舊的…

網頁上有更改文字或是換圖，還是一直看到舊的內容，通常技術部門會說：因為某些伺服器更新比較慢，因為放在雲端上….

如果你用  chrome無痕瀏覽 去看更新後的網頁，如果還是看到舊的文字和圖片，可以試試按下　Ctrl+F5兩個按鈕，讓瀏覽器強迫去再抓一次網頁資料，暫存Cache的問題！

蘋果手機的話，可用Safari瀏覽器的私密瀏覽喔，是一樣的意思喔：
「私密瀏覽」啟用時，Safari 會以黑色或深色顯示，而不是白色或灰色。

上圖引用自蘋果官網

如果還是不行，這時候應該是真的沒有更改文字或是換圖，還是找技術單位或是工程師出來面對吧～ 唉呦，開玩笑的，也許是真的忘了換圖，大事化小，小事化無就好。

但這樣也不是辦法，如果客戶一直看到舊的圖片或是文案，也挺麻煩的，提供以下技術方法：

在網頁中的圖片位置或是CSS檔案位置，在後面加上亂數或是更新時的時間戳記 (由程式產生的，或是每次換圖就更改後面的參數)：
<img src="picture.jpg?20130910043254“>

就樣瀏覽器就會認為是新的圖片，不會有暫存的問題囉。
更詳細的英文技術說明，請參考這篇：How to force a web browser NOT to cache images

京都在台北 – 信義區 奉天宮

台北也有一個可以怡情養性的地方，可以爬山、拜拜、欣賞101，那就是信義區虎山步道附近！新舊交融，富含文化底蘊：

松山奉天宮，雕梁畫棟、富麗堂皇，順道進去參拜一下，主祀玉皇上帝與五年千歲：
想了解五年千歲代天巡狩的來由，可觀看此影片，點我前往
奉天宮圖書館旁，目前展出「古今法醫傳奇與反毒防罪體驗特展」：

再上去一點，就是椅山而靠、腹地廣大的松山慈惠堂，母娘慈悲，廟門龍邊入口處有提供炒米粉、仙草湯、綠豆湯與西瓜：

下次要從慈惠堂附近上去虎山親山步道，再來分享囉～

天氣熱！搭乘UBER計程車 前往松山奉天宮, 給你兩次100元搭車額度：

註冊時輸入優惠序號 uberjerry956 ，車資現折 100 元。 用 簽帳金融卡 也能註冊。uber 營運模式符合在地法令，亦符合政府要求納稅 、 納保及納管原則，請安心搭乘! uber全為自有車輛, 非與車行合作的轉單模式! 點選下圖領取：

ॐ मणिपद्मे हूं
ཨོཾ་མ་ཎི་པ་དྨེ་ཧཱུྃ
嗡嘛呢叭咪吽
オーンマニパドメーフーン
โอม มณี ปัทเม หุม