檢視以全 Accelerated Mobile Pages 技術來建站時最常會遇到的痛點及技術難題

最近花了些功夫對我的 GitHub Pages 網站進行了Accelerated Mobile Pages (AMP) 的大改造,不單止是為了追求行動設備優先 (Mobile First) 的設計,更是進一步採用 AMP First 架構來加速整個網站。有別於早年,把網站建成可配對的「非 AMP」的原始頁面與「AMP 頁面」,AMP First 就是將桌面版與行動版頁面都統一用AMP元件構築。不但網頁性能提升,亦避免了出現 AMP 與非 AMP 的設計不一致的情況。

對於博客來說「內容為王 (Content is king)」,但我們的世界正在快速發展,尤其是互聯網,UX在網站的成功中也發揮著重要作用。自上個月發布了新主題之後,本人網站的跳出率降低了25%以上,平均瀏覽時間增加了近185%。可 …


YouTube 擴充套件工具箱
YouTube 擴充套件工具箱

YouTube 是目前全球最大的視像搜尋和分享平台,超過 20 億名用戶,每名使用者每天平均觀看影片達半小時,不知道您每天會花多少時間在 YouTube 上觀看影片呢?

你可以在 YouTube 手機 App 上,點擊導航列上用戶頭像,然後在帳戶菜單點選「總觀看時間」,就能夠查看最近 7天觀看時間的統計記錄(如下圖)。


支援多國語言、開機時自動啟動、免管理員權限

🎈 Agile Hotkey for iFlyVoice 版本 v3.0.1 新功能

  • 設定語言偏好 🔡
  • 在安裝時,建立在開機時自動啟動之捷徑 ⤴
  • 免管理員權限啟動 🏃‍♂️
  • 在提示需要安裝 iFlyIME (訊飛輸入法) 之後,顯示安裝檔下載進度 🚥
  • 增添的選單項目
    ▶ 檢查更新 🔄
    ▶ 以系統管理員行 🔝
    ▶ 說明 📄

下載

MSI安裝程式檔
免安裝版ZIP壓縮檔

軟體授權:GPL v3.0

設定語言偏好

在配置應用程式的文件夾中,找出 config.ini 文件檔。使用文字編輯程式打開文件,修改 Language 項的值,然後儲存變更。


輕鬆在Windows上啟動中文AI語音辨識💬無障礙聽寫普通話/粵語/英語/日語等40多種語言🎤🆒

iFlyVoice Windows熱鍵」是一個開源的 Windows 小工具,將 Win + H 熱鍵配置為 “訊飛語音懸浮窗” 的快捷鍵,讓您可快速啟動及切換訊飛語音輸入的聽寫狀態。

👾 為什麼我會開發「iFlyVoice Windows熱鍵」👾

訊飛輸入法 提供中國第一的人工智慧語音辨識服務。其優點包括:

  • 高準確率
  • 可在幾乎所有 Windows 應用程序上使用
  • 支援40多種語言及地方方言
  • 100%免費任用

確實為海內外華人在數碼生活上提供了很大的便捷。可惜,我認為它仍有很多美中不足的地方。其中之一,就是其非常有限的快捷鍵選項。

在訊飛輸入法的設置中,只有 F2、F6F7F8F9 F10 鍵可供選用作為語音輸入的快捷鍵。這個設計很差,因為這些功能鍵通常已被其他應用程序所使用。

在這種情況下,Win + H 是一個理想的選擇。在Windows 10作業系統,它被預設為啟用內置聽寫工具欄的快捷鍵。但是,「Windows 聽寫」命令僅支援辨認美式英語。對於非英語使用者來說,是個沒有用的系統功能。因此,配合我們的需要,重寫此不必要的熱鍵,是一個不錯的主意。

通過在背景運行「iFlyVoice Windows熱鍵」,這個小程式就會覆蓋 Win + H熱鍵的原有程序,命令Windows改為使用 “訊飛語音懸浮窗” 去處理您的聲音並輸入辨識得到的文字。「Windows, Hears Me!」

有了這個小程式,就再沒有要不要買 AI 語音輸入滑鼠的煩惱。這節省了我要分析測評的時間,不用再研究哪個品牌/型號是否好用,亦無需冒險花錢去購買那種不知道靠不靠譜的 3C 玩具。

🚀 功能


Autogen WebP Using Git Hooks
Autogen WebP Using Git Hooks

Do you use WebP to serve the images on your websites? According to Google Developers, “WebP is a modern image format that provides superior lossless and lossy compression for images on the web”. WebP images can save over 25% of file size compared to JPG and PNG formats. So, you should make use of WebP to improve your website’s speed.

Unfortunately, JPG and PNG are still primarily used to store source images. So, you need to convert them to WebP while preparing for the web. Nobody is willing to do this manually per image while content updates. If your site…


在 AMP 網頁嵌入 YouTube 影片

要在 AMP 網頁上嵌入 YouTube 影片至 AMP 網頁,您需要在 HTML 的 head 部分插入以下的這段 script 以載入amp-youtube的JS包。

<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>

同時,在網頁的 body 部分要插入 YouTube 影片的位置,加入以下的 <amp-youtube> 組件,並取代 {VIDEO-ID} 為須要內嵌的 YouTube 影片 ID。

<amp-youtube width="480" height="270" layout="responsive" data-vid …

該圖片由mohamed HassanPixabay上發佈

開始了寫博客近三年,終於不得不面臨被抄襲的發生。作為博客,自己的心血被人偷了,令我氣在心頭。在大學裏寫論文,出papers,打滾了這麼多年,對於抄襲 (plagiarism) 行為會以相當小心的態度來看待。因為在在學術界裏,抄襲如同死罪!當然我也不會把學術級操守,投放到小市民的部落格行業上去衡量。但是,被原原本本地連圖帶字的剪下及貼上,又不標明來源,更在文末插入自家的作者介紹等,如此超然的盜用行為,實在令人髮指。

「該死的內容小偷!」

除了侵犯知識版權的無形損害之外,對於用心經營網站的一方來說,也是實實在在的損失,包括:己方的網站被偷走了流量,損害搜索引擎優化( SEO )的排名,失去原本會到訪網站的潛在粉絲或客戶,以及您的廣告收入或者網店收入。您所創作的文章是,為您的網站進行內容行銷 (con …


Image Credit: Photo by Andrea Piacquadio from Pexels

疫情之下,您有轉為在家工作嗎?

數位化大大方便了線上協作,例如使用 Microsoft Office 365 或者 Google G Suite 在雲端儲存和處理辦公室文件,只要有智能裝置和互聯網,在公司、在家、在任何地方工作都無問題。除了輸出文件和簡報,資料搜集、做筆記和撰寫草稿等也是不少白領的日常事務,所以雲端筆記本自然也是必備的工具。

利用數位筆記本把所有記事、點子、清單、提醒事項都收集起來,不僅比起傳統的紙筆更便攜,也具備更多功能,例如:插入圖片、錄音、錄影、日期提示等。而最強大的是能夠快速搜尋,即使你有比電話簿更厚的資料庫,也能夠輕鬆存取,井然有序地分類、整理。

在 App Store 或 Google Play Store 上,你可以找到很多不同品牌的筆記本應用程式。至於最終選擇哪個應用程式 …

Chris K.Y. Fung

我是一位博客作者和開發人員,香港理工大學MPhil畢業,多年在大學從事研究工作,喜歡學習多元化知識和技術。歡迎有共同興趣的人士,共享交流創業、在家工作及數碼科技等話題。View my English profile on about.me/chriskyfung

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store