Site Overlay

作者: Boggy

WordPress REST API v2抓取特定標籤或類別文章

最近有個需求是要爬公司部落格的文章到官網顯示。搜尋一下,知道WordPress有Rest API,非常簡單就可以達成需求。 https://your.domain/wp-json/wp/v2/posts 如此會顯示一頁10則資料。可以加入page query來指定頁數,或per_page query指定一頁顯示幾則。其他還有offset 跟 order 的功能,有興趣可以看官網文件: 但官網上並沒有想要顯示所有的文章,只想要顯示一個類別或包含一個標籤的文章。於是我們需要可以透過標籤或類別來過濾的功能。稍微Google一下,會發現有個 ?filter[tag]=xxx 的query,不過這是舊版繼續閱讀WordPress REST API v2抓取特定標籤或類別文章

把音樂中的人聲跟樂器都分離出來的超強軟體Spleeter

在查有沒有command line可以分離歌聲跟伴奏的工具時,發現了這個強大的程式。雖然跟一般專業處理聲音的軟體比起來,處理出來的結果沒有太大差別,失真也沒有比較少,不過他強大的地方在於除了人聲以外,他還可以分離出鋼琴、鼓聲、Bass等等樂器。對於想玩重新編曲的或DJ的人來說,應該是一個蠻實用的工具。 安裝 因為Spleeter是用Python寫的,所以要先確認一下電腦中有沒有裝Python。macOS的話應該都已內建了。如果沒有,或是版本太舊,可以使用homebrew先安裝好Python brew install python。 安裝完python之後,確認一下python的套件管理工具pi繼續閱讀把音樂中的人聲跟樂器都分離出來的超強軟體Spleeter

Photoshop, After Effects 匯出webp動態圖

工作的關係,稍微研究了一下關於產動態webp的方式。本來想說Photoshop已經支援webp了,應該也有匯出webp動畫的功能吧。但事與願違。看了一下以前要做gif動畫都會用的「儲存為網頁用」功能,沒有存為webp的檔案類型選項。再看一下「演算視訊」裡面也沒有webp的格式選項。 首先查到了WebPShop這個Plugin,不過他的動態做法是以每個圖層代表不同的時間,圖層上還需標示停留時間,至於原本的時間軸功能無法使用。這樣編輯起來也太麻煩。 這時候想到了ffmpeg這個轉檔好幫手,似乎可以將Photoshop或AE的內容先匯出成影片或序列圖(依照時間順序產生一堆以數字為編號的圖檔),再使用繼續閱讀Photoshop, After Effects 匯出webp動態圖

CSS 超好懂的@Layer教學

乍看layer這個字,還以為是像Photoshop的圖層概念之類的東西,亦或是針對z-index之類的selector。結果竟是用來解決selector權重用的(對於CSS權重不是很了解的話,可以快速看一下這篇筆記。)依照layer宣告的順序,來決定樣式優先順序,後宣告的即使權重較小,也會覆寫。 這對於管理較大型、有一個一定複雜程度的樣式表的網站時,算是一個蠻實用的功能。可以減少在那邊important來important去的問題。 至於@layer的瀏覽器相容性,可以看一下這邊 https://caniuse.com/css-cascade-layers,目前看起來主流瀏覽器已經都支援,現階繼續閱讀CSS 超好懂的@Layer教學

sublime 快速鍵筆記

command+d 選取編輯多個相同選取項目 使用情境:當有多個欲選取的相同字串時可使用。 使用方式:先選取一個或一段要選取的字串,然後按下command+d多次,直到所有相同字串都被選取即可。 command+shift+d 複製貼上選取字串 使用情境:需要重複一段字串時使用。 使用方式:先選取一個或一段要複製的字串,然後按下command+shift+d,直到所需的數量貼上後。 shift+command+l 選取編輯多排 使用情境:迅速選取多行時。 使用方式:先選取要編輯的行,按下shift+command+l,即可開始編輯。可搭配command移動指標到每行的最前或最後。 shift+繼續閱讀sublime 快速鍵筆記