編輯環境
目前使用純 HTML 語法撰寫網站，
本地端使用 Brackets 作為編輯器，
資料同步儲存於 Drobpox 中，
使用 Git 與 GitHub 作為版本控制系統，
利用
pythonanywhere 免費發布網站內容。
使用：
- HTML5 # 練習純粹的 HTML5 來編寫
- Brackets # 作為開發用的編輯器，專為網頁設計開發的編輯器。Live Preview 是很方便的功能。
- Dropbox # 作為開發時的資料儲存，可以用於異地編輯。
- Git/GitHub # 版本控制
- pythonanywhere # 發布伺服器
系統目的
目的是達到 1. 系統化的學習 (motivation)、2. 建造實用的知識庫
實作的經驗 優於 詳細的紀錄
建造實用的資料庫以用於輔助實作
人腦對於記憶效果非常的差，因此把學習後的內容存在電腦裡 ，幫助人腦使用已經學過的知識。需要記憶的內容存在電腦裡， 使用知識的時候只要喚醒 ( arouse ) 內容就好。
藉由重複更新和編寫系統化的文章，達到類似於編寫程式的創作流程， 來自於 Test-Driven Development (TDD) 中的流程不斷的重構。
實用的知識庫，(儲存精煉中的素材與最終的實用個人經驗)
- Toolbox
學習動力 (power) 推動工作執行 :
- Quests
- Learning Path
文章類型
文章類型分為:
AboutSystem, Ideas, Questions, Achievements, Record, Toolboxes, Quests, Learning Path (big Map), Display Toolboxes, Display Quests
About System
說明系統目的與各種文章類型設計原因。
作為系統說明書與未來改進的依據。
Ideas
紀錄突發奇想的靈感並且在之後整合進入系統中。
Questions
統整所有系統中的問題，作為問題集去檢視且回答。
提醒自己過去有興趣的問題。包含已解答與未解答的。
Achievements
紀錄自己成功的經驗，藉此抽象化成功的方式，
利用於下一次的活動。
Record
繼續瑣碎且需要持續紀錄的內容，
儲存不會刪除的內容，但可以更改。
例如健身日記、所擁有的實體書、所煮過的菜色。
(舊版 list subject 改制)
Toolbox
文章結構：
知識框架 main ideas,
大地圖-骨架超連結 skeleton and hyperlink,
實用的工具箱 tools simple to hard,
素材地圖 materials map,
素材精煉中 materials refining
工具箱的內容，全部是依據個人實作經驗與以實用為目的製作的， 依據難度延伸排序，從最簡單的至越來越複雜困難的 (simple to
complex)。內容需要是可運行的 (workable)。
實作流程：
1. 素材地圖收集素材 materials map，
2. 素材精煉 material refining，紀錄半成品，
3. 以素材內容實作，產生個人經驗，並且以實用為目的製作良好的工具 (tool)。
知識框架 main ideas，用簡單的描述表達各種概念與注意事項 (心法) 。
大地圖-骨架超連結 skeleton and hyperlink，放置資料搜尋時的連結清單，並且同時可以看到知識全貌 。
Quests
仿照遊戲的任務系統，
勇者的任務領用，
作為有樂趣的動力系統，
任務需要有可以執行的步驟，越具體越好。
(舊版 Working Part Subject 改制)
Learning Path
大地圖
不迷失在散落的任務中，
需要一個長期的路徑規劃。
紀錄需要包含時間區段，
為了輕易檢視任何時間段所完成的任務。
Display Toolboxes
工具庫的展示頁面，
以有趣與實用為主題，
(舊版 List, List Subject 改制)
Display Quests
任務展示頁面，展示與追蹤任務，
包含 1. 巨大的任務牆、2. 領用的任務追蹤
執行中的任務、完成的任務。
(舊版 Working Part 改制)
精鍊符號:
+ number: 每次工具能力實質成長時使用。