2021年8月17日 星期二

Github Actions 自動 Jekyll 專案部屬 Github Pages

›
自從完成「 Travis CI 自動 Jekyll 專案部屬 Github Pages 完整範例 」很久沒有更新 Github Pages，近期上傳時卻發現CI執行失敗，並不是腳本有問題或編譯過程有錯誤，而是request被拒，所以即使換了Github Token依...
2021年8月15日 星期日

CloudCannon 支援 Jekyll 網站後台管理CMS系統

›
With CloudCannon as your Jekyll CMS, you will have all the tools you need to create amazing static websites. CloudCannon 是線上網站後台管理CMS...
2021年8月14日 星期六

Html 轉 Figma 的小工具 Figma Plugin匯入現有網站

›
Figma 如何匯入現有網站，可以使用  Figma to HTML, CSS, React & more! 快速解決！ 可以先安裝 google chrome 的擴充功能、Figma的擴充功能，再到網站使用 google chrome 的擴充功能匯出 Json，並到 ...
1 則留言:
2021年8月9日 星期一

[Vue.js] 如何建立 Vue3 + webpack5 專案範例

›
以下說明如何使用 webpack5 打包 Vue3 專案，若尚未安裝 webpack5，可以參考「 webpack5 安裝及基礎教學 」。 一、安裝 需要安裝的套件如下，特別需要注意的是，在 Vue3 裡支援副檔名 .vue 的 single-file componen...
2021年8月8日 星期日

webpack5 安裝及基礎教學

›
根據維基百科：「Webpack 是一個開源的前端打包工具。Webpack 提供了前端開發缺乏的模組化開發方式，將各種靜態資源視為模組，並從它生成優化過的程式碼。」，使用前必須安裝 Node.js。 webpack 從版本4.0.0開始，可以不需要設定設定檔( webpack.co...
2021年8月6日 星期五

線上程式碼編輯器 StackBlitz

›
StackBlitz是線上的IDE，可以直接透過瀏覽器編輯專案，還能夠直接預覽。 官網 上提供快速建立 Angular、React等專案的連結，免費版只能建立公開的專案。 另外也提供匯入或下載專案，登入github帳號還可以直接建立新的 Repo 並 sync 到 github ...
2021年8月5日 星期四

安裝 Caddy 發生 ca-certificates 錯誤解決方式

›
按照「 Ubuntu 安裝 web server Caddy 2 」遇到的安裝問題： echo "deb [trusted=yes] https://apt.fury.io/caddy/ /" \ | sudo tee -a /etc/apt/...
2021年2月21日 星期日

【升版指南】Vue 3 宣告事件 emits

›
Vue 3 新增 emits ，可以宣告需要傳遞到上層的事件名稱，而在 Vue2 時不需要宣告： <template> <div> <p v-text="message" /> <button ...

【升版指南】Vue 3 移除 $listeners 後如何跨元件傳遞事件

›
從 Vue2 到 Vue3 會有不兼容的特性，需要特別注意，其中跨元件傳遞資料和事件常用的 $attrs 、 $listeners ，就是其中的一項。 在 Vue3 移除 $listeners ，全部改到 $attrs 裡，因此在 Vue2 裡可能會有這種情況： ...
2020年11月25日 星期三

Ubuntu 安裝 web server Caddy 2

›
安裝 按照指令安裝 Caddy 2 echo "deb [trusted=yes] https://apt.fury.io/caddy/ /" \ | sudo tee -a /etc/apt/sources.list.d/caddy-fury...