使用highlight.js

覺得原本用的highlight有點麻煩，新語言就要自己加新的js上去，想試用看看別的highlight程式，找到了這個highlight.js － Syntax highlighting for the Web。看起來比我原本用的還易用，想說試看看。

使用方式，選擇主題 -> 按編輯HTML，找到</body>後，在它前面加上下列三行即可

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.11.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.11.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

正好也順便看看能不能用 哈

另外，https://cdnjs.com/libraries/highlight.js/ 可以找到不少theme，只要找css即可

參考網址：
在Blogger 使用 highlight.js

FB分享對話框的問題

2016/12/7時遇到幾個問題，這邊做點記錄

1. 手機上的chrome無法接受FB.ui的dialog
2. 新版FB app中使用https://www.facebook.com/dialog/share 直接導向的方式，會無法轉回指定的網址，錯誤如下圖，但舊版不會（如42.0）

參考網址：
FACEBOOK FEED DIALOG VS. SHARE LINK DIALOG

Google map中Google提供的標示icon

搜尋了很多資料，總是找不到想要的Goggle地標圖示，想要的如下：

查了不少，找到的大多如下

後來直接找圖示google map marker icons 搜尋結果，是找到不少，但使用的結果反而有個問題，因為是透明背景，白色圓圈部分整個透過去反而很難辨識。

最後直接拿google查到想要的地圖及其地標，直接找它的html code如下：

https://mt.googleapis.com/vt/icon/name=icons/onion/SHARED-mymaps-pin-container-bg_4x.png,icons/onion/SHARED-mymaps-pin-container_4x.png,icons/onion/1899-blank-shape_pin_4x.png&highlight=ff000000,0288D1&scale=2.0

試用了下，更動highlight中的0288D1就可以換顏色了，前頭的ff000000試用後感覺是讓顏色更鮮明。scale是圖示大小，使用在手機上的。name是指定有哪些icon，用逗點分開，案子處理完後依然沒查到哪邊有公開圖示的名稱，有點可惜了。

其他一些查到的範例：

• http://maps.google.com/mapfiles/ms/icons/blue.png
• https://mt.google.com/vt/icon?psize=20&font=fonts/Roboto-Regular.ttf&color=ff330000&name=icons/spotlight/spotlight-waypoint-a.png&ax=44&ay=48&scale=1&text=%E2%80%A2
• http://mt.google.com/vt/icon?psize=25&font=fonts/Roboto-Bold.ttf&color=fffffCff&name=icons/spotlight/spotlight-waypoint-a.png&ax=44&ay=50&text=%E2%80%A2
• https://mt.googleapis.com/vt/icon/name=icons/onion/SHARED-mymaps-pin-container_4x.png,icons/onion/1899-blank-shape_pin_4x.png&highlight=0288D1&scale=2.0

參考網址：
Google Map icons with VisualRefresh [closed]
MarkerOptions
Google Charts ＞ Image Charts ＞ Dynamic Icons
How to use SVG markers in Google Maps API v3

https://www.google.com/maps/d/u/0/viewer?mid=1wtKI5ZKprpS4NCny2gX6g09PBfE&ll=42.840158799999976%2C141.62646619999987&z=10

網路資源
google map marker icons 搜尋結果
The Top Google Maps Marker Icon Collections of 2015
Download a set of 100 free map icons
scottdejonge/map-icons
Google map markers

A tag點選事件穿透上層Div

最近一個案子首頁滿版底圖中空youtube影片顯示，現在很多都這樣設計，但偏偏其右側偏中有個scroll的圖片加連結，切版拿到時，發現不讓景點出現在四週留白，連結會不能點選（因為被底圖的DIV所蓋住了，最快方式就是讓底圖無法被click，找半天發現CSS就能設定，如下：

.bg{
     pointer-events: none; //在CSS中加這段即可
}

不過IE似乎問題不少，但這篇HTML/CSS make clickable through transparent DIV layer有提到覺得IE很麻煩設定，可以試著用這個Pointer Events Polyfill

參考網址：
Click through a DIV to underlying elements
HTML/CSS make clickable through transparent DIV layer
Pointer-events:none or Click Through div

查詢CentOS的版本

記錄查詢CentOS版本的指令

$cat /etc/redhat-release
CentOS release 5.11 (Final)