2020年10月16日 星期五

Ubuntu 20 安裝及建立 Angular 專案

›
請先安裝 node.js sudo apt update sudo apt install build-essential libssl-dev curl https://raw.githubusercontent.com/creationix/nvm/v0.36.0/ins...
2020年9月7日 星期一

Asciidoctor 專案使用 Travis CI 自動部屬程式範例

›
Asciidoctor可以轉成 HTML 格式，所以可以使用 Travis CI 自動將 progit book 專案上傳到 github pages。 一、新增 .travis.yml 先將專案編譯成 HTML 等，並將相關的檔案放到新建的目錄 /publc 。 sc...
2020年7月21日 星期二

[Vue.js] $ref 和 directive 操作 DOM 的兩種方式及範例

›
以下整理 Vue 兩種操作 DOM 的方法。程式碼內容是根據輸入的數字來決定 div 的高度，這些範例僅是方便了解使用的方式，不代表這類的需求適合使用。 一、自訂索引名 ($refs) 自訂索引名有點像是 id 一樣，假設在元件上設定 ref myBlock ，就可以用 ...
2020年6月25日 星期四

Travis CI 自動 Jekyll 專案部屬 Github Pages 完整範例

›
了解如何「 [Github] 在github.io建立免費的網站 」，搭配使用 Jekyll 可以讓部落格或靜態網站的撰寫更加便利，完成內容的更新後，可以透過指令編譯 _site 的目錄，轉成瀏覽器可讀的格式，最後將目錄上傳到web server。 這些流程可以使用 Trav...

Travis CI 快速部屬 Jekyll + Asciidoctor

›
Github.io可以支援markdown，若要 asciidoctor 進行編輯，可以透過 Jeykll 在 github 上提供的專案，免去複雜的設定，快速完成布署。內容是參考 README ，作業系統為 Ubuntu，統整成下面的步驟： 一、安裝 靜態網頁部落格工具 ...
2020年5月28日 星期四

靜態網頁部落格工具 Ruby + Jekyll 安裝教學

›
一、安裝Ruby 作業系統為Ubuntu 20，指令如下： sudo apt update sudo apt install ruby-full build-essential zlib1g-dev 設定用戶的環境變數，應避免用root安裝Ruby Gems。 echo ...
2020年5月26日 星期二

Asciidoctor + VS Code安裝外掛套件快速開發、預覽功能

›
一、安裝套件 方法一 (1) 按快捷鍵 [ctrl] + [P] (2) 輸入下面的指令: ext install joaompinto.asciidoctor-vscode (3) 按 [Enter] 送出 方法二 (1) [View] → [Extensi...
2020年5月21日 星期四

Asciidoctor 安裝及入門範例

›
Asciidoctor 是使用純文字編輯的文檔格式，與 Markdown 用途相近( 用法比較 )，利用特定的標記可以呈現為HTML、PDF等其他格式，可以根據排版的需求搭配css或模板進行輸出。上一篇「 ubuntu18 + python2 文件編輯 AsciiDoc 安裝說...
2020年5月1日 星期五

ubuntu18 + python2 文件編輯 AsciiDoc 安裝說明

›
基本上 AsciiDoc 已經停止更新，2017年已經發布了最終版本，並表示不再更新，當然 asciidoc 仍可繼續使用，直到停止支援 python2。既然都明寫建議用戶轉移使用 Asciidoctor (底層是Ruby) 或支援 Python3 的 asciidoc-p...
2020年3月31日 星期二

[Git] 手動安裝 git 2.6 + 新指令 sparse-checkout

›
sparse checkout 的功能可以讓使用者追蹤儲存庫裡特定的資料夾或檔案，不需要clone整個專案。新版本 git 2.6 有新指令 sparse-checkout 讓操作更簡單方便，關於 sparse-checkout 的設定方法可以參考「 [Git] 如何使用 s...