發表文章

目前顯示的是 11月, 2018的文章

【網誌】Blogger|更動留言區塊,如何使用Disqus工具

圖片
Blogger預設的留言區塊是讓到訪者以Google登入留言,或是訪客身分。如果想要讓更廣泛的讀者留言互動,就可以依靠Disque,將這套小工具(Widget)安裝在Blogger中。 安裝步驟? 可以參閱官方的說明 https://disqus.com/admin/blogger/ 1. 到官網申請帳號 2. 完成後選擇使用/申裝 [上面是到別人的地盤留言/下面是裝在自己的地盤] 3. 填寫資料送出(看自己要什麼名稱、語言。) 4. 訂閱基本即可(Subscribe Basics) 5. 選擇平台,這裡當然是Blogger(其他還有非常多平台都支援,包括常見的Wordpress, Tumblr, Wix, Weebly, Strikingly, Jekyll, Hubspot, ...) 6. 點選Add...的按鈕正式安裝!(這邊要注意如果妳是Dynamic View動態主題會不能用。) 7. 送出→自動跳轉回Blogger→儲存排列→回到Disqus按下Configure設置。 到這邊就大致完成囉! 成果展示 [Before] [After] 也就是目前可以在我的Blogger上看到的樣子。另外,還有一小步實現支援所有新舊版IE需做的功夫: https://help.disqus.com/installation/updating-a-blogger-template-to-support-all-versions-of-internet-explorer   完成以後,可以看看自動跳出的影片: 6個安裝後可進行的動作 。包括後續處理到留言內容過濾、階層式留言、置頂留言(Moderators)、開啟留言通知...等等。還可以再調整細部樣式(語言、表情包等等)。如果安裝不妥碰上問題,或許也可以嘗試用手動的方式,附上官方教學網址: https://help.disqus.com/installation/manually-adding-a-disqus-gadget-to-blogger   那其實不僅是Blogger,其他平台也都常見這個套件,因為管理留言很便利,回到Disque就可以看統整的留言了。那也歡迎大家看完文章可以至下方留言、Disqus一下哦!(像Discuss的感覺,如果點選留

【網誌】Blogger|文章發布技巧|Tags、Schedule、Link

圖片
在打每篇文章以前,身為作者肯定會有一些想法、動機來完成這篇文章,不管是為了完整紀錄某個 主題(Topic) 下的 收穫 、 心得 ,或者是延續某篇未完的篇章。抑或在開創部落格的最開始就有所規劃,這時候我們就得以善用分類 標籤 。而在辛苦打完一篇文章後,想搭配讀者習慣抓個好時間才發文,也可以設定 排程 。那別人要怎麼外連至這篇文章呢?就要設定好 網址 。 調整文章設定 文章編輯時,在文章的右方可以看到 「文章設定」 區塊。(如下圖) 標籤(Tags) 善用分類標籤 歸類 好同類別或特質的文章,設定好與內文關聯的 關鍵字(Keywords) 搭配好自己為該文章的標題命名,做好分類才方便日後 管理跟查詢 ,讓讀者或自己都好找到,可以透過在網誌上的標籤小工具自動整理同類文章。同時,也能對SEO提升有助益。 排程(Scheduling) 打完文章後,如果感到發文過於密集,想要緩緩的話,那麼可以設定日期及時間,做好排程給予 緩衝 ,讓發布時間依照自己所設定的時候出現。 不過 這邊要注意的一點是它的時區為太平洋標準時間(Pacific Standard Time, PST),相較台灣位處的時區CST晚16個小時。舉例來說: 2018/11/13 21:20:00 PST 等於 2018/11/14 13:20:00 CST 什麼是CST時區?觀看 這篇文章 按下設定日期時其實會出現當下時間,但因為時區關係,看起來好像時間點不同。如果只是想要不同日子同時間規劃發文,調整日期即可。 連結(Hyperlink) 一般預設發布文章時,即會自動產生永久連結,是根據標題擷取 英文字 作為網址參照。那我們也可以選擇自己設定,網址一般可以設定「-」或「_」來幫助英文詞彙做分隔,更能看出意義,同時幫助SEO。 這篇預設自動產生的永久連結為bloggertagsschedulelink 我可以將網址自訂為blogger-tags-schedule-link 當做完這些動作並發佈後,就得到清楚分類,且網址客製的一篇文章列入排程囉!(可以在後台的 發表文章> 已排程 區塊裡看到)   上述算是簡單而能改善SEO的細微動作,除了產生易搜索的特性外,還要有內文品質引人入勝,得以清楚解決問題;外觀吸睛,操作新穎有趣、閱讀舒適,整體的

【數據分析】R|修正時區|as_datetime & timezone

圖片
繼 【數據分析】R|時間格式處理|date format & lubridate 上次提到如何將各種常見型態的日期以及時間,分別轉換成標準格式的Date和POSIXt型態,也見證了Lubridate的好用。   在我的那篇文章中,有個待解決的問題,就是Lubridate用as_datetime轉完後的結果,雖然數字都乖乖的轉換成對的型態了,但!!出來的結果卻會將時區統一變成UTC,但我們實際上是住在CST阿!!所以需要額外做「時區轉換」。(這邊名詞如果有不了解可以回頭看 上篇 ) 時區轉換函數 在該篇文章裡,我有提到在Lubridate中有方法做時區轉換,有請with_tz()這個函式。 with_tz ("datetime",tz="timezone") 這個函數就是專門針對剛剛所準備好的標準時間值(轉換完成後存放datetime型態的變數),將其時區根據你的需求做調整。舉例來說: b<-as_datetime(1541111111) with_tz(b, tz="時區") 就像這樣代進去。那後面的時區難道只是放CST(以身為台灣人為例)這麼簡單嗎?可以試試看,會報錯。那該怎麼做呢? 找尋所在時區 如何知道我們所在的時區?可以到環境裏頭去找,這裡透過Sys.getenv()可以看看環境(environment)中有那些現存資源,這時候發現到了TZDIR這個包含TimeZone資源的資料夾(Directory)。 Sys.getenv("TZDIR") 來講講我是怎麼發現這個位置的?輸入完Sys.getenv之後,按Tab會自動補全並跳到()中央,再按一次Tab就能知道這個函數能呼叫什麼,而我要找的跟Timezone有關,所以就先輸入tz,這時候跳提示出現TZDIR,再次Tab補全。   跑了這行程式碼後,會告訴你這個資料夾所在地方:R>R-3.5.1>share>zoneinfo,進入資料夾後,發現存在各種地區(如下圖) [存有各地timezone的zoneinfo資料夾] 這時候需要發揮本能了,生而為人,應該都清楚知道自己住哪,站在地球上的哪個位置。像 我所在的地方位於台灣的新北市。雖然沒

【網誌】Blogger|簡單建立個人網誌

圖片
現存有各種方式可以建立自己的個人網誌,像是自己用XAMPP架Server、也可以採用不管企業或個人都適合且套件完整的WordPress。或是比較簡單的申請痞克幫(pixnet)、隨意窩(Xuite)帳戶。 (就像以前國中時期用無名小站也會自己去選設計好的模板套用,很方便,可惜後來倒了。) 關於 Blogger Google Blogger也同樣能夠非常快速採用內建風格,且現在多數人都擁有Google帳戶,申請方便,且能直接使用一整套串連的服務,如Drive雲端硬碟、 Google Analytics 觀看流量數據。若經營得好、慢慢累積人氣,到達符合 Adsense 的方針標準,就有機會申請擺上廣告獲利。   當創建好Blogger之後,首先當然是先 快速美化、布置好自己的Blog ,可以先從下述幾部分著手,都在 後台 進行設置。 風格布置 theme :首先從眾多主題中挑選喜歡的,我個人喜歡簡約的風格,所以選擇Contempo。(主題) icon :用AI、PS,或線上工具來設計專屬Blog的標誌。(版面配置> 網站小圖示) widget :決定該放置哪些小工具、如何擺置呈現,方便讀者閱讀或易於尋找文章。(版面配置> 分別新增或調整,給予這些小工具明顯且統一性的命名。) background :選定符合個人特色的背景。(主題> 自訂> 背景)上傳後可以做些調整,比方模糊化3px(選擇進階> 背景)。 color :整體色調作調配,選定主色調及輔助色,以對比清楚為主,在連結上動手腳。(進階> 分別調整) 個人化添加設置 簡介 (主題> 編輯HTML) 找到 profile-datablock 這個class 在<dl>標籤內部增加<dd>標籤,置放簡介文字 內容樣式 (主題> 自訂(點擊後進入圖中主題設計工具)> 進階> 新增css) 在這裡可以隨心所欲的改動自己想要的效果。 可以自定義一些 id、class ,未來在編輯文章時,切換到 HTML模式 ,增加 class=""或id="" 就能自動套用。 觀察一下自己po過的文章,覺得有些地方可以改動來凸顯差異,就可以利用這邊來設定。比如我

【數據分析】R|時間格式處理|date format & lubridate

在R之中,我們有時會需要時間的轉換。常常抓到網路資料後,得到的timestamp欄位可能是char或是num的格式,這時候就可以採用內建的as.date或取用lubridate這個package。但在了解怎麼用後面的函數從字串中轉成時間前,得先知道什麼是標準的時間格式,才知道怎麼得到想要的結果。 標準時間格式 class為「POSIXlt」和「POSIXct」 ,包含資料的格式為" %Y-%m-%d %H:%M:%S "。 "年-月-日 時:分:秒" 在日期間以「-」區隔,時間以「:」區隔,兩者以一個空白分隔。 %m 小寫是月(month), %M 大寫是分(Minute) → 時間的格式都是大寫。 我們常用 Sys.time()或now() 來取得執行當下的時間點,可以得到標準格式 "2018-11-09 11:35:06 CST" 。 以我們台灣來講,CST = China Standard Time,也就是常聽到的 中原標準時間 ,是我們這個經度所位在的時區。相對於UTC地球標準時間要加上八小時。即為UTC+8。 UTC = Coordinated Universal Time是像秒一樣的公定標準,格林威治標準時間GMT = Greenwich Mean Time所在時區與該時間相同。 now()之中可以設定時區 → now(tzone = "UTC") 會得到比CST少8小時的結果。 而日期格式較為簡單, class為「Date」 ,取得當天日期則用Sys.Date()。 轉換為日期 首先先看日期的部分,實作上,常碰到的是三種狀況: 長相已經是標準日期(Ex: 2018-11-09),但型別為character 長相是數字(Ex: 17844),型別為numeric 各式長相的時間(Ex: "November 9, 2018"、"09/11/2018"),型別為character 面對這些該如何怎麼解決呢? 解決方法 :as.Date搭配format設定 [1] as.Date("2018-11-09")   →"2018/11/09"也

【軟體操作】Google Slides|下載共用簡報方式與網址

圖片
本篇所使用之Google Slides網址為: https://docs.google.com/presentation/d/1I_-bwMI4R_ZverF_pdEY9h81jx1PM98DNpRzw0Jad58/edit#slide=id.p2 如何下載線上投影片 方法一:介面操作 [檔案> 下載格式> PDF(或其他自訂格式)] 方法二:查看簡報 點選畫面右上方的查看簡報按鈕進入 (或先點擊工作區域,再按Ctrl+Shift+F5) [設定圖示> 下載PDF或PPTX] 方法三:更改網址 https://docs.google.com/presentation/d/ <FileID> / export / <format> 仔細觀察原網址,由/分隔出的各個部分。 在/presentation/d/後方為這份簡報的 <FileID> 。 1I_-bwMI4R_ZverF_pdEY9h81jx1PM98DNpRzw0Jad58  如範例中即為上面這組長度為44個字元,由大小寫英文、數字及-_字符形成的識別碼。 於後方加上/export/代表輸出,最後加上需輸出的格式 <format> ,需自行設定。 可設定pdf、pptx、txt、odp、 png、jpeg、svg  等格式 將完整連結輸至網址列即可跳出下載視窗 Ex:  https://docs.google.com/presentation/d/1I_-bwMI4R_ZverF_pdEY9h81jx1PM98DNpRzw0Jad58/ export/pdf 問題   然而,png、jpeg、svg預設只能存取一頁(如第一張圖所示"當前頁面",而以網址的方法只能存下首頁p1),那要怎麼取得其他頁面的圖檔並下載? 答案   為了解決這個問題,我從Dev-Tools的Network去觀察,操作點下檔案> 下載格式> PNG圖片,觀察按下按鈕後Request方法,發現它在網址後方加入「?pageid=p2」即可。 Ex:  https://docs.google.com/presentation/d/1I_-bw

【數據分析】R|擷取字串|RegEx與常用函數

圖片
在抓取資料或清理資料、Mutate整理Dataframe時,我們常常會需要擷取字串,舉凡辨識Email、檔案格式或副檔名(File Extension)、用字分析...等等,抑或最簡單的只想看出vector中含有某個詞彙的比率,各種情境都很常出現擷取或比對字串的需求。 擷取字串常用函數 而在這過程之中,勢必需要了解有哪些函數與方法來幫助解決問題。來看看常用的函數包含在哪些Package? base 內建之基礎套件 grep:設定要找的詞彙,列舉資料中存在該詞彙的位置(index)。 grep("pattern", vector) grepl:與grep一樣,但l代表logical,列舉之結果為T/F,有該pattern者為TRUE。 gsub:可以將pattern中( )所鎖定的subpattern再進一步抓出來,結果為( )中內容。 gsub("(sub)pattern", "\\1", vector) gsub("pattern", sentence, "substitution"),把字串中所有含pattern者依substitution做取代。gsub = global substitution strsplit:String Split,顧名思義將字串做分割(依據給的pattern)。 strsplit(sentence, "pattern") stringr 需另外載入之套件 str_detect:偵測到vector之字串中含有pattern者為TRUE str_detect(vector, "pattern") str_sub:自字串中,擷取設定之始末位置(index)之間的字串。subset of the string str_sub(string, start_index, end_index),末位置接受負值,代表倒數第幾個。 grepl vs. str_detect?   基本上,我認為grepl與str_detect沒有差異。個人在處理時較喜歡利用str_detect的方法判斷dataframe欄位是否有想要的pattern,直

【軟體操作】Axure RP|初探專業級原型設計利器|Prototype

圖片
昨天在課堂上,來自 悠識 UserXper 的講師大致介紹了Axure這套軟體的元件與互動,收穫很多,覺得功能真的滿強大的,能夠完整呈現一個網頁的長相,並能針對元件、頁面做註記,方便設計師與工程師做溝通,做出專業級的"PRO"totype!在此先做個紀錄並引言分享。 如何下載? 首頁: https://www.axure.com 下載: https://www.axure.com/downloadthanks?dl=80pc (注意:從這個連結進去即會自動跳出下載視窗詢問您下載位置) 可以趁下載同時,一邊先看過下載頁面中的影片,熟悉介面環境,下載好後一打開整體環境畫面就一目了然(如下圖),主要操作方式是以滑鼠拖拉點選做布置。 [Axure RP 軟體介面] 取得授權?   一般下載後可試用30天,若申請License可續用,而Axure對於在學學生則可提供一年期的授權,只要附上在學證明申請即可。(學生與教師之授權申請網址: https://www.axure.com/edu )   像我自己是在學學生身分,到自己的學校申請並取得在學證明,在上述網址填表過程上傳電子檔即可。(舉例來說,NTU學生到My ePo登入校內帳號後,點選左列最下方在學證明,就能直接下載電子檔,非常方便。他校流程須查詢校內規範,應該也類似。) 主畫面包含: 紅框 部分 正中間為 畫布 :左邊及上面有尺規,可以拉出輔助線。 上面為 大工具 :右鍵後點選 Customize Toolbar 即可選擇自己的常用工具。 右上角為 輸出 :可以預覽自己在各元件、頁面的互動,選擇輸出。 綠框 部分 左邊為 頁面 區:事先做好有架構的命名,可以節省麻煩、方便溝通。 上面為 小工具 :基本上與Word, Powerpoint一樣,在右邊則可設定Pixel。 固定方框 預設隱藏 右邊為 Inspector :至關重要,可以看與被點擊物件相關的所有特性,包含與I/O互動的關係和動畫呈現(Properties)、為它做的註解(Notes)與本身的特質(Style)。像是自適應螢幕大小的設計就是透過Properties中Adaptive的Enable與否來進一步設定完成。 其他 部分 左邊的 Libraries