Yang Yang

通常做到這邊，之後大概都可以自己來了，網路上也有提供很多大家開發好的套件，也可以在官方找到。 套件介紹 常見套件當你的網站有額外需求時，可以靠安裝套件解決你的需求，一般來說你安裝的主題，他的網站就會介紹改哪些參數可以使用套件，通常都幫你設定好了。例如：GA, Disqus ……通常可以靠修改這裡的參數解決：themes/{theme name}/_config.yml 額外套件如果你有特殊需求，除了google也可以來這邊找，這裡都下好Tags給你搜尋了。 推薦套件 短網址讓你的網址變得很短，調整網址的麵包屑也可以增加你的SEO，越多層對你的搜尋曝光越不利。 文章加密如果你只希望某些人看你的文章，你可以把文章加密。 Sitemap有在研究SEO的人一定知道這是什麼，想要曝光你的網頁就必須生成這個，大大提升曝光度。 RESTful用來生成RESTful的JSON資料用的，可作為API，有空可以來研究，可以做很多應用。 圖片 RSS 設定DNS想要把自己的網站改成自己的DNS，首先當然是要先去買一個DNS，再來就是剩下設定了。 到DNS供應商的區域檔紀錄加入reco ...

最近因為看到聯邦銀行最近新推出的數位銀行很吸引人，提供限時2%的活存利率（原 1.2%）還有10%的刷卡回饋的賴點卡，因此去申請了一張當作第三方支付的預備金儲蓄帳戶。最近想要轉帳的時候發現無法轉帳，顯示如下： 1E006 請確認是否第三類帳戶與本人 原因因為大部分的人申請都是用第三類驗證，權限也是最低的，目前第二類也尚未開放。但是我在轉帳給自己的其他帳戶時，又發現很多狀況…… 只限轉給本人轉帳是根據手機號碼來判斷的，但是…以下將說明遇到的狀況 兩邊的手機號碼需要一樣之前要在LINE上面綁定賴點卡，結果發現帳號無法綁定。打給客服，他們說09開頭和886開頭也無法比對視為相同手機號碼，而且客服還說要我把LINE上面的電話號碼改成09，傻眼… LINE是國際軟體，你要他把電話號碼從國際號碼變成09不是很好笑嗎？真的很為他們的商業模式擔憂。我是不知道為什麼他們幾乎都是依據手機號碼做判斷，就算是這樣，那也不可能判斷的這麼草率，正規運算沒做好真的很不方便。對於這點，我比較在意，甚至擔心他們工程師的素質到底發生什麼事了。 限本人轉帳的銀行截至2020/03，目前可轉帳的帳號： 12345【第 ...

問題為了要取得某個月份的起始和結束時間一開始可能會這樣寫： 12start = currentDate.startOf('day');end = currentDate.endOf('day'); 但是輸出變成這樣，以一月為例： 122020-01-312020-01-31 解決方式找了好久，最後終於發現他們接的都是同一個值，呼叫方法只是改變同一個值的狀態因此複製一份物件就解決了： 12start = currentDate.startOf('day');end = start.clone().endOf('day'); 原因因為currentDate.startOf(‘day’)和currentDate.endOf(‘day’)只是把位置assign到start和end，並非是傳值。呼叫clone方法可以解決傳址不傳值的問題，複製一個新的物件，assign給新的變數。

前一篇介紹如何啟動一個default的Hexo，這邊就要來介紹如何尋找適合自己的主題，並且部署。 尋找主題 尋找俗話說的好，當自己不知道該從哪開始的時候，就該回到原點尋找。沒錯，官方是你的好朋友，請到官方網站，你會發現有主題可以進去。這些主題都是全球Hexo開發者所提供的開源專案，喜歡就可以拿來用。當你點進去之後，會到讀者提供的GitHub repository。 安裝通常裡面都會教你怎麼安裝，但是蠻多東西寫的“很工程”，也就是說只寫重點，如果你沒有相關經驗的話，大概會覺得是張天書。但是別緊張，你在上一章都知道怎麼使用Terminal了，這裡難不倒你的。 首先確定你的Terminal目錄在你的專案上這樣才能保證安裝成功 安裝主題輸入以下指令來安裝 1git clone -b master <主題網址> 更改_config.yml你會在_config.yml裡面發現 1theme: landscape 先上專案主題，通常頁面上會寫，修改成 1theme: <你的主題> 重新產生專案輸入1hexo g 會重新生成你的新專案，在local測試後，你會發 ...

使用Node.js開發結合口罩地圖開放資料的LINE聊天機器人近日口罩地圖非常熱門，又因為LINE在台灣是個老少皆宜, 非常熱門的應用程式，因此很適合拿來作為口罩地圖查詢的平台。這邊獻上我開發的聊天機器人開發連結此專案為開發LINE機器人搭配政府提供的口罩open data為範例，若有任何意見，歡迎來我的GitHub repository觀看與給予回饋唷。以下將教大家如何使用這份。 環境與工具介紹開發環境：Node.js套件：linebot-sdk, express, request資料來源：mask data made by g0v member - kiang 使用步驟 到LINE Business開立一個機器人取得以下資料： 123channelId: CHANNEL_ID,channelSecret: CHANNEL_SECRET,channelAccessToken: CHANNEL_ACCESS_TOKEN 下載這份repository專案clone下來後，在根目錄新增config.js 12345678910// 放入你剛剛取得的資料const channel = & ...

前言儘管目前有很多的Blog空間可以選擇，如WordPress，但是每個選擇都有自己的優勢在，而這邊我推薦使用Hexo架設自己的網站。推薦的原因很簡單，因為好用又靈活，如果日後需要備份文章也能非常的迅速，而不用再透過平台商要求migration等。相信你用久了，也會覺得非常好用的。 需要的元件 Git這邊推薦使用GitHub，可以用來備份程式碼和部署網頁。 npm需要用到node.js markdown寫文章需要用到的syntax，其他平台也是使用這個語法，如Trello。 Hexo主要需要用到的套件。 為什麼要使用Hexo 使用Markdown語法 更快速的撰寫文章。 很多的Themes 官方有提供很多協作者開發的Themes，挑選喜歡的主題，即可輕鬆入手。 官方提供很多Plugin 無論是要增加SEO或是網站特效等，都可以在官方中尋找適合自己的Plugins。 可搭配使用外部工具 可以在自己的網站上加入Google Analytics, Disqus…… 資料夾分類整齊 文章僅需新增檔案在_posts資料夾，即可輕易撰寫文章。 靈活度較高 你可以把它當作是Bl ...

原本開心的push完準備收工，發現忘記把機密檔案放在.gitignore裡面而上傳到遠端了，該如何移除遠端的紀錄？ 這邊介紹的方法是移除所有commit的紀錄 切換到新的分支 1git checkout --orphan new-branch 補充：對–orphan不了解的請使用指令查看功能 1git checkout --help 新增所有檔案 1git add -A 提交檔案 1git commit -am "commit message" 刪除master 1git branch -D master 把目前的分支命名為master 1git branch -m master push master to remote 1git push -f origin master

前言隨著前端框架越來越成熟，舊版的網頁也逐漸被新技術給淘汰，但是如果產品的客戶群佔使用舊瀏覽器的用戶還是多數的話，真的要認真考慮是否要支援的議題了。先前發表了關於判斷瀏覽器是否為IE/Edge的方式，有興趣可以參考以下介紹的內容適用各個前端框架，這邊以React為例 小建議 大部分的網站已停用TLS1.0在2018年已宣布TLS1.0擁有危險的資安漏洞，因此大部分的網站已停止支援，光是這點，就可以說服自己的產品能夠不需要往下支援了，因為IE10以下的版本，基本上只支援TLS1.0。請參考維基百科 引導使用者安裝瀏覽器有些使用者可能不太會用電腦，或是自己的電腦已經是古董級的，但是一直無限期的支援下去是沒有辦法的，所以我建議可以設計一些彈跳視窗引導使用者如何使用新瀏覽器，這樣也能提升產品的服務品質。 目前已有不少套件支援舊版瀏覽器儘管如此，使用上還是會有部分不支援的問題，所以在使用上需要特別注意 Edge對ES6的支援度如果只看caniuse的話，會發現支援的程度其實蠻高的，但是神奇的是，我之前用React寫個簡單的Modal呈現在頁面，發現頁面竟然不會re-render，一打開cons ...

前言在撰寫網頁的時候，可能有些情境需要判斷使用者是使用哪些瀏覽器，並且做其他額外的動作。這裡將會介紹如何判斷。另外可參考 如何搭配前端框架設計出支援IE/Edge的網頁 取得瀏覽器資訊最簡單的方式就是使用 1window.navigator.userAgent 你可以先打在瀏覽器的開發者模式的console上查看 1Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36 Edge/18.18362 瀏覽器的版本以MicroSoft的產品來說，瀏覽器會因為版本的關係，而夾帶不同的字串我這邊整理了一部份的資訊 1234IE<=10: MSIEIE>=11: Trident/Edge, HTML based: Edge/new Edge, chromium based: Edg/ 這邊要注意的是，目前微軟主推的是new Edge，他的架構跟以前的產品是不一樣的，因此如果你需要針對舊版本的瀏覽器進行開發除錯的 ...

大部分的人使用搜尋引擎，一定都具有下關鍵字的基本概念 我們會以空白鍵分隔keywords進行搜尋 例如：貓 晚餐 但是隨著搜尋引擎的進步，我們下關鍵字時 儘管是輸入一串句子，也可以輕易的搜尋到我們要的結果 例如：貓咪晚餐吃什麼 Google官方提供很多搜尋的語法給予使用者搜尋 但是大部分的人不太會用上，主要是因為搜尋引擎的結果 前幾筆就能滿足大部分的需求，而要搜尋冷門的資料時 這些語法就顯得特別重要了，以下來帶各位了解基本的語法 字元搜尋Search term使用空格隔開每個關鍵詞 1cat lunch OR搜尋結果需要跟X或Y有相關 12Typhoons 2017 OR 2019Typhoons 2017 | 2019 AND搜尋結果只會跟X或Y有相關 1The chainsmocker music AND news +將+後面的關鍵字強迫加入搜尋結果中 1drink +milk -排除-後面的結果 12drink -milk-site:wikipedia.org “”搜尋結果須包含雙引號內的所有關鍵字，順序也必須一樣 1"apple pen" ...