Jeff Wu's Note

Archives · All

Home

About

Archives

loading..
Notegithub

從 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
loading..
Noteconvert

寫個 script 把 hexo asset 語法轉換成 markdown

部落格改版好一陣子沒有更新部落格了,之前的工作都主要是內部分享,大部分的筆記也都寫在內部的 wiki 上。最近看了一下 Lighthouse 的分數,發現分數頗低,一開始想直接分析列出的問題逐一解決掉,但感覺沒有什麼效率,雖然可以練習,但懶惰的我還是直接換一個 Theme 吧。 這次選了一個 hexo-theme-Claudia 的佈景主題,如同目前正在看的畫面,風格還滿簡潔的,有興趣的話可以去看看。 關於圖片標記問題Hexo 支援了 asset_img 語法來插入圖片,但我個人還是偏好使用 Markdown 的語法。因此,我考慮將 Hexo 內建的圖片插入語法轉換成 Markdown 語法。畢竟在未來若要更換主題時,大多數主題都使用 Markdown 語法來插入圖片。雖然繼續使用 Hexo 內建的語法也能..

Read more

TypeScript 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
loading..
capacitorhybrid appionic 4

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 plugingeolocation

[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
167891015