從 TravisCI 轉移到 GitHub Action
TravisCI 沒有免費的方案了上一篇提到整理完 Hexo 的部落格後，就開始整理自動化佈署。原本是使用 TravisCI 來做自動化的部署，跳過去看才發現 TravisCI 有要收費了，而 Github 有 Action 可以直接使用，所以就改用 Github Action 來做自動化的部署。只是需要再新增一個設定檔即可。 佈署的操作主要有幾個步驟： 安裝 Hexo CLI 執行 npm insall 安裝相依套件 使用 hexo generate 產生靜態檔案 設定 git 使用者資訊與 token 使用 hexo deploy 佈署到 Github Pages TravisCI yml 配置原本的 TravisCI 的配置檔案是這樣的： os: linux language: node_j..
Read more
寫個 script 把 hexo asset 語法轉換成 markdown
部落格改版好一陣子沒有更新部落格了，之前的工作都主要是內部分享，大部分的筆記也都寫在內部的 wiki 上。最近看了一下 Lighthouse 的分數，發現分數頗低，一開始想直接分析列出的問題逐一解決掉，但感覺沒有什麼效率，雖然可以練習，但懶惰的我還是直接換一個 Theme 吧。 這次選了一個 hexo-theme-Claudia 的佈景主題，如同目前正在看的畫面，風格還滿簡潔的，有興趣的話可以去看看。 關於圖片標記問題Hexo 支援了 asset_img 語法來插入圖片，但我個人還是偏好使用 Markdown 的語法。因此，我考慮將 Hexo 內建的圖片插入語法轉換成 Markdown 語法。畢竟在未來若要更換主題時，大多數主題都使用 Markdown 語法來插入圖片。雖然繼續使用 Hexo 內建的語法也能..
Read moreTypeScript intro and migrating
TypeScript intro and migratingBackgroundIt’s not easy to build a great project that is easy to maintain. Especially when you are in a large company, you have to work with other members. There are many different opinions and ideas even for the simplest of things. Fortunately we have a lot of talent members in RingCentral. We maintain a high quality in our l..
Read more
Capacitor - The Native Bridge for Cross-Platform Web Apps
Hybrid App談到 Hybrid App 你會想到什麼呢？大部分的人都一定會想到 Phonegap 或是 Cordova 吧，這些框架讓我們可以將 Web 封裝成 App 的形式，並且能夠在行動裝置的作業系統上運作，例如 Android, iOS 等主流的行動平台。並且讓我們透過各種原生的 plugin 的方式，以一份原始碼能夠在不同平台上執行的目的，提供開發者更有效率且容易維護的一套解決方案。而 Capacitor 呢？ Native Progressive Web AppsCapacitor 的靈感來自其他熱門的跨平台工具例如： React Native 以及 Turbolinks ， 並繼承 Apache Cordova 和 Adobe PhoneGap 的精神，完全專注於使現代的網站應用能很..
Read more[Cordova Week-5] Cordova Plugin Geolocation
前言來到了第五週，這次要介紹的功能也是時常會用到的，衛星定位功能，無論是在生活還是實務中，一定會用到的功能，因此 Cordova 官方也將 cordova-plugin-geolocation 列為核心套件並持續提供維護。套件支援的平台有 Windows, Android 以及 iOS，這次一樣針對 Android & iOS 的部分來做介紹。 安裝方式安裝方式與前面幾篇介紹的一樣，透過 cordova cli 安裝套件： $ cordova plugin add cordova-plugin-geolocation 初始化在安裝並建置完成之後，套件會建立全域的物件 navigator 下的一個 geolocation 屬性，雖然是全域屬性，但與其它套件一樣，要在 deviceready 觸發之後..
Read more