tag:blogger.com,1999:blog-33098943648541276552024-03-14T14:18:17.796+08:00Night Wind'sExploring and ThinkingNightWindhttp://www.blogger.com/profile/00631691637047951426noreply@blogger.comBlogger41125tag:blogger.com,1999:blog-3309894364854127655.post-18278990892331918342022-12-07T14:03:00.013+08:002023-02-03T10:37:16.835+08:00Telegram繁體中文版快速設定<p style="text-align: left;">1. 到 <a href="https://t.me">https://t.me</a> 依平台下載telegram。(建議先安裝手機,PC需要手機驗證登入)</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoP7yosHRU5QOCht1q-NsgK9JQJoRAEap6lgcDXD68iV711Rz25GcpaUSn9ZgA3MS9mQcvEbJV61gw7-z7T0z9L35CwuIpRZWNrblsqvmw74Fi01LexR1GtlcA6yTd4dAFFUp9dlqC1UmJnOMevuGr6FBCsPWORnswDkfXJRdooGXfHahz7sS9Ps_Ltg/s705/20221208100030.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="705" data-original-width="692" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoP7yosHRU5QOCht1q-NsgK9JQJoRAEap6lgcDXD68iV711Rz25GcpaUSn9ZgA3MS9mQcvEbJV61gw7-z7T0z9L35CwuIpRZWNrblsqvmw74Fi01LexR1GtlcA6yTd4dAFFUp9dlqC1UmJnOMevuGr6FBCsPWORnswDkfXJRdooGXfHahz7sS9Ps_Ltg/s320/20221208100030.png" width="314" /></a></div><p style="text-align: left;">2. 軟體沒有內建繁體中文,需手動安裝語言包,將語系轉為繁體中文。在手機或電腦上的瀏覽器點 <a href="https://t.me/setlanguage/taiwan">https://t.me/setlanguage/taiwan</a> 連結,開啟telegram後跳出提示窗,按「Change」即可:</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_yYS2RWEoeWgfRnH3h6BGy2rYgFBlsR3VGFr3PYm9xaa69Q_BM8ca_g1g8Qnh4cGEaYnVFc2FA4fgyIGugos9LT7YoNsyMydW10Jc1aOafdQxxSHwUD0JdGYp9Zb4kcHr5m3QtVlW3XLGzVe3o-bJWSiPHLsV_4lO-A6ehf0tSt3Ih82tMhHxdeh46g/s2218/%E6%88%AA%E5%9C%96%202022-12-07%2013.59.27.png.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="2218" data-original-width="1170" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_yYS2RWEoeWgfRnH3h6BGy2rYgFBlsR3VGFr3PYm9xaa69Q_BM8ca_g1g8Qnh4cGEaYnVFc2FA4fgyIGugos9LT7YoNsyMydW10Jc1aOafdQxxSHwUD0JdGYp9Zb4kcHr5m3QtVlW3XLGzVe3o-bJWSiPHLsV_4lO-A6ehf0tSt3Ih82tMhHxdeh46g/s320/%E6%88%AA%E5%9C%96%202022-12-07%2013.59.27.png.png" width="169" /></a></div><p>3. 隱私與安全性改為「沒有人」可以看到電話號碼、只有互為聯絡人才能看到。群組與頻道改為只有「我的聯絡人」才可以加入。以避免被陌生人隨意加進廣告群組。</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkARuIXO9DCoDr8C-HCN6MIXP6UU9NCMvueZDxwgglstZ15jqTVzevcIa5b_XQoWXS2L0mfgIh6rEVkY65hymIZjgwyHS3ERxM7Ozb-iVrcCP9kigSicQSbMauEyz8zWtHV_pYVyHKwJhRG2iDOOHfO5a68wJHFuDI2iauOBhkD-oGsadj8UWMP7GXKA/s1449/%E6%88%AA%E5%9C%96%202022-12-07%2013.55.22.png.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1449" data-original-width="1170" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkARuIXO9DCoDr8C-HCN6MIXP6UU9NCMvueZDxwgglstZ15jqTVzevcIa5b_XQoWXS2L0mfgIh6rEVkY65hymIZjgwyHS3ERxM7Ozb-iVrcCP9kigSicQSbMauEyz8zWtHV_pYVyHKwJhRG2iDOOHfO5a68wJHFuDI2iauOBhkD-oGsadj8UWMP7GXKA/s320/%E6%88%AA%E5%9C%96%202022-12-07%2013.55.22.png.png" width="258" /></a></div><p>4. 電腦版初次登入需在手機 Telegram「設定」中的「裝置」,點取「連接桌面裝置」啟動QR掃描驗證。</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI-DrLCBrU_9NkMiABZr5wg0Bc-sj25yQjcmUl4h_yM2ZlMTj6RllCPK6tORSF7LxQUYGzSt5BzdevAjzeuSzL4U75Xenp9EYHrn8atUOipPHdN6ZJIpz1ik3KrV31ISz5GQPn9vvuEXH0LkVRr3Aew62DyxFusFQxrndMMSVRjtmeHZDyHnHTLUKEnQ/s539/%E6%88%AA%E5%9C%96%202023-02-03%2010.23.59.png.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="539" data-original-width="462" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI-DrLCBrU_9NkMiABZr5wg0Bc-sj25yQjcmUl4h_yM2ZlMTj6RllCPK6tORSF7LxQUYGzSt5BzdevAjzeuSzL4U75Xenp9EYHrn8atUOipPHdN6ZJIpz1ik3KrV31ISz5GQPn9vvuEXH0LkVRr3Aew62DyxFusFQxrndMMSVRjtmeHZDyHnHTLUKEnQ/s320/%E6%88%AA%E5%9C%96%202023-02-03%2010.23.59.png.png" width="274" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><div style="text-align: left;">5. 電腦版在進階設定裡,設「開機時啟動Telegram」,這樣才能每次開機自動啟動Telegram。</div><div style="text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizFDTvfJ6853LinxFQdhfQ8c8BAQTbZ2Oy5V0GvaXa91TZLPwLcsCbYR-jkxg0ebg1WzXfyR_S3FsSWpbVy_ZQttizROabT6O8IXQKygd08Vz8XRJy4q7IouifLgtXuTd83SmKriyWuAsJIBmEUraj9xxDbheLYVfpyXLvIMQ195Z_bKpjIG5d0nOaag/s892/20221207140132.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="892" data-original-width="492" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizFDTvfJ6853LinxFQdhfQ8c8BAQTbZ2Oy5V0GvaXa91TZLPwLcsCbYR-jkxg0ebg1WzXfyR_S3FsSWpbVy_ZQttizROabT6O8IXQKygd08Vz8XRJy4q7IouifLgtXuTd83SmKriyWuAsJIBmEUraj9xxDbheLYVfpyXLvIMQ195Z_bKpjIG5d0nOaag/s320/20221207140132.png" width="177" /></a></div><br /></div>Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-6010499985570851242020-01-08T14:16:00.000+08:002020-01-08T14:23:12.791+08:00數位鋼琴與傳統鋼琴的選擇這陣子想把原有的鋼琴換掉,深知我對琴音有莫名要求的鋼琴老師,在文水藝文中心聽到一個牌子的鋼琴,直覺我一定會喜歡,所以介紹我去逛看看代理商的門市。<br />
<br />
還好我有先問下價格,省了這一趟。最小的一台琴也要390萬.. 這個零擺在後頭很可怕啊!!<br />
<br />
<div>
驚嚇之餘先記錄一下這個月來使用傳統鋼琴和數位鋼琴的差異感想,方便日後提供給有興趣的朋友。<br />
<br />
先說結論,有想要認真練鋼琴指法的,一定要買鋼琴;想彈奏音樂當休閒的,可以買數位鋼琴。換言之沒有孰優孰劣,看自己的取向如何。<br />
<br />
一般鋼琴老師的想法是數位鋼琴入門門檻較低(價格考量),彈個一年半載覺得鋼琴真的是自己的生命,那就可以入手傳統鋼琴。<br />
<br />
接下來是比較正文,我以傳統鋼琴 Yamaha U3 和數位鋼琴 <a href="http://tw.roland.com/products/fp-30/">Roland FP-30</a> 來做比較。基本上數位鋼琴不用買太好,我彈十幾萬琴的感受一樣是比不上傳統鋼琴的音色,雖然琴鍵有改良更接近傳統鋼琴按壓感加上振動回饋,但比起增加更多音色、螢幕、功能鍵,我想一般不走專業作曲者的使用者應該用不太到。(以Roland來說,價差在於 音色多寡、喇叭瓦數和數量、觸鍵長短和支點不同、是否有功能鍵或只能用下方鍵盤控制、是否有螢幕、是否有琴蓋、是否支援多踏板、是否有和<a href="http://tw.roland.com/products/kiyola_kf-10/">家具業者合作出聯名款</a>...)<br />
<br />
人家說練鋼琴主要是練指法,先不說指法如何練,光是初期5根手指聲音要彈一樣音量就難倒一堆人了。數位鋼琴因為是由喇叭發出,每根手指按壓差異產生的音量大小並不是很明顯。傳統鋼琴因為是不同條琴弦發出,所以很容易聽得出來哪隻手指有問題,可以適時改善。<br />
<br />
數位鋼琴大部份都有藍牙功能,我自己會用手機和平板安裝一些鋼琴教學 App,用藍牙連線後可以由 App 收發聲音,精準確認音是否有彈對。傳統鋼琴因為是用麥克風收音,容易有誤差。(推薦一款我喜歡的 App: <a href="https://apps.apple.com/tw/app/simply-piano-%E7%94%B1-joytunes-%E9%96%8B%E7%99%BC/id1019442026">Simply Piano</a> )<br />
<br />
數位鋼琴可以模擬不同的音色,我們家小朋友把平常練習的鋼琴曲拿到數位鋼琴用不同的音色彈,都覺得十分有趣。尤其是搭上像 a cappella 這類用人聲來表現樂曲,更顯特殊。<br />
<div class="" data-block="true" data-editor="6kbr5" data-offset-key="etdvj-0-0" style="text-indent: 0px;">
<div class="_1mf _1mj" data-offset-key="etdvj-0-0" style="direction: ltr; position: relative; text-align: left;">
<br />
數位鋼琴通常也可以拆起來帶著走,搭配活動型腳架和延音踏板,可以在同樂會或小型交流會中使用,一般電子琴沒有88鍵,不少樂曲還是會受限無法使用,數位鋼琴解決了這個麻煩。<br />
<br />
延音踏板部份,傳統鋼琴和數位鋼琴做的差不多,但認真踩起來還是稍有差異,主要是踩踏的過程中傳統鋼琴是靠中間零件與制音器接觸來決定延音程度,數位鋼琴就單純是下方的開關。雖然我已經換成 <a href="http://tw.roland.com/products/dp-10/" target="_blank">DP-10</a> 這種好一點的延音踏板(主機附的是 <a href="http://tw.roland.com/products/dp-2/" target="_blank">DP-2</a>,無法做到半延音效果),彈奏音樂也不影響。但對於每週要在傳統鋼琴前面彈給老師聽的我,無法數位鋼琴練完就上陣,需先在傳統鋼琴跑過1、2輪才行。<br />
<br />
再來就是音色和音量了,數位鋼琴達成我半夜12點還能練琴的目標,耳機戴上去後要彈多晚都行,而且程式調整的很不錯,戴幾百塊的耳機彈琴,聲音立體到一開始還以為耳機孔沒插好,聲音從喇叭出來。但音色我個人覺得沒有傳統鋼琴線性,所以我練琴時會依傳統或數位鋼琴來決定我要彈的譜,避免彈奏時因為音色感到疑惑。<br />
<br />
我個人建議,想入門鋼琴卻不知道可以學多久的人可以選擇 <a href="http://tw.roland.com/products/fp-10/" target="_blank">Roland FP-10</a>,一台一萬多就買的到。將來真的對鋼琴有興趣,買台傳統鋼琴放家裡外,FP-10 不太佔空間也能繼續沿用,甚至可以帶出去外面辦活動,彈性十足。我手上的 FP-30 是功能稍多一點 FP-10,雖然喇叭瓦數較高,但在家裡用不太到有點浪費,而且機體也比較重。<br />
<br />
為什麼不推薦 Yamaha 的數位鋼琴呢?一來是 Yamaha 的鍵盤太軟,按壓時沒有彈鋼琴的感覺,Roland 設計傾向傳統琴槌的回饋感(像不像是另一回事,有總比沒有好),二來是在 costco 碰到一台琴被折磨成按下去像積木在那磨擦哀嚎,品質真的不敢恭維。所以一樣的預算區間,建議還是考量 Roland 相關型號。<br />
<br />
所以數位鋼琴與傳統鋼琴要怎麼選擇呢?當然是兩台都要啊!<br />
<br />
除非你有把握自己或小孩可以學琴超過三年,不然買傳統鋼琴不只佔空間,轉手也不容易。不如先買個數位鋼琴幾個月,再視情況換傳統鋼琴。相對的,數位鋼琴是個過渡產品,也不用買太好,加上有愈來愈多鋼琴教學 App,如果對鋼琴沒興趣了,可以選擇不上鋼琴課,改成自學鋼琴,偶爾自彈自唱也不錯。一萬多就能達成多年來想玩鋼琴的夢想,這 C/P 值超高的是不是?!</div>
</div>
</div>
Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-85057838568584257392019-12-12T16:08:00.002+08:002020-09-17T10:53:17.306+08:00Mac與iCloud的Downloads資料夾合併方式iCloud目前只有預設同步Mac的Desktop與Documents資料夾:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-zT-TKuCjlGU/XfHyKLVeblI/AAAAAAAACDA/1E78JsyBft4_KvMfdd1b6cDGW_CmWk8OwCLcBGAsYHQ/s1600/%25E6%2588%25AA%25E5%259C%2596%2B2019-12-12%2B15.54.03.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="108" data-original-width="398" height="86" src="https://1.bp.blogspot.com/-zT-TKuCjlGU/XfHyKLVeblI/AAAAAAAACDA/1E78JsyBft4_KvMfdd1b6cDGW_CmWk8OwCLcBGAsYHQ/s320/%25E6%2588%25AA%25E5%259C%2596%2B2019-12-12%2B15.54.03.png" width="320" /></a></div>
<br />
實際上還缺少了同步下載資料夾,特別是需要多台電腦同時工作的使用者而言。<br />
<br />
初階的解決方法,是在iCloud建一個Downloads資料夾,當作新的下載資料夾使用。<br />
<br />
缺點就是有時會搞不清楚哪個才是真正在使用的Downloads資料夾。<br />
<br />
因此最好的作法是移除原有的本機Downloads資料夾,並將iCloud的資料夾建立一份連結在本機原有的地方。<br />
<br />
步驟如下:<br />
1. 在iCloud建立一個Downloads資料夾。<br />
2. 在terminal裡輸入以下指令:<br />
<!--HTML generated using hilite.me--><br />
<div style="background: rgb(255, 255, 255); border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0px;">sudo rm -r ~/Downloads; ln -s ~/Library/Mobile<span style="background-color: #fff0f0; color: #666666; font-weight: bold;">\ </span>Documents/com~apple~CloudDocs/Downloads/ ~/Downloads
</pre>
</div>
<br />
指令說明:<br />
sudo rm -r ~/Downloads <- 刪除原有的本機Downloads資料夾與檔案<br />
ln -s <- 連結iCloud的Downloads資料夾(中間那一大段),並指向本機的Downloads資料夾<br />
<br />
這就解決了下載資料夾不一致的問題,但每一台Mac電腦都得做這個步驟,不如建議Apple比較快!(不過MS自家的OneDrive也不含Downloads資料夾,看來會有這種需求的人不多就是!)<div><br /></div><div>PS. Mac的下載資料夾同步Onedrive可用此例子:</div>
<!--HTML generated using hilite.me--><div style="background: rgb(255, 255, 255); border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;"><pre style="line-height: 125%; margin: 0px;">sudo rm <span style="color: #333333;">-</span>r <span style="color: #333333;">~/</span>Downloads; ln <span style="color: #333333;">-</span>s ~<span style="color: #333333;">/</span>OneDrive<span style="color: #333333;">/</span>Downloads <span style="color: #333333;">~/</span>Downloads
</pre></div>
Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-69254835882301546922018-06-04T11:27:00.003+08:002018-06-04T22:21:01.070+08:00礁溪老爺得天露營車體驗前陣子收到礁溪老爺的<strike>廣告單</strike>邀請卡,想說沒有帶小孩露過營,趁6/1開幕當天搶先體驗看看,趕緊打電話預約。<br />
<br />
露營車有兩種床型,不同在於其中一邊是上下鋪或是平鋪。考量小孩年紀,原本應該要選平鋪,但晚了一步只能訂到上下鋪的車子。半夜很慘,老大從上鋪滾下來,還好事前做一些防範,問題不大。所以能選平鋪就不要考慮上下鋪。<br />
<br />
我們下午大概兩點多到。目前露營車有20輛,第1輛房務使用,訂到的第二車離接待區最近,預約騎腳踏車和兒童電動車都很方便。除了車子免費租借外,白天也可以預約免費高爾夫球一次(打一場需40~50分鐘)。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-UfSGq_qFMws/WxSbepKAKkI/AAAAAAAABBA/73MyJDBVsd8ryaLWWDa3vHhHyFJdFdztQCLcBGAs/s1600/IMG_0527.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="480" src="https://1.bp.blogspot.com/-UfSGq_qFMws/WxSbepKAKkI/AAAAAAAABBA/73MyJDBVsd8ryaLWWDa3vHhHyFJdFdztQCLcBGAs/s640/IMG_0527.jpg" width="640" /></a></div>
<br />
左邊露營車外面放兩張椅子和一張木桌,晚上開車邊的燈喝著咖啡很有情調。右邊是用餐區,早晚餐會有專人送來。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-m2RGaZT2mbo/WxSbe8VhSxI/AAAAAAAABBI/pbaTIaFxYpA7RKPXD6MvUO12RqQ3W7IVgCLcBGAs/s1600/IMG_0524.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="480" src="https://2.bp.blogspot.com/-m2RGaZT2mbo/WxSbe8VhSxI/AAAAAAAABBI/pbaTIaFxYpA7RKPXD6MvUO12RqQ3W7IVgCLcBGAs/s640/IMG_0524.png" width="640" /></a></div>
<br />
另一側提供戶外沖水設備。不過戶外都是草皮,弄髒的機會不大就是。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-VsY6A066_7w/WxSbfmRsTFI/AAAAAAAABBM/KmaHEqtLI9cDBoySJaFf3eJtTfy-qICdQCLcBGAs/s1600/IMG_0531.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="480" src="https://3.bp.blogspot.com/-VsY6A066_7w/WxSbfmRsTFI/AAAAAAAABBM/KmaHEqtLI9cDBoySJaFf3eJtTfy-qICdQCLcBGAs/s640/IMG_0531.jpg" width="640" /></a></div>
<br />
露營車住宿不用到本館Check in,直接進高夫爾球停車場,原有的招待中心就可以登記入住和離房。服務人員會給本館設施使用券,以及活動時間表。建議下午三點報到,整理一下就可以參加三點半的DIY活動。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-SW0fvSxPZ4U/WxSbe4-KM6I/AAAAAAAABBE/CHIZuApx79Id9LKylbQXr3jRD88VyUDBQCLcBGAs/s1600/IMG_0528.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="788" data-original-width="1600" height="315" src="https://2.bp.blogspot.com/-SW0fvSxPZ4U/WxSbe4-KM6I/AAAAAAAABBE/CHIZuApx79Id9LKylbQXr3jRD88VyUDBQCLcBGAs/s640/IMG_0528.jpg" width="640" /></a></div>
<br />
剛進車內建議先不用開冷氣,將窗戶打開讓空氣流通一小時,再視情況決定是否關窗開冷氣。門邊是小廚房,上面放煮咖啡器具、下方放吹風機。左邊上面小冰箱、下面衣櫃(浴毛巾也放裡面)。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-bCvDgqF-AqQ/WxSbZ9OD1_I/AAAAAAAABAk/jO0MWL_1_v0NWlmqGrpnqFjEhTqG59kGACLcBGAs/s1600/IMG_0516.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="480" src="https://1.bp.blogspot.com/-bCvDgqF-AqQ/WxSbZ9OD1_I/AAAAAAAABAk/jO0MWL_1_v0NWlmqGrpnqFjEhTqG59kGACLcBGAs/s640/IMG_0516.jpg" width="640" /></a></div>
<br />
露營車不提供礦泉水,廚房左邊的水龍頭是RO逆滲透,不過我還是會煮一遍再喝。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-3XUMBFw2uIk/WxSbf80NaLI/AAAAAAAABBQ/lG9Wnlinz64Skt8ujgBnE7kBdXYBrjLNwCLcBGAs/s1600/IMG_0532.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="480" src="https://3.bp.blogspot.com/-3XUMBFw2uIk/WxSbf80NaLI/AAAAAAAABBQ/lG9Wnlinz64Skt8ujgBnE7kBdXYBrjLNwCLcBGAs/s640/IMG_0532.jpg" width="640" /></a></div>
<br />
照片中的小梯椅有兩個功能,一個是當上鋪的梯子、另一個是當客廳的桌子。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-uTfKiKdGyEc/WxSba5M_SjI/AAAAAAAABAs/orNU4sDKmyAidFcWbwIaySF0RmsJiavUACLcBGAs/s1600/IMG_0513.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="640" src="https://2.bp.blogspot.com/-uTfKiKdGyEc/WxSba5M_SjI/AAAAAAAABAs/orNU4sDKmyAidFcWbwIaySF0RmsJiavUACLcBGAs/s640/IMG_0513.png" width="480" /></a></div>
<br />
下鋪是L型,照片中這一側比較窄,主要當沙發使用。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-_nXmmOpEw54/WxSbcwkUlKI/AAAAAAAABA0/WqSiH8_Ray8i9GJ_wZsderrv67snFdzuACLcBGAs/s1600/IMG_0521.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="640" src="https://4.bp.blogspot.com/-_nXmmOpEw54/WxSbcwkUlKI/AAAAAAAABA0/WqSiH8_Ray8i9GJ_wZsderrv67snFdzuACLcBGAs/s640/IMG_0521.jpg" width="480" /></a></div>
<br />
車窗可以拉紗窗和遮陽簾,照片中是兩個一起使用,中間用夾子固定。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-nJKHtba_HIA/WxSbiVE8STI/AAAAAAAABBg/pwZMPq2tZmcm7rFve1LqpmkqZ00CQ8NYwCLcBGAs/s1600/IMG_0549.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="480" src="https://3.bp.blogspot.com/-nJKHtba_HIA/WxSbiVE8STI/AAAAAAAABBg/pwZMPq2tZmcm7rFve1LqpmkqZ00CQ8NYwCLcBGAs/s640/IMG_0549.jpg" width="640" /></a></div>
<br />
坐椅對面就是電視,不知道是不是錯覺,畫質比在本館房間內差。不過在戶外活動,不太會去開電視就是!<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-rG5NOgj0Zck/WxSbc4e8tUI/AAAAAAAABA8/bQX4lfhOiJg91PJU1-6_MeozMt-UDQcEQCLcBGAs/s1600/IMG_0522.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="480" src="https://2.bp.blogspot.com/-rG5NOgj0Zck/WxSbc4e8tUI/AAAAAAAABA8/bQX4lfhOiJg91PJU1-6_MeozMt-UDQcEQCLcBGAs/s640/IMG_0522.jpg" width="640" /></a></div>
<br />
車子另一邊是主臥,有兩個窗子,床也很舒適,不輸本館房間。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-W5ntO1dRBpw/WxSba9-SeVI/AAAAAAAABAw/hrmxeFki3vUuRh7qfPzMD3tF6-O4PeD9QCLcBGAs/s1600/IMG_0517.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="640" src="https://4.bp.blogspot.com/-W5ntO1dRBpw/WxSba9-SeVI/AAAAAAAABAw/hrmxeFki3vUuRh7qfPzMD3tF6-O4PeD9QCLcBGAs/s640/IMG_0517.png" width="480" /></a></div>
<br />
盥洗室不大,毛巾可以掛這裡面。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-oh2_MlaJ_sU/WxSbbL65_8I/AAAAAAAABAo/4jDWGHc7arUGBxaaDBqSLjHE4WbT3__3gCLcBGAs/s1600/IMG_0518.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="640" src="https://2.bp.blogspot.com/-oh2_MlaJ_sU/WxSbbL65_8I/AAAAAAAABAo/4jDWGHc7arUGBxaaDBqSLjHE4WbT3__3gCLcBGAs/s640/IMG_0518.jpg" width="480" /></a></div>
<br />
浴室更小,所以浴巾放外面櫃子裡,毛巾平常不掛在裡面。我是選擇晚上帶小朋友到本館泡溫泉,順便在那邊洗完澡再回來。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-zvkkNAVoJeo/WxSbcfAWIII/AAAAAAAABA4/lrOjtG7dNe4jXGXwo59OcLolFSoar3thgCLcBGAs/s1600/IMG_0520.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1201" height="640" src="https://1.bp.blogspot.com/-zvkkNAVoJeo/WxSbcfAWIII/AAAAAAAABA4/lrOjtG7dNe4jXGXwo59OcLolFSoar3thgCLcBGAs/s640/IMG_0520.png" width="480" /></a></div>
<br />
營火共炊區在高爾夫球場南邊,DIY活動都在這裡。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-mh4fWSPPU9k/WxSbgtkMDAI/AAAAAAAABBU/Qu4zzlPcHUstiK1edsXEZ5FKNnnwOb9lQCLcBGAs/s1600/IMG_0534.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="480" src="https://1.bp.blogspot.com/-mh4fWSPPU9k/WxSbgtkMDAI/AAAAAAAABBU/Qu4zzlPcHUstiK1edsXEZ5FKNnnwOb9lQCLcBGAs/s640/IMG_0534.png" width="640" /></a></div>
<br />
晚餐會有兩批服務人員,第一批是預備廚具,餐具和露營燈要房客自行從露營車內拿出來。(熊大燈是我們家自己帶的)<br />
第二批是服務人員帶食物過來,先用鑄鐵鍋煎牛排和香腸給大家吃,再放一點蔬菜和高湯煮火鍋,後續就由房客自行料理。(一開始有點像都市小朋友去露營,老師幫忙煮東西的感覺...)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-C-pjiIIZgK8/WxSbhuFv4AI/AAAAAAAABBc/P2Wl0qnQgV4TBkokxN7L5_f0J5VZVSifwCLcBGAs/s1600/IMG_0545.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="640" src="https://3.bp.blogspot.com/-C-pjiIIZgK8/WxSbhuFv4AI/AAAAAAAABBc/P2Wl0qnQgV4TBkokxN7L5_f0J5VZVSifwCLcBGAs/s640/IMG_0545.png" width="480" /></a></div>
<br />
露營車旁邊的帳篷用餐區也有日光燈,晚上氣氛還滿不錯的!<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-tWzB3K0pdg8/WxSbhjCMLuI/AAAAAAAABBY/bd58cN2hkqoOO6Z7YLU8gSA5aaomSKB-wCLcBGAs/s1600/IMG_0546.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="480" src="https://2.bp.blogspot.com/-tWzB3K0pdg8/WxSbhjCMLuI/AAAAAAAABBY/bd58cN2hkqoOO6Z7YLU8gSA5aaomSKB-wCLcBGAs/s640/IMG_0546.jpg" width="640" /></a></div>
<br />
早上服務人員一樣會用高爾夫球車載早餐盒來。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-Br1_8twt-8U/WxSbioTxGHI/AAAAAAAABBk/zzXrr3Kdm7IFMCk31XlWiSQrUmJydRYVwCLcBGAs/s1600/IMG_0555.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1200" height="640" src="https://4.bp.blogspot.com/-Br1_8twt-8U/WxSbioTxGHI/AAAAAAAABBk/zzXrr3Kdm7IFMCk31XlWiSQrUmJydRYVwCLcBGAs/s640/IMG_0555.jpg" width="480" /></a></div>
<br />
很清爽的早餐,矮罐裝玉米濃湯、高罐裝無糖紅茶。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-uZA3uWR1-8A/WxSbje9JWvI/AAAAAAAABBo/SmP_ID_3ArM796umTy2VeqszzaYAaKePQCLcBGAs/s1600/IMG_0560.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="480" src="https://3.bp.blogspot.com/-uZA3uWR1-8A/WxSbje9JWvI/AAAAAAAABBo/SmP_ID_3ArM796umTy2VeqszzaYAaKePQCLcBGAs/s640/IMG_0560.jpg" width="640" /></a></div>
<br />
如果下次再預訂礁溪老爺,應該還是會選露營車。本館蘭陽景觀房的夜景不像幾年前那麼好看,山景房幾乎沒有景觀可言。食物就更不用說了,岩波庭比不上火車站附近的年年小館,自助餐的菜色也馬馬虎虎。戶外溫泉我通常也只會使用一次,不如找幾個家庭一起租露營車,在外面吃簡單料理,感覺更舒適、開心。<br />
<br />
床型盡量不要選上下鋪,原本就預期老大會從床上摔下來,所以把梯子搬走,在下面放了抱枕。忘了建議飯店加個木製欄桿,如果選到這床型又要考量安全的話,可以把上鋪的床墊放到電視機前面的地板睡。晚上睡覺建議關浴室和盥洗室的抽風機,雖然音量不大,但在野外的車內,還是會感覺到小小的震動。<br />
<br />
插座裡外都滿多的,要充電或使用電器很方便。車門也都是密碼控制,安全性夠,由於不是使用房卡自動斷電,出門前記得關燈和冷氣。<br />
<br />
飯店有提供防蚊液,比較建議視情況決定要不要噴。服務人員通常都會請房客先噴,但實際蚊子不多,頂多就吃晚餐時一、兩隻在飛而已,我們不噴也沒有多大影響。所以看季節和天候決定再說,畢竟這種東西噴在身上和衣服也不太好。<br />
<br />
當初在預訂露營車時,知道一台車不便宜,飯店雖然說會視情況決定是否再添購新的車子,不過現在已經佔了近一半的場地,未來大概也是一房難求,如果有興趣的話,最好還是趁早預訂玩看看囉!Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-5026520221779139372018-04-02T10:09:00.000+08:002018-04-02T10:10:25.609+08:00漢堡選單這是<a href="http://www.hexschool.com/" target="_blank">六角學院</a>老師提供的範例。主要功能為PC頁面時顯示右上方選單,Mobile頁面時隱藏起來,直至點選menu才會在下面列出選單來。<br />
<br />
詳細講解請訂閱<a href="http://www.hexschool.com/courses/responsive.html" target="_blank">六角學院的教材</a>,以下只放畫面和原始碼:<br />
<br />
PC版面:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-VuvpdC5wOR0/WsGOl28YPmI/AAAAAAAAA_o/7PSXPi3lhyA6X5-5ab9k5_YXkX_XpojkQCLcBGAs/s1600/%25E8%259E%25A2%25E5%25B9%2595%25E6%2588%25AA%25E5%259C%2596%2B2018-04-02%2B09.58.54.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="396" data-original-width="967" height="131" src="https://2.bp.blogspot.com/-VuvpdC5wOR0/WsGOl28YPmI/AAAAAAAAA_o/7PSXPi3lhyA6X5-5ab9k5_YXkX_XpojkQCLcBGAs/s320/%25E8%259E%25A2%25E5%25B9%2595%25E6%2588%25AA%25E5%259C%2596%2B2018-04-02%2B09.58.54.png" width="320" /></a></div>
<br />
Mobile版面:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-07OOReVZY1g/WsGOl3rnlfI/AAAAAAAAA_s/9MQLKkg1AhEVCZdt372qkZTDCsLdOFrvQCLcBGAs/s1600/%25E8%259E%25A2%25E5%25B9%2595%25E6%2588%25AA%25E5%259C%2596%2B2018-04-02%2B09.59.08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="722" data-original-width="405" height="320" src="https://3.bp.blogspot.com/-07OOReVZY1g/WsGOl3rnlfI/AAAAAAAAA_s/9MQLKkg1AhEVCZdt372qkZTDCsLdOFrvQCLcBGAs/s320/%25E8%259E%25A2%25E5%25B9%2595%25E6%2588%25AA%25E5%259C%2596%2B2018-04-02%2B09.59.08.png" width="179" /></a></div>
<br />
HTML code:
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #557799;"><!DOCTYPE html></span>
<span style="color: #007700;"><html</span> <span style="color: #0000cc;">lang=</span><span style="background-color: #fff0f0;">"en"</span><span style="color: #007700;">></span>
<span style="color: #007700;"><head></span>
<span style="color: #007700;"><meta</span> <span style="color: #0000cc;">charset=</span><span style="background-color: #fff0f0;">"UTF-8"</span><span style="color: #007700;">></span>
<span style="color: #007700;"><title></span>Document<span style="color: #007700;"></title></span>
<span style="color: #007700;"><link</span> <span style="color: #0000cc;">rel=</span><span style="background-color: #fff0f0;">"stylesheet"</span> <span style="color: #0000cc;">href=</span><span style="background-color: #fff0f0;">"css/all.css"</span><span style="color: #007700;">></span>
<span style="color: #007700;"><script</span> <span style="color: #0000cc;">src=</span><span style="background-color: #fff0f0;">"js/jquery-3.1.1.min.js"</span><span style="color: #007700;">></script></span>
<span style="color: #007700;"><script</span> <span style="color: #0000cc;">src=</span><span style="background-color: #fff0f0;">"js/all.js"</span><span style="color: #007700;">></script></span>
<span style="color: #007700;"><meta</span> <span style="color: #0000cc;">name=</span><span style="background-color: #fff0f0;">"viewport"</span> <span style="color: #0000cc;">content=</span><span style="background-color: #fff0f0;">"width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"</span><span style="color: #007700;">></span>
<span style="color: #007700;"></head></span>
<span style="color: #007700;"><body></span>
<span style="color: #007700;"><div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"wrap"</span><span style="color: #007700;">></span>
<span style="color: #007700;"><div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"header"</span><span style="color: #007700;">></span>
<span style="color: #007700;"><div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"logo"</span><span style="color: #007700;">></div></span>
<span style="color: #007700;"><ul</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"menu"</span><span style="color: #007700;">></span>
<span style="color: #007700;"><li><a</span> <span style="color: #0000cc;">href=</span><span style="background-color: #fff0f0;">"#"</span><span style="color: #007700;">></span>選單一<span style="color: #007700;"></a></li></span>
<span style="color: #007700;"><li><a</span> <span style="color: #0000cc;">href=</span><span style="background-color: #fff0f0;">"#"</span><span style="color: #007700;">></span>選單二<span style="color: #007700;"></a></li></span>
<span style="color: #007700;"><li><a</span> <span style="color: #0000cc;">href=</span><span style="background-color: #fff0f0;">"#"</span><span style="color: #007700;">></span>選單三<span style="color: #007700;"></a></li></span>
<span style="color: #007700;"><li><a</span> <span style="color: #0000cc;">href=</span><span style="background-color: #fff0f0;">"#"</span><span style="color: #007700;">></span>選單四<span style="color: #007700;"></a></li></span>
<span style="color: #007700;"><li><a</span> <span style="color: #0000cc;">href=</span><span style="background-color: #fff0f0;">"#"</span><span style="color: #007700;">></span>選單五<span style="color: #007700;"></a></li></span>
<span style="color: #007700;"><li><a</span> <span style="color: #0000cc;">href=</span><span style="background-color: #fff0f0;">"#"</span> <span style="color: #0000cc;">target=</span><span style="background-color: #fff0f0;">"_blank"</span><span style="color: #007700;">></span>選單六<span style="color: #007700;"></a></li></span>
<span style="color: #007700;"><li><a</span> <span style="color: #0000cc;">href=</span><span style="background-color: #fff0f0;">"#"</span><span style="color: #007700;">></span>選單七<span style="color: #007700;"></a></li></span>
<span style="color: #007700;"></ul></span>
<span style="color: #007700;"><a</span> <span style="color: #0000cc;">href=</span><span style="background-color: #fff0f0;">"#"</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"showmenu"</span><span style="color: #007700;">></span>menu<span style="color: #007700;"></a></span>
<span style="color: #007700;"></div></span>
<span style="color: #007700;"><div</span> <span style="color: #0000cc;">class=</span><span style="background-color: #fff0f0;">"content"</span><span style="color: #007700;">></span>
<span style="color: #007700;"><p></span>
其際出後心術者,風高動;自觀民發富面大年了夜使開懷布,福大會士是全:軍傷子頭新:已起職別客晚方好沒感她是預學。能的陽話經是他麼行五河進計分學嗎都了王創想?片始現化主反過家你與;顯理所名角車下化當影城士有:展很進全色獨水久人,式著斷給,海希手林心立軍、運取早集在港家外隊平有青,們得打形心的了以城為不即小去型,力的道……因不上字失起要易國助可和個觀高的又春非雄只法年個字。有是只我上都道化體、旅黨小綠天洲領般,一任標綠來起,制試安一國……視對與喜名度說,你的不這修配輕!
<span style="color: #007700;"></p></span>
<span style="color: #007700;"><p></span>
一笑馬臺動,一越曾間持青排的爭為但道性。住出子。了這等呢組羅我;更記好。價了望要最,文上老類電來近雄好是電帶也生理不,產在各器解是西小不理再統老以的;預操和來愛月企什較大其來來下了,對師同,在成程舉我?
<span style="color: #007700;"></p></span>
<span style="color: #007700;"><p></span>
望樣斯溫園長,體是確所。在白管,快樹員義油方係係?操那中還一。期之加個然少去說身會草,跑比向女孩情業王多,向以不音人不個向,想加山轉時:師小級觀?發過這重同書,跟試場消麼裡外什所影在名就檢特藥去表談同電聞期不題之。
<span style="color: #007700;"></p></span>
<span style="color: #007700;"></div></span>
<span style="color: #007700;"></div></span>
<span style="color: #007700;"></body></span>
<span style="color: #007700;"></html></span>
</pre>
</div>
<br />
css code:
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #888888;">/* http://meyerweb.com/eric/tools/css/reset/ </span>
<span style="color: #888888;"> v2.0 | 20110126</span>
<span style="color: #888888;"> License: none (public domain)</span>
<span style="color: #888888;">*/</span>
<span style="color: #007700;">html</span><span style="color: #333333;">,</span> <span style="color: #007700;">body</span><span style="color: #333333;">,</span> <span style="color: #007700;">div</span><span style="color: #333333;">,</span> <span style="color: #007700;">span</span><span style="color: #333333;">,</span> <span style="color: #007700;">applet</span><span style="color: #333333;">,</span> <span style="color: #007700;">object</span><span style="color: #333333;">,</span> <span style="color: #007700;">iframe</span><span style="color: #333333;">,</span>
<span style="color: #007700;">h1</span><span style="color: #333333;">,</span> <span style="color: #007700;">h2</span><span style="color: #333333;">,</span> <span style="color: #007700;">h3</span><span style="color: #333333;">,</span> <span style="color: #007700;">h4</span><span style="color: #333333;">,</span> <span style="color: #007700;">h5</span><span style="color: #333333;">,</span> <span style="color: #007700;">h6</span><span style="color: #333333;">,</span> <span style="color: #007700;">p</span><span style="color: #333333;">,</span> <span style="color: #007700;">blockquote</span><span style="color: #333333;">,</span> <span style="color: #007700;">pre</span><span style="color: #333333;">,</span>
<span style="color: #007700;">a</span><span style="color: #333333;">,</span> <span style="color: #007700;">abbr</span><span style="color: #333333;">,</span> <span style="color: #007700;">acronym</span><span style="color: #333333;">,</span> <span style="color: #007700;">address</span><span style="color: #333333;">,</span> <span style="color: #007700;">big</span><span style="color: #333333;">,</span> <span style="color: #007700;">cite</span><span style="color: #333333;">,</span> <span style="color: #007700;">code</span><span style="color: #333333;">,</span>
<span style="color: #007700;">del</span><span style="color: #333333;">,</span> <span style="color: #007700;">dfn</span><span style="color: #333333;">,</span> <span style="color: #007700;">em</span><span style="color: #333333;">,</span> <span style="color: #007700;">img</span><span style="color: #333333;">,</span> <span style="color: #007700;">ins</span><span style="color: #333333;">,</span> <span style="color: #007700;">kbd</span><span style="color: #333333;">,</span> <span style="color: #007700;">q</span><span style="color: #333333;">,</span> <span style="color: #007700;">s</span><span style="color: #333333;">,</span> <span style="color: #007700;">samp</span><span style="color: #333333;">,</span>
<span style="color: #007700;">small</span><span style="color: #333333;">,</span> <span style="color: #007700;">strike</span><span style="color: #333333;">,</span> <span style="color: #007700;">strong</span><span style="color: #333333;">,</span> <span style="color: #007700;">sub</span><span style="color: #333333;">,</span> <span style="color: #007700;">sup</span><span style="color: #333333;">,</span> <span style="color: #007700;">tt</span><span style="color: #333333;">,</span> <span style="color: #007700;">var</span><span style="color: #333333;">,</span>
<span style="color: #007700;">b</span><span style="color: #333333;">,</span> <span style="color: #007700;">u</span><span style="color: #333333;">,</span> <span style="color: #007700;">i</span><span style="color: #333333;">,</span> <span style="color: #007700;">center</span><span style="color: #333333;">,</span>
<span style="color: #007700;">dl</span><span style="color: #333333;">,</span> <span style="color: #007700;">dt</span><span style="color: #333333;">,</span> <span style="color: #007700;">dd</span><span style="color: #333333;">,</span> <span style="color: #007700;">ol</span><span style="color: #333333;">,</span> <span style="color: #007700;">ul</span><span style="color: #333333;">,</span> <span style="color: #007700;">li</span><span style="color: #333333;">,</span>
<span style="color: #007700;">fieldset</span><span style="color: #333333;">,</span> <span style="color: #007700;">form</span><span style="color: #333333;">,</span> <span style="color: #007700;">label</span><span style="color: #333333;">,</span> <span style="color: #007700;">legend</span><span style="color: #333333;">,</span>
<span style="color: #007700;">table</span><span style="color: #333333;">,</span> <span style="color: #007700;">caption</span><span style="color: #333333;">,</span> <span style="color: #007700;">tbody</span><span style="color: #333333;">,</span> <span style="color: #007700;">tfoot</span><span style="color: #333333;">,</span> <span style="color: #007700;">thead</span><span style="color: #333333;">,</span> <span style="color: #007700;">tr</span><span style="color: #333333;">,</span> <span style="color: #007700;">th</span><span style="color: #333333;">,</span> <span style="color: #007700;">td</span><span style="color: #333333;">,</span>
<span style="color: #007700;">article</span><span style="color: #333333;">,</span> <span style="color: #007700;">aside</span><span style="color: #333333;">,</span> <span style="color: #007700;">canvas</span><span style="color: #333333;">,</span> <span style="color: #007700;">details</span><span style="color: #333333;">,</span> <span style="color: #007700;">embed</span><span style="color: #333333;">,</span>
<span style="color: #007700;">figure</span><span style="color: #333333;">,</span> <span style="color: #007700;">figcaption</span><span style="color: #333333;">,</span> <span style="color: #007700;">footer</span><span style="color: #333333;">,</span> <span style="color: #007700;">header</span><span style="color: #333333;">,</span> <span style="color: #007700;">hgroup</span><span style="color: #333333;">,</span>
<span style="color: #007700;">menu</span><span style="color: #333333;">,</span> <span style="color: #007700;">nav</span><span style="color: #333333;">,</span> <span style="color: #007700;">output</span><span style="color: #333333;">,</span> <span style="color: #007700;">ruby</span><span style="color: #333333;">,</span> <span style="color: #007700;">section</span><span style="color: #333333;">,</span> <span style="color: #007700;">summary</span><span style="color: #333333;">,</span>
<span style="color: #007700;">time</span><span style="color: #333333;">,</span> <span style="color: #007700;">mark</span><span style="color: #333333;">,</span> <span style="color: #007700;">audio</span><span style="color: #333333;">,</span> <span style="color: #007700;">video</span> {
<span style="color: #008800; font-weight: bold;">margin</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">0</span>;
<span style="color: #008800; font-weight: bold;">padding</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">0</span>;
<span style="color: #008800; font-weight: bold;">border</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">0</span>;
<span style="color: #008800; font-weight: bold;">font-size</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">100</span><span style="color: #333333;">%</span>;
<span style="color: #008800; font-weight: bold;">font</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">inherit</span>;
<span style="color: #008800; font-weight: bold;">vertical-align</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">baseline</span>;
}
<span style="color: #888888;">/* HTML5 display-role reset for older browsers */</span>
<span style="color: #007700;">article</span><span style="color: #333333;">,</span> <span style="color: #007700;">aside</span><span style="color: #333333;">,</span> <span style="color: #007700;">details</span><span style="color: #333333;">,</span> <span style="color: #007700;">figcaption</span><span style="color: #333333;">,</span> <span style="color: #007700;">figure</span><span style="color: #333333;">,</span>
<span style="color: #007700;">footer</span><span style="color: #333333;">,</span> <span style="color: #007700;">header</span><span style="color: #333333;">,</span> <span style="color: #007700;">hgroup</span><span style="color: #333333;">,</span> <span style="color: #007700;">menu</span><span style="color: #333333;">,</span> <span style="color: #007700;">nav</span><span style="color: #333333;">,</span> <span style="color: #007700;">section</span> {
<span style="color: #008800; font-weight: bold;">display</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">block</span>;
}
<span style="color: #007700;">body</span> {
<span style="color: #008800; font-weight: bold;">line-height</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">1</span>;
}
<span style="color: #007700;">ol</span><span style="color: #333333;">,</span> <span style="color: #007700;">ul</span> {
<span style="color: #008800; font-weight: bold;">list-style</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">none</span>;
}
<span style="color: #007700;">blockquote</span><span style="color: #333333;">,</span> <span style="color: #007700;">q</span> {
<span style="color: #008800; font-weight: bold;">quotes</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">none</span>;
}
<span style="color: #007700;">blockquote</span><span style="color: #555555; font-weight: bold;">:before</span><span style="color: #333333;">,</span> <span style="color: #007700;">blockquote</span><span style="color: #555555; font-weight: bold;">:after</span><span style="color: #333333;">,</span>
<span style="color: #007700;">q</span><span style="color: #555555; font-weight: bold;">:before</span><span style="color: #333333;">,</span> <span style="color: #007700;">q</span><span style="color: #555555; font-weight: bold;">:after</span> {
<span style="color: #008800; font-weight: bold;">content</span><span style="color: #333333;">:</span> <span style="background-color: #fff0f0;">''</span>;
<span style="color: #008800; font-weight: bold;">content</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">none</span>;
}
<span style="color: #007700;">table</span> {
<span style="color: #008800; font-weight: bold;">border-collapse</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">collapse</span>;
<span style="color: #008800; font-weight: bold;">border-spacing</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">0</span>;
}
<span style="color: #007700;">body</span>{
<span style="color: #008800; font-weight: bold;">background</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">#0F222B</span>;
<span style="color: #008800; font-weight: bold;">color</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">#69CA62</span>;
}
<span style="color: #007700;">a</span>{
<span style="color: #008800; font-weight: bold;">color</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">#69CA62</span>;
<span style="color: #008800; font-weight: bold;">text-decoration</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">none</span>;
}
<span style="color: #bb0066; font-weight: bold;">.wrap</span>{
<span style="color: #008800; font-weight: bold;">max-width</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">960px</span>;
<span style="color: #008800; font-weight: bold;">margin</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">0</span> <span style="color: #008800; font-weight: bold;">auto</span>;
}
<span style="color: #bb0066; font-weight: bold;">.header</span>{
<span style="color: #008800; font-weight: bold;">height</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">80px</span>;
<span style="color: #008800; font-weight: bold;">border-bottom</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">1px</span> <span style="color: #008800; font-weight: bold;">solid</span> <span style="color: #6600ee; font-weight: bold;">#69CA62</span>;
<span style="color: #008800; font-weight: bold;">position</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">relative</span>;
}
<span style="color: #bb0066; font-weight: bold;">.logo</span>{
<span style="color: #008800; font-weight: bold;">float</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">left</span>;
<span style="color: #008800; font-weight: bold;">width</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">50px</span>;
<span style="color: #008800; font-weight: bold;">height</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">50px</span>;
<span style="color: #008800; font-weight: bold;">background</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">#69CA62</span>;
<span style="color: #008800; font-weight: bold;">border</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">3px</span> <span style="color: #008800; font-weight: bold;">solid</span> <span style="color: #007020;">green</span>;
}
<span style="color: #bb0066; font-weight: bold;">.menu</span>{
<span style="color: #008800; font-weight: bold;">float</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">right</span>;
}
<span style="color: #bb0066; font-weight: bold;">.menu</span> <span style="color: #007700;">li</span>{
<span style="color: #008800; font-weight: bold;">float</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">left</span>;
}
<span style="color: #bb0066; font-weight: bold;">.menu</span> <span style="color: #007700;">li</span> <span style="color: #007700;">a</span>{
<span style="color: #008800; font-weight: bold;">display</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">block</span>;
<span style="color: #008800; font-weight: bold;">color</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">#69CA62</span>;
<span style="color: #008800; font-weight: bold;">padding</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">1em</span>;
<span style="color: #008800; font-weight: bold;">text-decoration</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">none</span>;
}
<span style="color: #bb0066; font-weight: bold;">.content</span>{
<span style="color: #008800; font-weight: bold;">padding</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">1em</span>;
<span style="color: #008800; font-weight: bold;">line-height</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">1</span><span style="color: #333333;">.</span><span style="color: #6600ee; font-weight: bold;">8</span>;
}
<span style="color: #bb0066; font-weight: bold;">.content</span> <span style="color: #007700;">p</span>{
<span style="color: #008800; font-weight: bold;">margin-bottom</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">1em</span>;
}
<span style="color: #888888;">/*在PC上隱藏漢堡選單*/</span>
<span style="color: #bb0066; font-weight: bold;">.showmenu</span>{
<span style="color: #008800; font-weight: bold;">display</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">none</span>;
}
<span style="color: #008800; font-weight: bold;">@media</span> <span style="color: #333333;">(</span><span style="color: #007700;">max-width</span><span style="color: #333333;">:</span> <span style="color: #007700;">767px</span><span style="color: #333333;">)</span>{
<span style="color: #bb0066; font-weight: bold;">.menu</span> {
<span style="color: #888888;">/*隱藏選單開始*/</span>
<span style="color: #008800; font-weight: bold;">max-height</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">0px</span>;
<span style="color: #008800; font-weight: bold;">overflow</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">hidden</span>;
<span style="color: #888888;">/*隱藏選單結束*/</span>
transition<span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">max-height</span> <span style="color: #6600ee; font-weight: bold;">2.3s</span>;
<span style="color: #008800; font-weight: bold;">margin-top</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">1px</span>;
<span style="color: #888888;">/*絕對定位疊在網頁上*/</span>
<span style="color: #008800; font-weight: bold;">position</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">absolute</span>;
<span style="color: #008800; font-weight: bold;">z-index</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">100</span>;
<span style="color: #888888;">/*header 80px+1px boder 線條*/</span>
<span style="color: #008800; font-weight: bold;">top</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">81px</span>;
<span style="color: #008800; font-weight: bold;">left</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">0</span>;
<span style="color: #008800; font-weight: bold;">right</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">0</span>;
<span style="color: #008800; font-weight: bold;">background</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">#0F222B</span>;
}
<span style="color: #bb0066; font-weight: bold;">.menu</span> <span style="color: #007700;">li</span>{
<span style="color: #008800; font-weight: bold;">float</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">none</span>;
<span style="color: #008800; font-weight: bold;">border-bottom</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">1px</span> <span style="color: #008800; font-weight: bold;">dashed</span> <span style="color: #6600ee; font-weight: bold;">#69CA62</span>;
}
<span style="color: #bb0066; font-weight: bold;">.menu</span> <span style="color: #007700;">li</span> <span style="color: #007700;">a</span>{
transition<span style="color: #333333;">:</span> all <span style="color: #6600ee; font-weight: bold;">0.3s</span>;
}
<span style="color: #bb0066; font-weight: bold;">.menu</span> <span style="color: #007700;">li</span> <span style="color: #007700;">a</span><span style="color: #555555; font-weight: bold;">:hover</span>{
<span style="color: #008800; font-weight: bold;">background</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">#69CA62</span>;
<span style="color: #008800; font-weight: bold;">color</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">#fff</span>;
}
<span style="color: #bb0066; font-weight: bold;">.showmenu</span>{
<span style="color: #008800; font-weight: bold;">display</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">block</span>;
<span style="color: #008800; font-weight: bold;">float</span><span style="color: #333333;">:</span> <span style="color: #008800; font-weight: bold;">right</span>;
<span style="color: #008800; font-weight: bold;">margin</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">1em</span>;
}
<span style="color: #888888;">/*jQ點擊後動態在 body 加上 class */</span>
<span style="color: #bb0066; font-weight: bold;">.menu-show</span> <span style="color: #bb0066; font-weight: bold;">.menu</span>{
<span style="color: #008800; font-weight: bold;">max-height</span><span style="color: #333333;">:</span> <span style="color: #6600ee; font-weight: bold;">500px</span>
}
}
</pre>
</div>
<br />
js code:
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">$(<span style="color: #007020;">document</span>).ready(<span style="color: #008800; font-weight: bold;">function</span>() {
$(<span style="background-color: #fff0f0;">'.showmenu'</span>).on(<span style="background-color: #fff0f0;">'click'</span>, <span style="color: #008800; font-weight: bold;">function</span>(e){
e.preventDefault();
$(<span style="background-color: #fff0f0;">'body'</span>).toggleClass(<span style="background-color: #fff0f0;">'menu-show'</span>);
});
});
</pre>
</div>
Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-86559145177616794302017-12-14T10:48:00.000+08:002017-12-14T10:49:58.305+08:00使用 nodejs 配合 WinRAR 壓縮指定的日期資料夾至遠端磁碟機以下作法適用環境如下:<br />
<br />
<ol>
<li>本地資料夾皆會每天產生日期(ex.20171214)的子目錄</li>
<li>該目錄需壓縮後,放到別台資料夾裡。(在此以存到NAS為例)</li>
</ol>
<br />
程式一開始開放使用者做設定,該台主機只要裝Winrar和nodejs即可,不需裝額外插件。<br />
<br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #888888;">// ============================ 備份參數設定 =====================================</span>
<span style="color: #008800; font-weight: bold;">var</span> NASFolder <span style="color: #333333;">=</span> <span style="background-color: #fff0f0;">"\\\\192.168.1.1\\log_data\\test"</span>; <span style="color: #888888;">// 存放的NAS資料夾</span>
<span style="color: #008800; font-weight: bold;">var</span> CompressFilename <span style="color: #333333;">=</span> <span style="background-color: #fff0f0;">"Compresstest"</span>; <span style="color: #888888;">// 存放的NAS檔名(後面會自動補日期)</span>
<span style="color: #008800; font-weight: bold;">var</span> SourceFolder <span style="color: #333333;">=</span> <span style="background-color: #fff0f0;">"D:\\test"</span>; <span style="color: #888888;">// 要備份的本地端資料夾(後面會自動補日期)</span>
<span style="color: #008800; font-weight: bold;">var</span> afewdaysago <span style="color: #333333;">=</span> <span style="background-color: #fff0f0;">'1'</span>; <span style="color: #888888;">//要備份前幾天?(1代表前一天)</span>
<span style="color: #008800; font-weight: bold;">var</span> bkextensionfile <span style="color: #333333;">=</span> <span style="background-color: #fff0f0;">""</span>; <span style="color: #888888;">// 空值是全部檔案備份。若加副檔名則只會備份有填入的檔案類型, 例如要備dat和log檔案,需填入「dat,log」。</span>
<span style="color: #008800; font-weight: bold;">var</span> rardf <span style="color: #333333;">=</span> <span style="background-color: #fff0f0;">"N"</span>; <span style="color: #888888;">// 「Y」壓縮後刪除原有資料,「N」空值壓縮後保留原有資料。</span>
<span style="color: #008800; font-weight: bold;">var</span> addYearMonthFolder <span style="color: #333333;">=</span> <span style="background-color: #fff0f0;">"N"</span>; <span style="color: #888888;">// 「Y」自動在NAS資料夾加上年、月資料夾,壓縮檔會自行放入該年資料夾裡的月資料夾</span>
<span style="color: #888888;">// =============================================================================</span>
<span style="color: #008800; font-weight: bold;">var</span> fs <span style="color: #333333;">=</span> require(<span style="background-color: #fff0f0;">'fs'</span>) <span style="color: #888888;">// 使用檔案系統</span>
<span style="color: #008800; font-weight: bold;">var</span> exec <span style="color: #333333;">=</span> require(<span style="background-color: #fff0f0;">'child_process'</span>).exec, child; <span style="color: #888888;">// 執行外部執行的module</span>
<span style="color: #008800; font-weight: bold;">var</span> MyDate <span style="color: #333333;">=</span> <span style="color: #008800; font-weight: bold;">new</span> <span style="color: #007020;">Date</span>(); <span style="color: #888888;">// 抓取現在時間</span>
<span style="color: #008800; font-weight: bold;">var</span> MyDateString;
<span style="color: #008800; font-weight: bold;">var</span> NASFolderStore;
<span style="color: #008800; font-weight: bold;">var</span> rarn <span style="color: #333333;">=</span> <span style="background-color: #fff0f0;">""</span>;
<span style="color: #008800; font-weight: bold;">var</span> rarpath;
<span style="color: #888888;">// 取得要壓縮的檔名(日期)</span>
MyDate.setDate(MyDate.getDate() <span style="color: #333333;">-</span> afewdaysago);
MyDateString <span style="color: #333333;">=</span> MyDate.getFullYear() <span style="color: #333333;">+</span> (<span style="background-color: #fff0f0;">'0'</span> <span style="color: #333333;">+</span> (MyDate.getMonth() <span style="color: #333333;">+</span> <span style="color: #0000dd; font-weight: bold;">1</span>)).slice(<span style="color: #333333;">-</span><span style="color: #0000dd; font-weight: bold;">2</span>) <span style="color: #333333;">+</span> (<span style="background-color: #fff0f0;">'0'</span> <span style="color: #333333;">+</span> MyDate.getDate()).slice(<span style="color: #333333;">-</span><span style="color: #0000dd; font-weight: bold;">2</span>); <span style="color: #888888;">//此段程式讓日期補零 20140816</span>
<span style="color: #888888;">// 重新連線網路磁碟機</span>
child <span style="color: #333333;">=</span> exec(<span style="background-color: #fff0f0;">'net use '</span> <span style="color: #333333;">+</span> NASFolder <span style="color: #333333;">+</span> <span style="background-color: #fff0f0;">' /delete /y'</span>, <span style="color: #008800; font-weight: bold;">function</span> (error, stdout, stderr) {
exec(<span style="background-color: #fff0f0;">'net use '</span> <span style="color: #333333;">+</span> NASFolder <span style="color: #333333;">+</span> <span style="background-color: #fff0f0;">' "密碼" /user:帳號'</span>);
});
<span style="color: #888888;">// 自動加年、月資料夾</span>
<span style="color: #008800; font-weight: bold;">if</span> (addYearMonthFolder.toUpperCase() <span style="color: #333333;">==</span> <span style="background-color: #fff0f0;">"Y"</span>) {
NASFolderStore <span style="color: #333333;">=</span> NASFolder <span style="color: #333333;">+</span> <span style="background-color: #fff0f0;">'\\'</span> <span style="color: #333333;">+</span> MyDateString.slice(<span style="color: #0000dd; font-weight: bold;">0</span>,<span style="color: #0000dd; font-weight: bold;">4</span>) <span style="color: #333333;">+</span> <span style="background-color: #fff0f0;">'\\'</span> <span style="color: #333333;">+</span> MyDateString.slice(<span style="color: #0000dd; font-weight: bold;">4</span>,<span style="color: #0000dd; font-weight: bold;">6</span>);
child <span style="color: #333333;">=</span> exec(<span style="background-color: #fff0f0;">'mkdir '</span> <span style="color: #333333;">+</span> NASFolderStore);
} <span style="color: #008800; font-weight: bold;">else</span> {
NASFolderStore <span style="color: #333333;">=</span> NASFolder;
};
<span style="color: #888888;">// 指定只要備份的副檔名</span>
<span style="color: #008800; font-weight: bold;">if</span> (bkextensionfile <span style="color: #333333;">!=</span> <span style="background-color: #fff0f0;">""</span>) {
bkextensionfile.split(<span style="background-color: #fff0f0;">","</span>).forEach(<span style="color: #008800; font-weight: bold;">function</span>(item) {
rarn <span style="color: #333333;">=</span> (<span style="background-color: #fff0f0;">"-n*."</span> <span style="color: #333333;">+</span> item.trim() <span style="color: #333333;">+</span> <span style="background-color: #fff0f0;">" "</span> <span style="color: #333333;">+</span>rarn);
});
console.log (<span style="background-color: #fff0f0;">"Backupfiile:"</span>,rarn);
};
<span style="color: #888888;">// 判斷Winrar裝在Program Files (x86)與否</span>
<span style="color: #008800; font-weight: bold;">if</span> (fs.existsSync(<span style="background-color: #fff0f0;">"C:\\Program Files\\WinRAR\\rar.exe"</span>)) {
rarpath <span style="color: #333333;">=</span> <span style="background-color: #fff0f0;">"C:\\Program Files\\WinRAR\\rar.exe"</span>;
} <span style="color: #008800; font-weight: bold;">else</span> <span style="color: #008800; font-weight: bold;">if</span> (fs.existsSync(<span style="background-color: #fff0f0;">"C:\\Program Files (x86)\\WinRAR\\rar.exe"</span>)) {
rarpath <span style="color: #333333;">=</span> <span style="background-color: #fff0f0;">"C:\\Program Files (x86)\\WinRAR\\rar.exe"</span>;
} <span style="color: #008800; font-weight: bold;">else</span> {
console.log (<span style="background-color: #fff0f0;">"Please install WinRAR !!"</span>);
};
<span style="color: #888888;">// 執行壓縮程式</span>
console.log(SourceFolder <span style="color: #333333;">+</span> <span style="background-color: #fff0f0;">'\\'</span> <span style="color: #333333;">+</span> MyDateString);
<span style="color: #008800; font-weight: bold;">if</span> (fs.existsSync(SourceFolder <span style="color: #333333;">+</span> <span style="background-color: #fff0f0;">'\\'</span> <span style="color: #333333;">+</span> MyDateString)) {
<span style="color: #008800; font-weight: bold;">if</span> (rardf.toUpperCase() <span style="color: #333333;">==</span> <span style="background-color: #fff0f0;">"Y"</span>) {
rardf <span style="color: #333333;">=</span> <span style="background-color: #fff0f0;">"-df"</span>
} <span style="color: #008800; font-weight: bold;">else</span> {
rardf <span style="color: #333333;">=</span><span style="background-color: #fff0f0;">""</span>
};
child <span style="color: #333333;">=</span> exec(<span style="background-color: #fff0f0;">'"'</span><span style="color: #333333;">+</span>rarpath<span style="color: #333333;">+</span><span style="background-color: #fff0f0;">'" a -ep1 '</span><span style="color: #333333;">+</span> rardf <span style="color: #333333;">+</span><span style="background-color: #fff0f0;">' -r '</span><span style="color: #333333;">+</span> rarn <span style="color: #333333;">+</span><span style="background-color: #fff0f0;">' -m5 -idq "'</span><span style="color: #333333;">+</span>CompressFilename<span style="color: #333333;">+</span><span style="background-color: #fff0f0;">'_'</span><span style="color: #333333;">+</span>MyDateString<span style="color: #333333;">+</span><span style="background-color: #fff0f0;">'.rar" "'</span><span style="color: #333333;">+</span>SourceFolder<span style="color: #333333;">+</span><span style="background-color: #fff0f0;">'\\'</span><span style="color: #333333;">+</span>MyDateString<span style="color: #333333;">+</span><span style="background-color: #fff0f0;">'" >nul'</span>, <span style="color: #008800; font-weight: bold;">function</span> (error, stdout, stderr) {
<span style="color: #888888;">// 將檔案搬到NAS</span>
exec(<span style="background-color: #fff0f0;">'move /y '</span> <span style="color: #333333;">+</span> CompressFilename <span style="color: #333333;">+</span> <span style="background-color: #fff0f0;">'_'</span><span style="color: #333333;">+</span> MyDateString <span style="color: #333333;">+</span><span style="background-color: #fff0f0;">'.rar '</span> <span style="color: #333333;">+</span> NASFolderStore);
});
};
</pre>
</div>
Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-55479790229357234712017-11-24T09:49:00.001+08:002017-11-24T09:52:06.488+08:00踢掉遠端主機上桌面連線帳號的簡易批次檔這個算是一個很冷門的使用需求,主要是用來一鍵踢掉某台主機的全部遠端連線使用者。<br />
<br />
將程式碼存成.bat,再執行這個檔案。輸入目標ip即可:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-jaSN8vDHgI4/Whd4xp7GvNI/AAAAAAAAA-M/QuTyjpWpy8Y5GtlOjJonfVud2mKC2t2SACLcBGAs/s1600/kickRD.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="370" data-original-width="308" height="320" src="https://1.bp.blogspot.com/-jaSN8vDHgI4/Whd4xp7GvNI/AAAAAAAAA-M/QuTyjpWpy8Y5GtlOjJonfVud2mKC2t2SACLcBGAs/s320/kickRD.png" width="266" /></a></div>
<br />
程式碼重點說明:<br />
<br />
<ol>
<li>if 是判斷是否有輸入值,沒有就直接中斷批次檔。</li>
<li>net use 是先製造遠端權限,待清除完之後自動結束。</li>
<li>for /l 裡的 in (0, 1, 10) 代表從0開始累加1,直到10為止。</li>
<li>tsdiscon 是結束遠端桌面連線指令。</li>
</ol>
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">@<span style="color: #008800; font-weight: bold;">echo</span>.
@<span style="color: #008800; font-weight: bold;">echo</span> <span style="color: #008800; font-weight: bold;">off</span>
<span style="color: #008800; font-weight: bold;">set</span> /p ip<span style="color: #333333;">=</span><span style="background-color: #fff0f0;">"Please input Server IP: "</span>
<span style="color: #008800; font-weight: bold;">if</span> <span style="background-color: #fff0f0;">"%ip%"</span> <span style="color: #333333;">NEQ</span> <span style="background-color: #fff0f0;">""</span> <span style="color: #008800; font-weight: bold;">GOTO</span> <span style="color: #997700; font-weight: bold;">:kickRD</span>
<span style="color: #008800; font-weight: bold;">GOTO</span> <span style="color: #997700; font-weight: bold;">:end</span>
<span style="color: #997700; font-weight: bold;">:kickRD</span>
net use \\<span style="color: #996633;">%ip%</span> /user:帳號 <span style="background-color: #fff0f0;">"密碼"</span>
<span style="color: #008800; font-weight: bold;">for</span> /l <span style="color: #996633;">%%x</span> in (<span style="color: #6600ee; font-weight: bold;">0</span>, <span style="color: #6600ee; font-weight: bold;">1</span>, <span style="color: #6600ee; font-weight: bold;">10</span>) <span style="color: #008800; font-weight: bold;">do</span> (
tsdiscon <span style="color: #996633;">%%x</span> /SERVER:%ip%
net use \\<span style="color: #996633;">%ip%</span> /delete
)
<span style="color: #997700; font-weight: bold;">:end</span>
</pre>
</div>
Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-67585874227330468532017-11-14T11:21:00.002+08:002017-11-14T11:33:46.681+08:00Mac 設定永久靜態路由一般在Mac指定路由,需在 Terminal 下「sudo route -n add -net 192.168.20.0/24 10.0.1.251」才能臨時連到192.168.20網段的主機,重開機設定就會消失。以下是永久設定的方式:<br />
<br />
1. 一樣在 Terminal 輸入以下指令 (設定Ethernet網卡<span style="font-size: xx-small;">註</span>,透過10.0.1.251gw連到192.168.20.0和192.168.10.0網段為例)<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">networksetup -setadditionalroutes <span style="background-color: #fff0f0;">"Ethernet"</span> <span style="color: #6600ee; font-weight: bold;">192</span>.<span style="color: #6600ee; font-weight: bold;">168</span>.<span style="color: #6600ee; font-weight: bold;">20</span>.<span style="color: #6600ee; font-weight: bold;">0</span> <span style="color: #6600ee; font-weight: bold;">255</span>.<span style="color: #6600ee; font-weight: bold;">255</span>.<span style="color: #6600ee; font-weight: bold;">255</span>.<span style="color: #6600ee; font-weight: bold;">0</span> <span style="color: #6600ee; font-weight: bold;">10</span>.<span style="color: #6600ee; font-weight: bold;">0</span>.<span style="color: #6600ee; font-weight: bold;">1</span>.<span style="color: #6600ee; font-weight: bold;">251</span> <span style="color: #6600ee; font-weight: bold;">192</span>.<span style="color: #6600ee; font-weight: bold;">168</span>.<span style="color: #6600ee; font-weight: bold;">10</span>.<span style="color: #6600ee; font-weight: bold;">0</span> <span style="color: #6600ee; font-weight: bold;">255</span>.<span style="color: #6600ee; font-weight: bold;">255</span>.<span style="color: #6600ee; font-weight: bold;">255</span>.<span style="color: #6600ee; font-weight: bold;">0</span> <span style="color: #6600ee; font-weight: bold;">10</span>.<span style="color: #6600ee; font-weight: bold;">0</span>.<span style="color: #6600ee; font-weight: bold;">1</span>.<span style="color: #6600ee; font-weight: bold;">251</span>
</pre>
</div>
<div>
<br />
2. 檢查是否有設進去:<br />
<br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">networksetup -getadditionalroutes Ethernet
</pre>
</div>
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-QrCiQjOIAa4/WgpgVfRr96I/AAAAAAAAA9c/2uJg2XtVaBA_Esp_GMgZnUBRIKWricpwACPcBGAYYCw/s1600/%25E8%259E%25A2%25E5%25B9%2595%25E6%2588%25AA%25E5%259C%2596%2B2017-11-14%2B11.15.34.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="153" data-original-width="1086" height="89" src="https://1.bp.blogspot.com/-QrCiQjOIAa4/WgpgVfRr96I/AAAAAAAAA9c/2uJg2XtVaBA_Esp_GMgZnUBRIKWricpwACPcBGAYYCw/s640/%25E8%259E%25A2%25E5%25B9%2595%25E6%2588%25AA%25E5%259C%2596%2B2017-11-14%2B11.15.34.png" width="640" /></a></div>
<br />
<br />
註. 列出網路設備指令,再依需求設定進去: 「networksetup -listallnetworkservices」<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-MNz4IBvLU9E/WgpkDAPS8-I/AAAAAAAAA9w/qdJVHNdkEXILOpsBqBv6B3OOiiyVB5qJgCLcBGAs/s1600/%25E8%259E%25A2%25E5%25B9%2595%25E6%2588%25AA%25E5%259C%2596%2B2017-11-14%2B11.32.01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="153" data-original-width="543" height="112" src="https://3.bp.blogspot.com/-MNz4IBvLU9E/WgpkDAPS8-I/AAAAAAAAA9w/qdJVHNdkEXILOpsBqBv6B3OOiiyVB5qJgCLcBGAs/s400/%25E8%259E%25A2%25E5%25B9%2595%25E6%2588%25AA%25E5%259C%2596%2B2017-11-14%2B11.32.01.png" width="400" /></a></div>
<br />Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-82035155282779194862017-09-21T10:58:00.002+08:002017-09-26T16:46:29.921+08:00iTerm2 + Oh My Zsh + Solarized color scheme + Meslo powerline font + [Powerlevel9k] 不錯的 iTerm2 加畫面顯示設定,對於做git非常好用。<br />
留存記錄: <a href="https://gist.github.com/kevin-smets/8568070">https://gist.github.com/kevin-smets/8568070</a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-5Kvw1llVJWY/WcMqcwSBxrI/AAAAAAAAA8I/cH78UPBQ2R0Y3jYAZ5qJ1slAKrYQrBQkQCLcBGAs/s1600/powerlevel9k.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1232" data-original-width="1600" height="492" src="https://4.bp.blogspot.com/-5Kvw1llVJWY/WcMqcwSBxrI/AAAAAAAAA8I/cH78UPBQ2R0Y3jYAZ5qJ1slAKrYQrBQkQCLcBGAs/s640/powerlevel9k.png" width="640" /></a></div>
PS. 另一個Oh My Zsh的theme: <a href="https://github.com/caiogondim/bullet-train.zsh">https://github.com/caiogondim/bullet-train.zsh</a>Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-28566389473352328242017-02-14T10:54:00.002+08:002017-04-23T21:26:09.439+08:00一年級下學期晨光活動 - 認識台灣縣市位置今天帶小一下學期的晨光活動,發現過年期間爸媽帶著小朋友往南走北全省玩透透,孩子只知道當地的地名(例:墾丁)。覺得爸媽開車開很久,卻不知道那是台灣的哪個縣市。<br />
<br />
活動進行中,有人從北部地區一直猜「高雄」,直到中部、東部都走完,每個都舉手回答高雄。甚至將連江縣看成「英國」,台灣變成一個小地球似的,去英國玩只要搭飛機50分鐘!<br />
<br />
活動準備材料如下:<br />
投影片: <a href="https://www.dropbox.com/s/ajerhoix7c9mx75/%E6%99%A8%E5%85%89%E6%B4%BB%E5%8B%95_20170214.pptx?dl=0" target="_blank">範例請按此下載</a><br />
獎勵品: 小包裝的餅乾,分幾種口味可以讓小孩自己選。<br />
<br />
活動進行方式:<br />
<br />
<ol>
<li>詢問大家過年去哪邊玩?(小朋友會回答地名,可以再加問那在哪個縣市?)</li>
<li>縣、市有多大?小朋友家裡的地址是怎麼寫的?為什麼要先「台北市」再接「文山區」?</li>
<li>打開投影片,詢問這個島嶼叫什麼?有人知道過年去台灣的那個位置嗎?</li>
<li>開始「猜」縣市名稱,舉手答對的小朋友可以來台前選自己喜歡的餅乾。</li>
<li>揭曉答案時,可以附加說明當地有什麼特產或特色。(例如我說基隆以前人口眾多的原因是旁邊有基隆港,港口可以和國際做交易,經濟也相對發達,馬上就有小朋友說那個地方是爸爸小時候的家,爸爸也曾經開船出海捕魚過。)</li>
<li>各縣市介紹完後,因為離元宵節後不久,可以猜我們居住地附近的地名。不過縣市介紹完就下課時間了,這部份可以依時間安排是否添加。</li>
<li>結束後可以請沒拿到獎勵的同學來台前選剩下的餅乾。</li>
</ol>
<br />
投影片畫面 - 認識台灣:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-b01OdCAxsJ0/WKJxFbN3VII/AAAAAAAAA5U/4ZVYqM_Py7EGuuMNIdbeAk1RQ5cp97RYgCLcB/s1600/%25E6%2599%25A8%25E5%2585%2589%25E6%25B4%25BB%25E5%258B%2595_20170214.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="https://2.bp.blogspot.com/-b01OdCAxsJ0/WKJxFbN3VII/AAAAAAAAA5U/4ZVYqM_Py7EGuuMNIdbeAk1RQ5cp97RYgCLcB/s320/%25E6%2599%25A8%25E5%2585%2589%25E6%25B4%25BB%25E5%258B%2595_20170214.jpg" width="320" /></a></div>
投影片畫面 - 猜縣市,紅色是要請同學猜的:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-VZRYYRjyG2c/WKJxFgPYs3I/AAAAAAAAA5Y/6yC5-kGJ8Dox8hE4xVygfg2nn6Z-DJLLACLcB/s1600/%25E6%2599%25A8%25E5%2585%2589%25E6%25B4%25BB%25E5%258B%2595_201702142.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="https://4.bp.blogspot.com/-VZRYYRjyG2c/WKJxFgPYs3I/AAAAAAAAA5Y/6yC5-kGJ8Dox8hE4xVygfg2nn6Z-DJLLACLcB/s320/%25E6%2599%25A8%25E5%2585%2589%25E6%25B4%25BB%25E5%258B%2595_201702142.jpg" width="320" /></a></div>
投影片畫面 - 地名的謎語:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-je9eOU2JxIE/WKJxFpKnobI/AAAAAAAAA5c/f0xb3RH5NSE8tVjbHII-EgCD0jTJMXTCQCLcB/s1600/%25E6%2599%25A8%25E5%2585%2589%25E6%25B4%25BB%25E5%258B%2595_201702143.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="https://3.bp.blogspot.com/-je9eOU2JxIE/WKJxFpKnobI/AAAAAAAAA5c/f0xb3RH5NSE8tVjbHII-EgCD0jTJMXTCQCLcB/s320/%25E6%2599%25A8%25E5%2585%2589%25E6%25B4%25BB%25E5%258B%2595_201702143.jpg" width="320" /></a></div>
<br />Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-59885796347860367052016-10-21T09:38:00.005+08:002017-12-14T11:04:23.684+08:00雀巢 Nespresso 膠囊咖啡機使用心得使用雀巢膠囊咖啡機三個月了,來寫寫使用的心得。<br />
<br />
主要心得有兩個:<br />
<ol>
<li>除非心臟夠大顆,否則不要買<a href="https://www.nespresso.com/tw/zh/product/nespresso-prodigio-titan" target="_blank">Prodigio</a>咖啡機。</li>
<li>全鋁膠囊雖然比<a href="https://www.dolce-gusto.com.tw/" target="_blank">Dolce Gusto</a>還好回收,但雀巢給我感覺是不太推環保回收的活動。</li>
</ol>
我剛買的第一台機器是Prodigio,依說明書沖三杯清水時就發生故障,第三杯注水一半就閃起紅燈,連帶膠囊入口的蓋子也卡死打不開,重新開機才恢復正常。 (之前錄給客服的操作影片,3:00 處: <a href="https://youtu.be/Q2pTC0hWVbI?t=3m00s">https://youtu.be/Q2pTC0hWVbI?t=3m00s</a> )<br />
<br />
後來跟客服反覆的測試還是有一樣的問題,但咖啡機已經拆封使用,只能走維修流程。因為這件事,我才知道七天鑑賞期是不包含開封使用膠囊的。當初一開始沖水有問題打給客服後,就應該馬上寄回,結果我還跟客服說先放膠囊試看看,導致無法退貨。<br />
<br />
客服隔天寄了一台備用機<a href="https://www.nespresso.com/tw/zh/product/nespresso-c60-pixie-electric-red" target="_blank">PIXIE</a>,全程使用都沒有問題。寄回去的機器經客服測試也發生影片錄製的情況。他們與主管討論後,決議換一台新的Prodigio交換,結果新品試用後還是一樣問題。<br />
<br />
經過反覆測試,我跟客服說這一台設計上可能有瑕疵,Prodigio的特色是會自動退膠囊,但一般注入清水時,機器可能會退不出膠囊而卡死,因為實際上膠囊並不存在!最後和客服達成協議,直接加錢換<a href="https://www.nespresso.com/tw/zh/product/nespresso-d110-citiz-single-white" target="_blank">CITYZ</a>。CITYZ的外型很好看,沒有其他機器那種塑膠感,放在公司茶水間還滿適合的。後來我們同仁還合購了一台同色同材質的奶泡機,很少喝拿鐵的我也變成習慣加牛奶了!<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-jgcncPyQRdc/WAlkVeVMIGI/AAAAAAAAA3Q/SeYtq75Mdls5P-D09NommaM1VkwegtdzACLcB/s1600/IMG_0143.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://2.bp.blogspot.com/-jgcncPyQRdc/WAlkVeVMIGI/AAAAAAAAA3Q/SeYtq75Mdls5P-D09NommaM1VkwegtdzACLcB/s320/IMG_0143.JPG" width="320" /></a></div>
<br />
膠囊咖啡最為人垢病的就是環保問題,當初會選Nespresso的原因就是膠囊比Dolce Gusto好回收。所以我一直說服同仁使用完後要將膠囊放在回收袋裡,我甚至還從垃圾桶挖同仁丟的空膠囊回來過。但後續交到雀巢這一段卻讓我感覺環保這一塊只是官方的影片宣傳,實際上並不是這一回事。<br />
<br />
熱心的同事第一次幫我拿去站前店的新光三越櫃點回收,店員說沒有原本的回收袋,問要不要拿回去清洗再使用,還是拿一般的密封袋?因為原有的袋子長滿了霉菌,我同事就選擇一般密封袋。第二次再拿去回收時,連普通的密封袋也沒了,直接跟我同事說用一般的袋子裝就行。<br />
<br />
我是不知道專門賣咖啡機的店員有沒有聞過放半個月發霉咖啡渣的味道,但同事聽完之後的感覺是店員真的有在回收膠囊嗎?還是人一離開,他們就丟垃圾桶了?<br />
<br />
我致電客服詢問,對方回答是櫃點的問題,因為公司規定連一般的密封袋也不能提供,統一在官網買7條可以送一個袋子。我問當時買16條也只有一個袋子,我要怎麼把160顆膠囊丟在同一個袋子裡?客服回覆說那先幫我補一個袋子在帳戶裡,日後可以在購買時順便領取。<br />
<br />
我又說,當我拿膠囊回去回收時,代表我是你們忠誠且重視環保的客戶,但你們的回應卻讓我感受不到特地去一趟的價值。換個袋子有這麼困難嗎?別人是用完即丟,我們拿過來卻這樣被對待,公司的政策是否要調整呢?<br />
<br />
之後客服還是回覆網站買膠囊就會送回收袋的官方回答,不太想反應我的建議。我真的覺得雀巢應該訂個回收率標準,不到該數值就有必要提出來檢討,因為這真的是名副其實的不環保。<br />
<br />
* 官網是寫明可在精品店拿取,實際上我們在新光三越A11館也不能拿。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-_1FN0BLpSmc/WAlrhMfFLMI/AAAAAAAAA3g/A72KCMgaOk8PboOMReay33iJOLT686lnQCLcB/s1600/%25E8%259E%25A2%25E5%25B9%2595%25E6%2588%25AA%25E5%259C%2596%2B2016-10-21%2B08.56.52.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="154" src="https://2.bp.blogspot.com/-_1FN0BLpSmc/WAlrhMfFLMI/AAAAAAAAA3g/A72KCMgaOk8PboOMReay33iJOLT686lnQCLcB/s320/%25E8%259E%25A2%25E5%25B9%2595%25E6%2588%25AA%25E5%259C%2596%2B2016-10-21%2B08.56.52.png" width="320" /></a></div>
<br />
除了環保的問題外,使用上還方便的,有朋友來可以馬上沖一杯咖啡。而且咖啡是Espresso的,加牛奶非常適合。此外大概就沒什麼優點了吧...<br />
<br />Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-2648233551512109072016-06-02T15:52:00.001+08:002019-02-22T15:41:32.171+08:00Passwordless scp file to Synology NASSynology 要先開啟ssh與home directory功能。<br />
<br />
前往homes目錄<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #007020;">cd</span> /var/services/homes
</pre>
</div>
<br />
將該使用者的目錄權限設為755。(原本是777,底下以bkuser帳號為例)<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">chmod 755 bkuser
</pre>
</div>
<br />
在帳號的home上新增.ssh目錄<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">mkdir ~/.ssh/
</pre>
</div>
<br />
目錄權限設為700<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">chmod 700 ~/.ssh/
</pre>
</div>
<br />
編輯 /etc/ssh/sshd_config 檔案,將參數改為下方數值<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">RSAAuthentication yes
PubkeyAuthentication yes
AuthorizedKeysFile .ssh/authorized_keys
</pre>
</div>
<br />
在來源主機產出key (詢問通通按enter)<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">ssh-keygen -t rsa
</pre>
</div>
<br />
查詢是否產生成功<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #996633;">$ </span><span style="color: #007020;">cd</span> ~/.ssh
<span style="color: #996633;">$ </span>ll
total 12
-rw------- 1 user user 1679 Jun 2 15:02 id_rsa
-rw-r--r-- 1 user user 391 Jun 2 15:02 id_rsa.pub
</pre>
</div>
<br />
接著將id_rsa.pub檔案scp到NAS<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">scp ~/.ssh/id_rsa.pub bkuser@192.168.20.102:~/.ssh
</pre>
</div>
<br />
在NAS裡,把id_rsa.pub內容加進同一層目錄的authorized_keys檔案中<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">cat id_rsa.pub >> authorized_keys
</pre>
</div>
<br />
authorized_keys檔權限要設為644
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">chmod 644 authorized_keys
</pre>
</div>
<br />
來源主機使用scp,會在.ssh目錄多一個known_hosts的檔案,之後就不會再詢問密碼了!Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-70131023586819948882014-11-04T09:42:00.003+08:002014-11-04T09:42:56.948+08:00網頁阻止IE相容性檢視語法之前發現自己寫的 jQuery Mobile 網頁在 IE 上會異常。追半天才發現是網站被加入相容性檢視,強制以 IE6 的結果自然是無法呈現 jQuery Mobile 語法了。<br />
<div>
<br /></div>
<div>
解決的方法是在 <span style="background-color: #eeeeee;"><head> </head> </span>中加入這一行程式碼:</div>
<div>
<br /></div>
<div>
<span style="background-color: #eeeeee;"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /></span></div>
<div>
<br /></div>
<div>
意即使用 IE 來到此網頁時,需以實際的版本或 Chrome 檢視。</div>
<div>
<br /></div>
<div>
其餘相關語法,例如強制相容 IE6 ,請參考: <a href="http://injerry.pixnet.net/blog/post/57042465-%E3%80%90html%E6%95%99%E5%AD%B8%E3%80%91x-ua-compatible%E8%A8%AD%E7%BD%AEie%E5%85%BC%E5%AE%B9%E6%A8%A1%E5%BC%8F" target="_blank">【HTML教學】X-UA-Compatible設置IE兼容模式</a></div>
Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-17329471750173069522014-10-21T14:10:00.001+08:002014-10-21T16:53:39.619+08:00和歌壽司<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-yYlu5ybj9Cw/VEX1IpyweNI/AAAAAAAAAwQ/TE01bVHCbEk/s1600/IMG_0683.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-yYlu5ybj9Cw/VEX1IpyweNI/AAAAAAAAAwQ/TE01bVHCbEk/s1600/IMG_0683.JPG" height="480" width="640" /></a></div>
<br />
之前提到公司附近一家偽日式餐廳,開幕不到三個月後關門大吉。 (食記:<a href="http://www.nws.tw/2013/06/blog-post.html" target="_blank">上田日式定食</a>)<br />
<br />
沉寂一段時間後,又開了新的日式餐廳:和歌壽司 (Waka sushi)<br />
<br />
以一般上班區域餐廳來說並不平價,但食材用的很好。<br />
<br />
手機拍的菜單:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-l2BXUIwn1u0/VEX1FztlsbI/AAAAAAAAAvg/wDLmSX7Qb4s/s1600/IMG_0661.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-l2BXUIwn1u0/VEX1FztlsbI/AAAAAAAAAvg/wDLmSX7Qb4s/s1600/IMG_0661.jpg" height="640" width="480" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-mvVUiOH0Hs4/VEX1F6UhOAI/AAAAAAAAAvk/JRyW7Q62Iac/s1600/IMG_0662.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-mvVUiOH0Hs4/VEX1F6UhOAI/AAAAAAAAAvk/JRyW7Q62Iac/s1600/IMG_0662.jpg" height="640" width="480" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-xjo7h0TFMIo/VEX1FzIzPVI/AAAAAAAAAvc/R2-heMP9qSM/s1600/IMG_0663.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-xjo7h0TFMIo/VEX1FzIzPVI/AAAAAAAAAvc/R2-heMP9qSM/s1600/IMG_0663.jpg" height="640" width="480" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-ku9ixLCpqOw/VEX1G10MbII/AAAAAAAAAvw/SHU2qIfgTCQ/s1600/IMG_0664.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-ku9ixLCpqOw/VEX1G10MbII/AAAAAAAAAvw/SHU2qIfgTCQ/s1600/IMG_0664.jpg" height="640" width="480" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-dQUwSivNPG0/VEX1HBwauvI/AAAAAAAAAv8/EMQQOVPWjMQ/s1600/IMG_0665.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-dQUwSivNPG0/VEX1HBwauvI/AAAAAAAAAv8/EMQQOVPWjMQ/s1600/IMG_0665.jpg" height="640" width="480" /></a></div>
<br />
飲料是羅漢果茶。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-LnRzi_dGTRc/VEX1HYq91aI/AAAAAAAAAv0/LCkRxGuYmhY/s1600/IMG_0679.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-LnRzi_dGTRc/VEX1HYq91aI/AAAAAAAAAv0/LCkRxGuYmhY/s1600/IMG_0679.JPG" height="480" width="640" /></a></div>
<br />
老婆點的日本綜合魚天丼。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-FYIN9eitt1o/VEX1ICkQWuI/AAAAAAAAAwU/hikRxXiwk3Q/s1600/IMG_0680.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-FYIN9eitt1o/VEX1ICkQWuI/AAAAAAAAAwU/hikRxXiwk3Q/s1600/IMG_0680.JPG" height="480" width="640" /></a></div>
<br />
我的天丼,味噌湯裡有不同的魚片,很豐富。中間小碗是醬汁,直接淋在丼飯上。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-obqPMWlUjFw/VEX1IfxlmxI/AAAAAAAAAwM/vutL6LyK5UI/s1600/IMG_0682.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-obqPMWlUjFw/VEX1IfxlmxI/AAAAAAAAAwM/vutL6LyK5UI/s1600/IMG_0682.JPG" height="480" width="640" /></a></div>
<br />
小方盤是十月底之前,慶開幕送的80元炸蝦,配著盤中的胡椒鹽很不錯。小圓盤應該是岩鹽,口感也很棒!<br />
<br />
丼飯很豐富,連干貝也炸下去了。份量很大碗,一碗199塊扣除成本老實說沒賺多少,是一個滿適合請客吃飯的地點。只是單點不要點太多,會大失血!<br />
<br />
<span style="background-color: white; color: #555555; font-family: 'Roboto Condensed', 微軟正黑體, 細明體, Arial, Helvetica, sans-serif; font-size: xx-small; line-height: 28px;">店名:和歌壽司 (Waka Sushi)</span><br />
<span style="background-color: white; color: #555555; font-family: 'Roboto Condensed', 微軟正黑體, 細明體, Arial, Helvetica, sans-serif; font-size: xx-small; line-height: 28px;">地址:台北市重慶南路一段66號一樓</span>Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-83328823743812604332014-08-22T10:12:00.000+08:002014-08-22T10:12:41.586+08:00Mac 取消滑鼠右鍵選單 CleanMyMac 項目CleanMyMac 是一套滿好用的空間整理程式。但平常點選右鍵要編輯檔案時,會多出兩個我不太會去用的功能:Securely Erase with CleanMyMac 、 Erase with CleanMyMac。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-SBis7pCIp1M/U_akJWDLuaI/AAAAAAAAAus/AVWITkABTlk/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96%2B2014-08-22%2B09.54.59.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-SBis7pCIp1M/U_akJWDLuaI/AAAAAAAAAus/AVWITkABTlk/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96%2B2014-08-22%2B09.54.59.png" /></a></div>
<br />
剛看到一篇 VICJHT 網友分享的文章:<a href="http://applefans.today/blog/133177100" target="_blank">如何取消蘋果電腦右鍵裏頭不需要的服務選單</a>,解決了我的問題,也一併分享給大家!<br />
<br />
首先,在<span style="background-color: #eeeeee;"> </span>點選<span style="background-color: #eeeeee;">系統偏好設定</span>,再點選<span style="background-color: #eeeeee;">鍵盤</span>。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-KHjAQR_xfVY/U_akJd1S1gI/AAAAAAAAAuk/9urrRdx70ME/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96%2B2014-08-22%2B09.55.50.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-KHjAQR_xfVY/U_akJd1S1gI/AAAAAAAAAuk/9urrRdx70ME/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96%2B2014-08-22%2B09.55.50.png" /></a></div>
<br />
在<span style="background-color: #eeeeee;">快速鍵</span>頁中,點選<span style="background-color: #eeeeee;">服務</span>。將 Erase with CleanMyMac 和 Securely Erase with CleanMyMac 取消勾選即可。<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-3l0Y2XXR3UU/U_akJXFPo-I/AAAAAAAAAuo/_FXLjS-vVhE/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96%2B2014-08-22%2B09.56.45.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-3l0Y2XXR3UU/U_akJXFPo-I/AAAAAAAAAuo/_FXLjS-vVhE/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96%2B2014-08-22%2B09.56.45.png" /></a></div>
<br />Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-15577567673573875702014-08-20T15:53:00.003+08:002014-08-20T15:57:30.185+08:00Node.js 使用網頁更新MongoDB資料需要安裝下列 module:<br />
<span style="background-color: #eeeeee;">npm install express</span><br />
<span style="background-color: #eeeeee;">npm install mongodb</span><br />
<span style="background-color: #eeeeee;">npm install --save body-parser</span><br />
<br />
<div style="background: #272822; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80</pre>
</td><td><pre style="line-height: 125%; margin: 0;"><span style="color: #66d9ef;">var</span> <span style="color: #a6e22e;">express</span> <span style="color: #f92672;">=</span> <span style="color: #a6e22e;">require</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'express'</span><span style="color: #f8f8f2;">);</span>
<span style="color: #66d9ef;">var</span> <span style="color: #a6e22e;">MongoClient</span> <span style="color: #f92672;">=</span> <span style="color: #a6e22e;">require</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'mongodb'</span><span style="color: #f8f8f2;">).</span><span style="color: #a6e22e;">MongoClient</span>
<span style="color: #f8f8f2;">,</span> <span style="color: #a6e22e;">format</span> <span style="color: #f92672;">=</span> <span style="color: #a6e22e;">require</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'util'</span><span style="color: #f8f8f2;">).</span><span style="color: #a6e22e;">format</span><span style="color: #f8f8f2;">;</span>
<span style="color: #75715e;">/*</span>
<span style="color: #75715e;"> * body-parser is a piece of express middleware that </span>
<span style="color: #75715e;"> * reads a form's input and stores it as a javascript</span>
<span style="color: #75715e;"> * object accessible through `req.body` </span>
<span style="color: #75715e;"> *</span>
<span style="color: #75715e;"> * 'body-parser' must be installed (via `npm install --save body-parser`)</span>
<span style="color: #75715e;"> * For more info see: https://github.com/expressjs/body-parser</span>
<span style="color: #75715e;"> */</span>
<span style="color: #66d9ef;">var</span> <span style="color: #a6e22e;">bodyParser</span> <span style="color: #f92672;">=</span> <span style="color: #a6e22e;">require</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'body-parser'</span><span style="color: #f8f8f2;">);</span>
<span style="color: #75715e;">// create our app</span>
<span style="color: #66d9ef;">var</span> <span style="color: #a6e22e;">app</span> <span style="color: #f92672;">=</span> <span style="color: #a6e22e;">express</span><span style="color: #f8f8f2;">();</span>
<span style="color: #75715e;">// instruct the app to use the `bodyParser()` middleware for all routes</span>
<span style="color: #75715e;">//app.use(bodyParser()); // 原寫法會有錯誤訊息,改以下面寫法:</span>
<span style="color: #75715e;">//------------------------------</span>
<span style="color: #a6e22e;">app</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">use</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">bodyParser</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">urlencoded</span><span style="color: #f8f8f2;">({</span>
<span style="color: #a6e22e;">extended</span><span style="color: #f92672;">:</span> <span style="color: #66d9ef;">true</span>
<span style="color: #f8f8f2;">}));</span>
<span style="color: #a6e22e;">app</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">use</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">bodyParser</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">json</span><span style="color: #f8f8f2;">())</span>
<span style="color: #75715e;">//------------------------------</span>
<span style="color: #75715e;">// A browser's default method is 'GET', so this</span>
<span style="color: #75715e;">// is the route that express uses when we visit</span>
<span style="color: #75715e;">// our site initially.</span>
<span style="color: #a6e22e;">app</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">get</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'/'</span><span style="color: #f8f8f2;">,</span> <span style="color: #66d9ef;">function</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">req</span><span style="color: #f8f8f2;">,</span> <span style="color: #a6e22e;">res</span><span style="color: #f8f8f2;">){</span>
<span style="color: #75715e;">// The form's action is '/' and its method is 'POST',</span>
<span style="color: #75715e;">// so the `app.post('/', ...` route will receive the</span>
<span style="color: #75715e;">// result of our form</span>
<span style="color: #66d9ef;">var</span> <span style="color: #a6e22e;">html</span> <span style="color: #f92672;">=</span> <span style="color: #e6db74;">'<form action="/" method="post">'</span> <span style="color: #f92672;">+</span>
<span style="color: #e6db74;">'身份證號:'</span> <span style="color: #f92672;">+</span>
<span style="color: #e6db74;">'<input type="text" name="uid" placeholder="A123456789" />'</span> <span style="color: #f92672;">+</span>
<span style="color: #e6db74;">'<br>'</span> <span style="color: #f92672;">+</span>
<span style="color: #e6db74;">'到期日:'</span> <span style="color: #f92672;">+</span>
<span style="color: #e6db74;">'<input type="text" name="afterDate" placeholder="2014/01/01" />'</span> <span style="color: #f92672;">+</span>
<span style="color: #e6db74;">'<br>'</span> <span style="color: #f92672;">+</span>
<span style="color: #e6db74;">'<button type="submit">送出</button>'</span> <span style="color: #f92672;">+</span>
<span style="color: #e6db74;">'</form>'</span><span style="color: #f8f8f2;">;</span>
<span style="color: #a6e22e;">res</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">send</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">html</span><span style="color: #f8f8f2;">);</span>
<span style="color: #f8f8f2;">});</span>
<span style="color: #75715e;">// This route receives the posted form.</span>
<span style="color: #75715e;">// As explained above, usage of 'body-parser' means</span>
<span style="color: #75715e;">// that `req.body` will be filled in with the form elements</span>
<span style="color: #a6e22e;">app</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">post</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'/'</span><span style="color: #f8f8f2;">,</span> <span style="color: #66d9ef;">function</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">req</span><span style="color: #f8f8f2;">,</span> <span style="color: #a6e22e;">res</span><span style="color: #f8f8f2;">){</span>
<span style="color: #66d9ef;">var</span> <span style="color: #a6e22e;">uid</span> <span style="color: #f92672;">=</span> <span style="color: #a6e22e;">req</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">body</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">uid</span><span style="color: #f8f8f2;">;</span>
<span style="color: #66d9ef;">var</span> <span style="color: #a6e22e;">afterDate</span> <span style="color: #f92672;">=</span> <span style="color: #a6e22e;">req</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">body</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">afterDate</span><span style="color: #f8f8f2;">;</span>
<span style="color: #66d9ef;">if</span> <span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">uid</span> <span style="color: #f92672;">!=</span> <span style="color: #e6db74;">''</span> <span style="color: #f92672;">&</span> <span style="color: #a6e22e;">afterDate</span> <span style="color: #f92672;">!=</span> <span style="color: #e6db74;">''</span><span style="color: #f8f8f2;">)</span> <span style="color: #f8f8f2;">{</span>
<span style="color: #a6e22e;">console</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">log</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">uid</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">toUpperCase</span><span style="color: #f8f8f2;">());</span> <span style="color: #75715e;">// 加.toUpperCase()強制大寫</span>
<span style="color: #a6e22e;">console</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">log</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">afterDate</span><span style="color: #f8f8f2;">);</span>
<span style="color: #a6e22e;">MongoClient</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">connect</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'mongodb://10.0.1.1:27017/mydb'</span><span style="color: #f8f8f2;">,</span> <span style="color: #66d9ef;">function</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">err</span><span style="color: #f8f8f2;">,</span> <span style="color: #a6e22e;">db</span><span style="color: #f8f8f2;">)</span> <span style="color: #f8f8f2;">{</span>
<span style="color: #66d9ef;">if</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">err</span><span style="color: #f8f8f2;">)</span> <span style="color: #66d9ef;">throw</span> <span style="color: #a6e22e;">err</span><span style="color: #f8f8f2;">;</span>
<span style="color: #a6e22e;">db</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">collection</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'mycollection'</span><span style="color: #f8f8f2;">).</span><span style="color: #a6e22e;">update</span><span style="color: #f8f8f2;">({</span><span style="color: #a6e22e;">name</span><span style="color: #f92672;">:</span> <span style="color: #a6e22e;">uid</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">toUpperCase</span><span style="color: #f8f8f2;">()},</span> <span style="color: #f8f8f2;">{</span><span style="color: #a6e22e;">$set</span><span style="color: #f92672;">:</span> <span style="color: #f8f8f2;">{</span><span style="color: #e6db74;">"data1.after"</span><span style="color: #f92672;">:</span> <span style="color: #a6e22e;">afterDate</span><span style="color: #f8f8f2;">,</span> <span style="color: #e6db74;">"data2.after"</span><span style="color: #f92672;">:</span> <span style="color: #a6e22e;">afterDate</span><span style="color: #f8f8f2;">}},</span> <span style="color: #66d9ef;">function</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">err</span><span style="color: #f8f8f2;">)</span> <span style="color: #f8f8f2;">{</span>
<span style="color: #66d9ef;">if</span> <span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">err</span><span style="color: #f8f8f2;">)</span> <span style="color: #a6e22e;">console</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">warn</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">err</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">message</span><span style="color: #f8f8f2;">);</span>
<span style="color: #66d9ef;">else</span> <span style="color: #a6e22e;">console</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">log</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'successfully updated'</span><span style="color: #f8f8f2;">);</span>
<span style="color: #a6e22e;">db</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">close</span><span style="color: #f8f8f2;">();</span>
<span style="color: #f8f8f2;">});</span>
<span style="color: #f8f8f2;">});</span>
<span style="color: #f8f8f2;">};</span>
<span style="color: #66d9ef;">var</span> <span style="color: #a6e22e;">html</span> <span style="color: #f92672;">=</span> <span style="color: #e6db74;">'送出資料如下<br> <br>'</span> <span style="color: #f92672;">+</span>
<span style="color: #e6db74;">'身分證號: '</span> <span style="color: #f92672;">+</span> <span style="color: #a6e22e;">uid</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">toUpperCase</span><span style="color: #f8f8f2;">()</span> <span style="color: #f92672;">+</span> <span style="color: #e6db74;">'<br>'</span> <span style="color: #f92672;">+</span>
<span style="color: #e6db74;">'到期日: '</span> <span style="color: #f92672;">+</span> <span style="color: #a6e22e;">afterDate</span> <span style="color: #f92672;">+</span> <span style="color: #e6db74;">'<br>'</span> <span style="color: #f92672;">+</span>
<span style="color: #e6db74;">'<a href="/">回上頁</a>'</span><span style="color: #f8f8f2;">;</span>
<span style="color: #a6e22e;">res</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">send</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">html</span><span style="color: #f8f8f2;">);</span>
<span style="color: #f8f8f2;">});</span>
<span style="color: #a6e22e;">app</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">listen</span><span style="color: #f8f8f2;">(</span><span style="color: #ae81ff;">80</span><span style="color: #f8f8f2;">);</span>
</pre>
</td></tr>
</tbody></table>
</div>
<br />
在terminal執行這個js程式即可。(80port在mac需要使用sudo才能跑)<br />
<br />
畫面:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-9OpZtRvCuN0/U_RT-jlx8DI/AAAAAAAAAuU/O5XhOGTcfko/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96%2B2014-08-20%2B15.52.53.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-9OpZtRvCuN0/U_RT-jlx8DI/AAAAAAAAAuU/O5XhOGTcfko/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96%2B2014-08-20%2B15.52.53.png" /></a></div>
<br />
參考資料:<a href="http://runnable.com/U0sU598vXio2uD-1/example-reading-form-input-with-express-4-0-and-body-parser-for-node-js" target="_blank">example reading form input with express 4.0 and body parser for node js</a>Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-35483410994205485632014-08-19T09:33:00.001+08:002014-08-19T09:36:55.826+08:00Node.js 使用 FTP 傳送檔案先安裝 FTP 模組: <span style="background-color: #eeeeee;">npm install ftp</span><br />
<br />
node.js程式如下:<br />
<br />
<div style="background: #272822; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17</pre>
</td><td><pre style="line-height: 125%; margin: 0;"> <span style="color: #66d9ef;">var</span> <span style="color: #a6e22e;">Client</span> <span style="color: #f92672;">=</span> <span style="color: #a6e22e;">require</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'ftp'</span><span style="color: #f8f8f2;">);</span>
<span style="color: #66d9ef;">var</span> <span style="color: #a6e22e;">fs</span> <span style="color: #f92672;">=</span> <span style="color: #a6e22e;">require</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'fs'</span><span style="color: #f8f8f2;">);</span>
<span style="color: #66d9ef;">var</span> <span style="color: #a6e22e;">c</span> <span style="color: #f92672;">=</span> <span style="color: #66d9ef;">new</span> <span style="color: #a6e22e;">Client</span><span style="color: #f8f8f2;">();</span>
<span style="color: #a6e22e;">c</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">connect</span><span style="color: #f8f8f2;">({</span>
<span style="color: #a6e22e;">host</span><span style="color: #f92672;">:</span> <span style="color: #e6db74;">"10.0.1.1"</span><span style="color: #f8f8f2;">,</span>
<span style="color: #a6e22e;">user</span><span style="color: #f92672;">:</span> <span style="color: #e6db74;">"test"</span><span style="color: #f8f8f2;">,</span>
<span style="color: #a6e22e;">password</span><span style="color: #f92672;">:</span> <span style="color: #e6db74;">"test"</span>
<span style="color: #f8f8f2;">});</span>
<span style="color: #a6e22e;">c</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">on</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'ready'</span><span style="color: #f8f8f2;">,</span> <span style="color: #66d9ef;">function</span><span style="color: #f8f8f2;">()</span> <span style="color: #f8f8f2;">{</span>
<span style="color: #a6e22e;">c</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">put</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'BackupLog.txt'</span><span style="color: #f8f8f2;">,</span> <span style="color: #e6db74;">'Remote/BackupLog.txt'</span><span style="color: #f8f8f2;">,</span> <span style="color: #66d9ef;">function</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">err</span><span style="color: #f8f8f2;">)</span> <span style="color: #f8f8f2;">{</span>
<span style="color: #66d9ef;">if</span> <span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">err</span><span style="color: #f8f8f2;">)</span> <span style="color: #66d9ef;">throw</span> <span style="color: #a6e22e;">err</span><span style="color: #f8f8f2;">;</span>
<span style="color: #a6e22e;">c</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">end</span><span style="color: #f8f8f2;">();</span>
<span style="color: #f8f8f2;">});</span>
<span style="color: #f8f8f2;">});</span>
</pre>
</td></tr>
</tbody></table>
</div>
Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-82561851546698962512014-08-15T14:19:00.002+08:002014-08-15T14:19:43.207+08:00使用 Node.js 執行外部壓縮程式與外部指令4~9: 執行壓縮指令,壓縮完畢跳到 code:11<div>
11~17: 執行 xcopy 指令<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #272822; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18</pre>
</td><td><pre style="line-height: 125%; margin: 0;"><span style="color: #66d9ef;">var</span> <span style="color: #a6e22e;">exec</span> <span style="color: #f92672;">=</span> <span style="color: #a6e22e;">require</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'child_process'</span><span style="color: #f8f8f2;">).</span><span style="color: #a6e22e;">exec</span><span style="color: #f8f8f2;">,</span>
<span style="color: #a6e22e;">child</span><span style="color: #f8f8f2;">;</span>
<span style="color: #a6e22e;">child</span> <span style="color: #f92672;">=</span> <span style="color: #a6e22e;">exec</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'"C:\\Program Files\\7-zip\\7zG.exe" a -r -mx9 "BackupLog.7z" "BackupLog.txt"'</span><span style="color: #f8f8f2;">,</span> <span style="color: #66d9ef;">function</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">error</span><span style="color: #f8f8f2;">,</span> <span style="color: #a6e22e;">stdout</span><span style="color: #f8f8f2;">,</span> <span style="color: #a6e22e;">stderr</span><span style="color: #f8f8f2;">)</span> <span style="color: #f8f8f2;">{</span>
<span style="color: #a6e22e;">console</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">log</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'stdout: '</span> <span style="color: #f92672;">+</span> <span style="color: #a6e22e;">stdout</span><span style="color: #f8f8f2;">);</span>
<span style="color: #a6e22e;">console</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">log</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'stderr: '</span> <span style="color: #f92672;">+</span> <span style="color: #a6e22e;">stderr</span><span style="color: #f8f8f2;">);</span>
<span style="color: #66d9ef;">if</span> <span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">error</span> <span style="color: #f92672;">!==</span> <span style="color: #66d9ef;">null</span><span style="color: #f8f8f2;">)</span> <span style="color: #f8f8f2;">{</span>
<span style="color: #a6e22e;">console</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">log</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'exec error: '</span> <span style="color: #f92672;">+</span> <span style="color: #a6e22e;">error</span><span style="color: #f8f8f2;">);</span>
<span style="color: #f8f8f2;">}</span>
<span style="color: #a6e22e;">exec</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'xcopy "BackupLog.7z" \\\\10.0.1.1\\test /y'</span><span style="color: #f8f8f2;">,</span> <span style="color: #66d9ef;">function</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">error</span><span style="color: #f8f8f2;">,</span> <span style="color: #a6e22e;">stdout</span><span style="color: #f8f8f2;">,</span> <span style="color: #a6e22e;">stderr</span><span style="color: #f8f8f2;">)</span> <span style="color: #f8f8f2;">{</span>
<span style="color: #a6e22e;">console</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">log</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'stdout: '</span> <span style="color: #f92672;">+</span> <span style="color: #a6e22e;">stdout</span><span style="color: #f8f8f2;">);</span>
<span style="color: #a6e22e;">console</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">log</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'stderr: '</span> <span style="color: #f92672;">+</span> <span style="color: #a6e22e;">stderr</span><span style="color: #f8f8f2;">);</span>
<span style="color: #66d9ef;">if</span> <span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">error</span> <span style="color: #f92672;">!==</span> <span style="color: #66d9ef;">null</span><span style="color: #f8f8f2;">)</span> <span style="color: #f8f8f2;">{</span>
<span style="color: #a6e22e;">console</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">log</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'exec error: '</span> <span style="color: #f92672;">+</span> <span style="color: #a6e22e;">error</span><span style="color: #f8f8f2;">);</span>
<span style="color: #f8f8f2;">}</span>
<span style="color: #f8f8f2;">});</span>
<span style="color: #f8f8f2;">});</span>
</pre>
</td></tr>
</tbody></table>
</div>
</div>
Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-16224587716432302722014-08-06T16:50:00.000+08:002014-08-16T21:53:10.746+08:00Node.js 取得上個月的日期字串取年份要使用 getFullYear()才會有完整正確的數字。<br />
<br />
如果要取當月,因為月份的算法是0~11,需改為(MyDate.getMonth()+1)。<br />
<!-- HTML generated using hilite.me --><div style="background: #272822; overflow:auto;width:auto;border:solid gray;border-width:.1em .1em .1em .8em;padding:.2em .6em;"><table><tr><td><pre style="margin: 0; line-height: 125%">1
2
3
4
5
6</pre></td><td><pre style="margin: 0; line-height: 125%"><span style="color: #66d9ef">var</span> <span style="color: #a6e22e">MyDate</span> <span style="color: #f92672">=</span> <span style="color: #66d9ef">new</span> <span style="color: #f8f8f2">Date();</span>
<span style="color: #66d9ef">var</span> <span style="color: #a6e22e">MyDateString</span><span style="color: #f8f8f2">;</span>
<span style="color: #a6e22e">MyDateString</span> <span style="color: #f92672">=</span> <span style="color: #a6e22e">MyDate</span><span style="color: #f8f8f2">.</span><span style="color: #a6e22e">getFullYear</span><span style="color: #f8f8f2">()</span> <span style="color: #f92672">+</span> <span style="color: #e6db74">'/'</span> <span style="color: #f92672">+</span> <span style="color: #f8f8f2">(</span><span style="color: #e6db74">'0'</span> <span style="color: #f92672">+</span> <span style="color: #a6e22e">MyDate</span><span style="color: #f8f8f2">.</span><span style="color: #a6e22e">getMonth</span><span style="color: #f8f8f2">()).</span><span style="color: #a6e22e">slice</span><span style="color: #f8f8f2">(</span><span style="color: #f92672">-</span><span style="color: #ae81ff">2</span><span style="color: #f8f8f2">);</span>
<span style="color: #a6e22e">console</span><span style="color: #f8f8f2">.</span><span style="color: #a6e22e">log</span><span style="color: #f8f8f2">(</span><span style="color: #a6e22e">MyDateString</span><span style="color: #f8f8f2">);</span>
</pre></td></tr></table></div>
<br />
結果:<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #000000; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #cccccc;">Ians</span><span style="color: #3399cc;">-</span><span style="color: #cccccc;">MBP</span><span style="color: #3399cc;">:</span><span style="color: #cccccc;">Desktop</span> <span style="color: #cccccc;">ian$</span> <span style="color: #cccccc;">node</span> <span style="color: #cccccc;">LastMonth.js</span>
<span style="color: #cd00cd;">2014</span><span style="color: #3399cc;">/</span><span style="color: #cd00cd;">07</span>
</pre>
</div>
<br />
取前一天:<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #272822; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;">1
2
3
4
5
6</pre>
</td><td><pre style="line-height: 125%; margin: 0;"><span style="color: #66d9ef;">var</span> <span style="color: #a6e22e;">MyDate</span> <span style="color: #f92672;">=</span> <span style="color: #66d9ef;">new</span> <span style="color: #f8f8f2;">Date();</span>
<span style="color: #66d9ef;">var</span> <span style="color: #a6e22e;">MyDateString</span><span style="color: #f8f8f2;">;</span>
<span style="color: #a6e22e;">MyDate</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">setDate</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">MyDate</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">getDate</span><span style="color: #f8f8f2;">()</span> <span style="color: #f92672;">-</span> <span style="color: #ae81ff;">1</span><span style="color: #f8f8f2;">);</span> <span style="color: #75715e;">// 取前一日,自行依備份日期調整</span>
<span style="color: #a6e22e;">MyDateString</span> <span style="color: #f92672;">=</span> <span style="color: #a6e22e;">MyDate</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">getFullYear</span><span style="color: #f8f8f2;">()</span> <span style="color: #f92672;">+</span> <span style="color: #e6db74;">'/'</span> <span style="color: #f92672;">+</span> <span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'0'</span> <span style="color: #f92672;">+</span> <span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">MyDate</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">getMonth</span><span style="color: #f8f8f2;">()</span><span style="color: #f92672;">+</span><span style="color: #ae81ff;">1</span><span style="color: #f8f8f2;">)).</span><span style="color: #a6e22e;">slice</span><span style="color: #f8f8f2;">(</span><span style="color: #f92672;">-</span><span style="color: #ae81ff;">2</span><span style="color: #f8f8f2;">)</span> <span style="color: #f92672;">+</span> <span style="color: #e6db74;">'/'</span> <span style="color: #f92672;">+</span> <span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'0'</span> <span style="color: #f92672;">+</span> <span style="color: #a6e22e;">MyDate</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">getDate</span><span style="color: #f8f8f2;">()).</span><span style="color: #a6e22e;">slice</span><span style="color: #f8f8f2;">(</span><span style="color: #f92672;">-</span><span style="color: #ae81ff;">2</span><span style="color: #f8f8f2;">);</span> <span style="color: #75715e;">//日期補零 2014/08/16</span>
</pre>
</td></tr>
</tbody></table>
</div>
<br />
原有取得的日期沒有補0,因此才有加0和slice(-2)的轉換,原理如下。(原文網址:<a href="http://stackoverflow.com/questions/3605214/javascript-add-leading-zeroes-to-date" target="_blank">http://stackoverflow.com/questions/3605214/javascript-add-leading-zeroes-to-date</a>)<br />
<br />
<div style="background-color: white; border: 0px; clear: both; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 18px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
To explain, <code style="background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; margin: 0px; padding: 1px 5px; vertical-align: baseline; white-space: pre-wrap;">.slice(-2)</code> gives us the <em style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">last</em> two characters of the string.</div>
<div style="background-color: white; border: 0px; clear: both; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 18px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
So no matter what, we can add <code style="background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; margin: 0px; padding: 1px 5px; vertical-align: baseline; white-space: pre-wrap;">"0"</code> to the day or month, and just ask for the last two since those are always the two we want.</div>
<div style="background-color: white; border: 0px; clear: both; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 18px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
So if the <code style="background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; margin: 0px; padding: 1px 5px; vertical-align: baseline; white-space: pre-wrap;">MyDate.getMonth()</code> returns <code style="background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; margin: 0px; padding: 1px 5px; vertical-align: baseline; white-space: pre-wrap;">9</code>, it will be:</div>
<pre class="default prettyprint prettyprinted" style="background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin-bottom: 10px; max-height: 600px; overflow: auto; padding: 5px; vertical-align: baseline; width: auto; word-wrap: normal;"><code style="border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;"><span class="pun" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="str" style="background-color: transparent; border: 0px; color: maroon; margin: 0px; padding: 0px; vertical-align: baseline;">"0"</span><span class="pln" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="pun" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">+</span><span class="pln" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="str" style="background-color: transparent; border: 0px; color: maroon; margin: 0px; padding: 0px; vertical-align: baseline;">"9"</span><span class="pun" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="pln" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="com" style="background-color: transparent; border: 0px; color: grey; margin: 0px; padding: 0px; vertical-align: baseline;">// Giving us "09"</span></code></pre>
<div style="background-color: white; border: 0px; clear: both; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 18px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
so adding <code style="background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; margin: 0px; padding: 1px 5px; vertical-align: baseline; white-space: pre-wrap;">.slice(-2)</code> on that gives us the last two characters which is:</div>
<pre class="default prettyprint prettyprinted" style="background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin-bottom: 10px; max-height: 600px; overflow: auto; padding: 5px; vertical-align: baseline; width: auto; word-wrap: normal;"><code style="border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;"><span class="pun" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="str" style="background-color: transparent; border: 0px; color: maroon; margin: 0px; padding: 0px; vertical-align: baseline;">"0"</span><span class="pln" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="pun" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">+</span><span class="pln" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="str" style="background-color: transparent; border: 0px; color: maroon; margin: 0px; padding: 0px; vertical-align: baseline;">"9"</span><span class="pun" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">).</span><span class="pln" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">slice</span><span class="pun" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">(-</span><span class="lit" style="background-color: transparent; border: 0px; color: maroon; margin: 0px; padding: 0px; vertical-align: baseline;">2</span><span class="pun" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="pln" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="str" style="background-color: transparent; border: 0px; color: maroon; margin: 0px; padding: 0px; vertical-align: baseline;">"09"</span></code></pre>
<div style="background-color: white; border: 0px; clear: both; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 18px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
But if <code style="background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; margin: 0px; padding: 1px 5px; vertical-align: baseline; white-space: pre-wrap;">MyDate.getMonth()</code> returns <code style="background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; margin: 0px; padding: 1px 5px; vertical-align: baseline; white-space: pre-wrap;">10</code>, it will be:</div>
<pre class="default prettyprint prettyprinted" style="background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin-bottom: 10px; max-height: 600px; overflow: auto; padding: 5px; vertical-align: baseline; width: auto; word-wrap: normal;"><code style="border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;"><span class="pun" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="str" style="background-color: transparent; border: 0px; color: maroon; margin: 0px; padding: 0px; vertical-align: baseline;">"0"</span><span class="pln" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="pun" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">+</span><span class="pln" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="str" style="background-color: transparent; border: 0px; color: maroon; margin: 0px; padding: 0px; vertical-align: baseline;">"10"</span><span class="pun" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="pln" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="com" style="background-color: transparent; border: 0px; color: grey; margin: 0px; padding: 0px; vertical-align: baseline;">// Giving us "010"</span></code></pre>
<div style="background-color: white; border: 0px; clear: both; font-family: Arial, 'Liberation Sans', 'DejaVu Sans', sans-serif; font-size: 14px; line-height: 18px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
so adding <code style="background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; margin: 0px; padding: 1px 5px; vertical-align: baseline; white-space: pre-wrap;">.slice(-2)</code> gives us the last two characters, or:</div>
<pre class="default prettyprint prettyprinted" style="background-color: #eeeeee; border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 14px; line-height: 18px; margin-bottom: 10px; max-height: 600px; overflow: auto; padding: 5px; vertical-align: baseline; width: auto; word-wrap: normal;"><code style="border: 0px; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; margin: 0px; padding: 0px; vertical-align: baseline; white-space: inherit;"><span class="pun" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">(</span><span class="str" style="background-color: transparent; border: 0px; color: maroon; margin: 0px; padding: 0px; vertical-align: baseline;">"0"</span><span class="pln" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="pun" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">+</span><span class="pln" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"> </span><span class="str" style="background-color: transparent; border: 0px; color: maroon; margin: 0px; padding: 0px; vertical-align: baseline;">"10"</span><span class="pun" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">).</span><span class="pln" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">slice</span><span class="pun" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">(-</span><span class="lit" style="background-color: transparent; border: 0px; color: maroon; margin: 0px; padding: 0px; vertical-align: baseline;">2</span><span class="pun" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">)</span><span class="pln" style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">
</span><span class="str" style="background-color: transparent; border: 0px; color: maroon; margin: 0px; padding: 0px; vertical-align: baseline;">"10"</span></code></pre>
Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-84437355345289748532014-08-05T16:39:00.000+08:002014-08-16T14:36:05.518+08:00網址傳送資料給 Node.js (app.get)Node.js 需安裝 express 模組。 (sudo npm install express)<br />
<br />
再撰寫以下程式碼,檔案自訂。<br />
<br />
App.js<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #272822; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 1
2
3
4
5
6
7
8
9
10
11
12
13</pre>
</td><td><pre style="line-height: 125%; margin: 0;"><span style="color: #66d9ef;">var</span> <span style="color: #a6e22e;">express</span> <span style="color: #f92672;">=</span> <span style="color: #a6e22e;">require</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'express'</span><span style="color: #f8f8f2;">);</span>
<span style="color: #66d9ef;">var</span> <span style="color: #a6e22e;">app</span> <span style="color: #f92672;">=</span> <span style="color: #a6e22e;">express</span><span style="color: #f8f8f2;">();</span>
<span style="color: #a6e22e;">app</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">get</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'/data'</span><span style="color: #f8f8f2;">,</span> <span style="color: #66d9ef;">function</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">req</span><span style="color: #f8f8f2;">,</span> <span style="color: #a6e22e;">res</span><span style="color: #f8f8f2;">)</span> <span style="color: #f8f8f2;">{</span>
<span style="color: #a6e22e;">console</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">log</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">req</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">query</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">name</span><span style="color: #f8f8f2;">);</span>
<span style="color: #a6e22e;">console</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">log</span><span style="color: #f8f8f2;">(</span><span style="color: #a6e22e;">req</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">query</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">country</span><span style="color: #f8f8f2;">);</span>
<span style="color: #a6e22e;">res</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">send</span><span style="color: #f8f8f2;">(</span><span style="color: #e6db74;">'Name:'</span> <span style="color: #f92672;">+</span> <span style="color: #a6e22e;">req</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">query</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">name</span> <span style="color: #f92672;">+</span> <span style="color: #e6db74;">'<br />'</span> <span style="color: #f92672;">+</span><span style="color: #e6db74;">'Country:'</span> <span style="color: #f92672;">+</span> <span style="color: #a6e22e;">req</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">query</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">country</span><span style="color: #f8f8f2;">);</span>
<span style="color: #a6e22e;">res</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">end</span><span style="color: #f8f8f2;">();</span>
<span style="color: #f8f8f2;">});</span>
<span style="color: #a6e22e;">app</span><span style="color: #f8f8f2;">.</span><span style="color: #a6e22e;">listen</span><span style="color: #f8f8f2;">(</span><span style="color: #ae81ff;">12345</span><span style="color: #f8f8f2;">);</span>
</pre>
</td></tr>
</tbody></table>
</div>
<br />
Terminal 執行 <span style="background-color: #eeeeee;">node app.js</span><br />
<br />
使用瀏覽器,網址輸入 <span style="background-color: #eeeeee;">http://127.0.0.1:12345/data?name=Ian&country=Taipei</span><br />
<br />
Terminal 會顯示網址所帶的參數:<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #000000; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #cccccc;">Ians</span><span style="color: #3399cc;">-</span><span style="color: #cccccc;">MBP</span><span style="color: #3399cc;">:</span><span style="color: #cccccc;">Desktop</span> <span style="color: #cccccc;">ian$</span> <span style="color: #cccccc;">node</span> <span style="color: #cccccc;">app.js</span>
<span style="color: #cccccc;">Ian</span>
<span style="color: #cccccc;">Taipei</span>
</pre>
</div>
<br />
網頁顯示如下:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-iRb083KugIA/U-F5qLZTN3I/AAAAAAAAAt8/4CzAG5a2kug/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96+2014-08-06+08.40.07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-iRb083KugIA/U-F5qLZTN3I/AAAAAAAAAt8/4CzAG5a2kug/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96+2014-08-06+08.40.07.png" /></a></div>
<br />Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-19628281391286357122014-07-29T08:17:00.002+08:002014-07-29T08:17:34.050+08:00Robomongo滿多人推薦的 MongoDB GUI 管理工具:<a href="http://www.robomongo.org/" target="_blank">Robomongo</a><br />
<br />
在畫面操作、可跨不同平台(Mac, Linux, Windows)的特點,讓滿多人推薦的。<br />
<br />
特色:<br />
<ul class="simple" style="background-color: white; box-sizing: border-box; color: #494747; font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; margin-bottom: 10px; margin-top: 0px;">
<li style="box-sizing: border-box; padding-top: 0.2em;">Full Power of MongoDB Shell. Robomongo embeds the same JavaScript engine (based on Mozilla SpiderMonkey), that powers MongoDB’s mongo shell. It means that you can reuse your existing skills of MongoDB Shell in Robomongo</li>
<li style="box-sizing: border-box; padding-top: 0.2em;">Multiple Shells. Open as many shells as you need. Every tab in Robomongo is a MongoDB shell, fully isolated from each other.</li>
<li style="box-sizing: border-box; padding-top: 0.2em;">Multiple Results. Robomongo executes your code in statement by statement way. That means that you will receive as many result as many statements you have.</li>
<li style="box-sizing: border-box; padding-top: 0.2em;">Autocompletion. Robomongo provides you with autocompletion for all objects (and thus functions) that are known by JavaScript runtime, including autocompletion for databases, collections and even your document objects.</li>
<li style="box-sizing: border-box; padding-top: 0.2em;">Cross-platform, open source.</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-330gisvnai8/U9bng0DrORI/AAAAAAAAAs0/tyGrjbYJzV8/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96+2014-07-29+08.12.03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-330gisvnai8/U9bng0DrORI/AAAAAAAAAs0/tyGrjbYJzV8/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96+2014-07-29+08.12.03.png" height="374" width="640" /></a></div>
<br />
<br />
這篇中文文章亦可參考:<br />
<a href="http://www.codedata.com.tw/database/mongodb-tutorial-2-query-language/" target="_blank">MongoDB Tutorial(2)MongoDB 的 Query Language</a>Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-28597160435029761432014-07-28T11:15:00.002+08:002014-07-28T11:15:46.267+08:00Sublime Text3 改預設開啟頁籤 (取消預設開啟新視窗)若預設 Sublime Text 來開啟文字檔案,Sublime Text 都會以一個檔案開啟一個新視窗來呈現。半手動方式只能在開啟一個檔案後,後續檔案直接拖曳到 Sublime Text 視窗上。<br />
<br />
如果有大量需求的話,可直接更改開啟設定,作法很簡單:<br />
<br />
1. 點選上方選單 <span style="background-color: #eeeeee;">Sublime Text > Preferences > Settings - User</span><br />
<span style="background-color: #eeeeee;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-PrEBti3Hu9c/U9W_MsNoNQI/AAAAAAAAAsY/KtybRGMoaJE/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96+2014-07-28+11.01.22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-PrEBti3Hu9c/U9W_MsNoNQI/AAAAAAAAAsY/KtybRGMoaJE/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96+2014-07-28+11.01.22.png" height="308" width="400" /></a></div>
<br />
2. 加入 <span style="background-color: #eeeeee;">"open_files_in_new_window": false</span> 這段文字,記得前一段設定要加「,」分隔。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-7ghINPMvG90/U9W_-PshTlI/AAAAAAAAAsk/ErNCYN_KHaM/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96+2014-07-28+11.13.49.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-7ghINPMvG90/U9W_-PshTlI/AAAAAAAAAsk/ErNCYN_KHaM/s1600/%E8%9E%A2%E5%B9%95%E6%88%AA%E5%9C%96+2014-07-28+11.13.49.png" height="183" width="400" /></a></div>
<br />
3. 存檔即可。<br />
<br />Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-27327135778233859972014-07-26T15:53:00.000+08:002014-07-26T17:04:40.175+08:00Emmet 快速筆記句法說明:<a href="http://docs.emmet.io/abbreviations/syntax/">Abbreviations Syntax</a><br />
<div>
詳細句法:<a href="http://docs.emmet.io/cheat-sheet/" target="_blank">Syntax</a><br />
<br />
# id<br />
. class</div>
<div>
<br /></div>
jQuery Mobile List<br />
<div style="text-align: center;">
<div style="text-align: left;">
<span style="color: #666666; font-family: Helvetica, arial, freesans, clean, sans-serif;"><span style="background-color: white; font-size: x-small; line-height: 22.399999618530273px;">Short</span></span></div>
</div>
<div style="background: #f8f8f8; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">ul[data-role="listview"]>li*3>a[]>h2{Headline $}+p>Lorem5</pre>
</div>
<div style="text-align: center;">
<div style="text-align: left;">
<span style="color: #666666; font-family: Helvetica, arial, freesans, clean, sans-serif;"><span style="background-color: white; font-size: x-small; line-height: 22.399999618530273px;">Produce</span></span></div>
</div>
<div style="background: #f8f8f8; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: green; font-weight: bold;"><ul</span> <span style="color: #7d9029;">data-role=</span><span style="color: #ba2121;">"listview"</span><span style="color: green; font-weight: bold;">></span>
<span style="color: green; font-weight: bold;"><li><a</span> <span style="color: #7d9029;">href=</span><span style="color: #ba2121;">""</span><span style="color: green; font-weight: bold;">></span>
<span style="color: green; font-weight: bold;"><h2></span>Headline 1<span style="color: green; font-weight: bold;"></h2></span>
<span style="color: green; font-weight: bold;"><p></span>Lorem ipsum dolor sit amet.<span style="color: green; font-weight: bold;"></p></span>
<span style="color: green; font-weight: bold;"></a></li></span>
<span style="color: green; font-weight: bold;"><li><a</span> <span style="color: #7d9029;">href=</span><span style="color: #ba2121;">""</span><span style="color: green; font-weight: bold;">></span>
<span style="color: green; font-weight: bold;"><h2></span>Headline 2<span style="color: green; font-weight: bold;"></h2></span>
<span style="color: green; font-weight: bold;"><p></span>Cum, nulla, omnis! Quidem, eaque.<span style="color: green; font-weight: bold;"></p></span>
<span style="color: green; font-weight: bold;"></a></li></span>
<span style="color: green; font-weight: bold;"><li><a</span> <span style="color: #7d9029;">href=</span><span style="color: #ba2121;">""</span><span style="color: green; font-weight: bold;">></span>
<span style="color: green; font-weight: bold;"><h2></span>Headline 3<span style="color: green; font-weight: bold;"></h2></span>
<span style="color: green; font-weight: bold;"><p></span>Facilis eius ratione alias asperiores.<span style="color: green; font-weight: bold;"></p></span>
<span style="color: green; font-weight: bold;"></a></li></span>
<span style="color: green; font-weight: bold;"></ul></span>
</pre>
</div>
Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-3304923280007990572014-07-25T23:22:00.002+08:002014-08-08T22:50:19.936+08:00Sublime Text 必裝套件<span style="font-size: large;"><a href="https://sublime.wbond.net/installation" target="_blank">Package Control</a></span><br />
在 Sublime Text 中,安裝其他套件。使用方式:<br />
<ol>
<li>在 Sublime Text 按<span style="background-color: #f3f3f3;"> </span><span style="background-color: #eeeeee;">Ctrl + `</span>,啟用 Console 畫面。</li>
<li>依使用版本貼上<a href="https://sublime.wbond.net/installation" target="_blank">語法</a>。</li>
<li>重啟 SubLime Text 。</li>
<li>按<span style="background-color: #eeeeee;"> Ctrl+Shift+P</span>,再輸入<span style="background-color: #eeeeee;"> install </span>即可啟用 Package Control 裡的套件安裝列表。</li>
</ol>
<br />
<span style="font-size: large;"><a href="https://github.com/alienhard/SublimeAllAutocomplete" target="_blank">SublimeAllAutocomplete</a></span><br />
自動提示、補足程式碼。使用方式:<br />
<ol>
<li>先安裝 Package Contrl。</li>
<li>按<span style="background-color: #eeeeee;"> Ctrl+Shift+P</span>,再輸入<span style="background-color: #eeeeee;"> install </span>啟用 Package Control 裡的套件安裝列表。</li>
<li>輸入 <span style="background-color: #eeeeee;">all </span>出來第一項就是 All Autocomplete。</li>
<li>若要移除,只要按<span style="background-color: #eeeeee;"> Ctrl+Shift+P</span>,再輸入<span style="background-color: #eeeeee;"> remove</span> 、點選這個套件即可。</li>
</ol>
<img border="0" src="http://1.bp.blogspot.com/-_3W324yh-8w/U9J1x2LmSwI/AAAAAAAAAr4/XIkxVDSqdLY/s1600/2014-07-25_232008.png" /><br />
<br />
<span style="font-size: large;"><a href="http://wbond.net/sublime_packages/alignment" target="_blank">Sublime Alignment</a></span><br />
按 C<span style="background-color: #eeeeee;">trl+Alt+A</span>可使程式碼對齊等號或是其他自訂符號。使用方式:<br />
<ol>
<li>先安裝 Package Contrl。</li>
<li>按<span style="background-color: #eeeeee;"> Ctrl+Shift+P</span>,再輸入<span style="background-color: #eeeeee;"> install </span>啟用 Package Control 裡的套件安裝列表。</li>
<li>輸入 <span style="background-color: #eeeeee;">alignment </span>。</li>
<li>若要移除,只要按<span style="background-color: #eeeeee;"> Ctrl+Shift+P</span>,再輸入<span style="background-color: #eeeeee;"> remove</span> 、點選這個套件即可。</li>
<li>詳細使用方式可參考<a href="http://kevintsengtw.blogspot.tw/2012/03/sublime-text-2-part5-alignmentcode.html#.U9MBDfmSx8E" target="_blank">這篇文章</a>。</li>
</ol>
<img border="0" src="http://4.bp.blogspot.com/-illzBqlaI80/U9MC5fd38XI/AAAAAAAAAsI/QtyTiDQ9UGk/s1600/2014-07-26_092200.png" />
<br />
<br />
<span style="font-size: large;"><a href="https://sublime.wbond.net/packages/Emmet" target="_blank">Emmet</a></span><br />
輸入簡易程式代碼,自動轉換成一般程式碼。使用方式:<br />
<ol>
<li>先安裝 Package Contrl。</li>
<li>按<span style="background-color: #eeeeee;"> Ctrl+Shift+P</span>,再輸入<span style="background-color: #eeeeee;"> install </span>啟用 Package Control 裡的套件安裝列表。</li>
<li>輸入 Emmet<span style="background-color: #eeeeee;"> </span>。</li>
<li>若要移除,只要按<span style="background-color: #eeeeee;"> Ctrl+Shift+P</span>,再輸入<span style="background-color: #eeeeee;"> remove</span> 、點選這個套件即可。</li>
<li>使用方式請參考官網範例: <a href="http://docs.emmet.io/abbreviations/syntax/" target="_blank">http://docs.emmet.io/abbreviations/syntax/</a></li>
</ol>
<br />
中文參考資源:<a href="http://docs.sublimetext.tw/" target="_blank">Sublime Text 手冊</a>Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.comtag:blogger.com,1999:blog-3309894364854127655.post-54033389919802481802014-07-15T12:01:00.001+08:002014-08-08T22:53:59.142+08:00Ajax-Loader 測試在做 jQuery Mobile 時,可能會碰到 mobileinit 事件。以下是模擬 A網頁前往 B網頁,可在B網頁加上載入三秒鐘的資料,藉以得知loading的狀態或圖示。<br />
<br />
<div style="background: #ffffff; border-width: .1em .1em .1em .8em; border: solid gray; overflow: auto; padding: .2em .6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: #007700;"><script </span><span style="color: #0000cc;">runat=</span><span style="background-color: #fff0f0;">"server"</span><span style="color: #007700;">></span>
<span style="color: #008800; font-weight: bold;">protected</span> <span style="color: #008800; font-weight: bold;">void</span> Page_Load(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(<span style="color: #0000dd; font-weight: bold;">3000</span>);
}</pre>
<br />
<pre style="line-height: 125%; margin: 0;"><span style="color: #007700;"></script></span>
</pre>
</div>
Night Wind'shttp://www.blogger.com/profile/14555194779315095733noreply@blogger.com