Hackfoldr 2.0 功能列表

編輯歷史

時間	作者	版本
2017-03-26 13:08 – 13:12	黃舒瑄	r2848 – r2986
顯示 diff （92 行未修改）需要擁有 ethercalc 的好看網址，又希望使用 google spreadsheet 當資料來源時，可將 ethercalc 設定為跳板，自動導向到指定的 google spreadsheet，詳附錄（javascript） + 作法: + step1: 在beta.hackfoldr.org/(key上你想要的英文代號) + ex :http://beta.hackfoldr.org/205eocstep2: ｃ會現一個ethercalc的表格，在其a1欄填上google spreadsheet id 即可 + + 白本區內容移至 Hackfoldr 2.0 教學 - 架設自己的 hackfoldr （1 行未修改）
2014-09-07 04:27 – 04:37	ET Blue	r2831 – r2847
顯示 diff （92 行未修改）需要擁有 ethercalc 的好看網址，又希望使用 google spreadsheet 當資料來源時，可將 ethercalc 設定為跳板，自動導向到指定的 google spreadsheet，詳附錄（javascript） - 白牌打包 - - - 只要 - 擁有一個頂層網址 - 擁有一個 github 帳號 - 就可以打 fork 於自己的 hackfoldr 。 - - 自架 hackfoldr 的好處： - 可自訂首頁打開的預設 foldr - 以開隱藏的快捷選單，把自用連結內建到 hackfoldr 導覽列裡 - 可自訂關連的 hackpad 站台 - - 步驟 - - fork github repo - 到 https://github.com/hackfoldr/hackfoldr-2.0 按右上角 Fork 按鈕 - - 修改 github repo 的 CNAME 檔案 - 內容改成你想使用的網址，範例：https://github.com/hackfoldr/hackfoldr-2.0/blob/master/CNAME - - 使用域名管理服務設定網址，例如 amazon 的 router 53 - 設定範例： - name: hack.etblue.tw. - type: CNAME - value: etblue.github.io - evaluate target: - - health check id: - - ttl: 300 - - 等待域名生效 - 一般來說不會太久，十分鐘之類的，除非 TTL 設定成超長時間 - - 等待期間，可先自訂你的 hackfoldr - 打開你的 repo，切換到 gh-pages branch - 打開你的 repo 裡的 index.html 檔案，按鉛筆按鈕編輯 https://github.com/hackfoldr/hackfoldr-2.0/blob/gh-pages/index.html - 依樣畫葫蘆做這幾件事情 - https://github.com/moztw/hackfoldr-moztw/commit/73f712e028f7dd446750dde4aa9e90cda4a48bda - https://github.com/moztw/hackfoldr-moztw/commit/a08f238e2e32b61273827943b1d3b4f5f21c67ab - https://github.com/moztw/hackfoldr-moztw/commit/ccb57c3541c2ba370161bae7a3683a99a861dfe4 - https://github.com/moztw/hackfoldr-moztw/commit/dba706726b0cb0004e74ad9ff5cf9a816367deb8 - - 使用 master branch 開發 - - 如果你想要用 jade, sass 以比較有效率的方式編輯源碼，可回 master branch，但就需要另外設定開發環境。有兩種環境同時都可以作用： - - fire.app - ( ET Blue 待補) - - gulp.js - ( Lee 待補) - 在 master branch 開發時使用自動 deploy - - 在 master 開發完後需要 deploy 到 gh-pages 才會生效。deploy 時，可以在 master 產生出 .html .css 後手動下指令 merge 到 gh-pages，也可以讓程式自動幫我們跑指令。其中，自動 deploy 的方式有兩種，目前是採用 travis ci 做全自動 deploy。 - - 半自動 deploy script - ( ET Blue 待補) - - 全自動 travis ci - 想要使用 travis ci 的話，repo 裡的 travis ci 的 key 要改成你自己的才會生效。替你的 repo 設定 travis ci 需要做以下步驟： - ( Lee 待補) - - 附錄Hackfoldr 2.0 儲存格語法 + 白* + 本區內容移至 Hackfoldr 2.0 教學 - 架設自己的 hackfoldr + 本區內容移至 Hackfoldr 2.0 儲存格語法
2014-09-07 04:27	(unknown)	r2830
顯示 diff （157 行未修改）
2014-09-07 04:06 – 04:27	ET Blue	r2400 – r2829
顯示 diff （133 行未修改） https://github.com/moztw/hackfoldr-moztw/commit/ccb57c3541c2ba370161bae7a3683a99a861dfe4 https://github.com/moztw/hackfoldr-moztw/commit/dba706726b0cb0004e74ad9ff5cf9a816367deb8 - *附錄：編輯試算表時，可以在儲存格內使用的語法 - # ，解 (任一行裡的任何一子 - 一行裡面，有任一格子的開頭是 # 號，整行當會被標記成註解，標記成註解以後，就可以亂寫，不會影響到左邊的選單 XD 註解通常是用來留言給協訴其他人哪一格不要動之類的事情 - google spreadsheet id (A1) - A1 格子的內容如果不是註解，而且又 >= 40 字元，會被當作是 google spreadsheed id 解讀， - 此時資料來源轉由 google spreadsheet 提供，ethercalc 本身只扮演提供好看網址的跳板。 + 使用 master branch 開發 - 網址 (A coulmn)# - 就是網址… - >，選單層級 (A coulmn)#u 代表接下來的連結是 top level，不會被收在 subfoldr 裡面 - 標題 (B column) + 如果你想要用 jade, sass 以比較有效率的方式編輯源碼，可回 master branch，但就需要另外設定開發環境。有兩種環境同時都可以作用： - 從上面數來第一個有資料的 B column 格子，就是 foldr 標題。在這之後： - 當網址 A column 沒有資料時，B column 就是 subfoldr 標題 - 當網址 A column 有資料，且不是 < 或 > 時，B column 就是連結標題 - t項 (C column) + fire.app + ( ET Blue 待補) - foldr 標題的選項： - de/u - 隱藏後台，按鉛筆按鈕時試算表不會出現。但內行的人在網址輸入 /edit 還是可以看到試算表 - sortable(f - 不可排序，按鉛筆按鈕後選單的拖曳排序功能不會啟動 - subfoldr 的選項： - pand(s - 預設展開 - collapse - 預設收合 - 如果沒特別設定，連結項目在 3 個以下的 subfoldr 會自動展開，超過 3 個的 subfoldr 會自動收合 - link item 的選項： - ank(l - 在新視窗打開連結 - 如果沒特別設定，一些已知的不可內嵌的網頁會自動設定成在新視窗打開 - 標籤 (D column), for link items only - l格式： - 標籤內容 - 會用預設的顏色（灰色）顯示標籤內容 - 標籤顏色標籤內容 - 會用指定的顏色顯示標籤內容 - 標籤顏色選項： - 深色系 - black - deep-green - teal - deep-blue - deep-purple - red - orange - 淺色系 - gray - green - blue - purple - pink - yellow + gulp.js + ( Lee 待補) + 在 master branch 開發時使用自動 deploy + + 在 master 開發完後需要 deploy 到 gh-pages 才會生效。deploy 時，可以在 master 產生出 .html .css 後手動下指令 merge 到 gh-pages，也可以讓程式自動幫我們跑指令。其中，自動 deploy 的方式有兩種，目前是採用 travis ci 做全自動 deploy。 + + 半自動 deploy script + ( ET Blue 待補) + + 全自動 travis ci + 想要使用 travis ci 的話，repo 裡的 travis ci 的 key 要改成你自己的才會生效。替你的 repo 設定 travis ci 需要做以下步驟： + ( Lee 待補) + + 附錄Hackfoldr 2.0 儲存格語法
2014-09-03 16:50 – 16:50	lanfon	r2398 – r2399
顯示 diff （183 行未修改）
2014-08-09 10:57 – 11:11	ET Blue	r2139 – r2397
顯示 diff （98 行未修改）擁有一個頂層網址擁有一個 github 帳號 - 就可以打造屬於自己的 hackfoldr 介面，可以打開隱藏的快捷選單，把自己需要的常用連結內建到 hackfoldr 導覽列裡。詳細步驟：(tbd) - 附錄：編輯試算表時，可以在儲存格內使用的語法 + 就可以打 fork 於自己的 hackfoldr 。 + + 自架 hackfoldr 的好處： + 可自訂首頁打開的預設 foldr + 以開隱藏的快捷選單，把自用連結內建到 hackfoldr 導覽列裡 + 可自訂關連的 hackpad 站台 + + 步驟 + + fork github repo + 到 https://github.com/hackfoldr/hackfoldr-2.0 按右上角 Fork 按鈕 + + 修改 github repo 的 CNAME 檔案 + 內容改成你想使用的網址，範例：https://github.com/hackfoldr/hackfoldr-2.0/blob/master/CNAME + + 使用域名管理服務設定網址，例如 amazon 的 router 53 + 設定範例： + name: hack.etblue.tw. + type: CNAME + value: etblue.github.io + evaluate target: - + health check id: - + ttl: 300 + + 等待域名生效 + 一般來說不會太久，十分鐘之類的，除非 TTL 設定成超長時間 + + 等待期間，可先自訂你的 hackfoldr + 打開你的 repo，切換到 gh-pages branch + 打開你的 repo 裡的 index.html 檔案，按鉛筆按鈕編輯 https://github.com/hackfoldr/hackfoldr-2.0/blob/gh-pages/index.html + 依樣畫葫蘆做這幾件事情 + https://github.com/moztw/hackfoldr-moztw/commit/73f712e028f7dd446750dde4aa9e90cda4a48bda + https://github.com/moztw/hackfoldr-moztw/commit/a08f238e2e32b61273827943b1d3b4f5f21c67ab + https://github.com/moztw/hackfoldr-moztw/commit/ccb57c3541c2ba370161bae7a3683a99a861dfe4 + https://github.com/moztw/hackfoldr-moztw/commit/dba706726b0cb0004e74ad9ff5cf9a816367deb8 + *附錄：編輯試算表時，可以在儲存格內使用的語法 # ，解 (任一行裡的任何一子（45 行未修改）
2014-08-08 17:57 – 18:48	ET Blue	r1376 – r2138
顯示 diff （5 行未修改）時光麵包屑 - 按時鐘按鈕，可以找到之前看過的 foldr。 - 在同一台電腦、同一個瀏覽器看過的 foldr，都會被記住。實作方式是使用 html5 的 local storage。 + 按時鐘按鈕，可以找到之前看過的 foldr（html5 local storage） + 在同一台電腦、同一個瀏覽器看過的 foldr，都會被記住說明文件連結 - 按問號按鈕，以連到預說明文件 foldr - 。說明文件是 hackpad，所以可以直接在文件上留言發問或回報臭蟲。 + 按問號按鈕，以連到預說明文件 foldr + 。說明文件是 hackpad，所以可以直接在文件上留言發問或回報臭蟲（html href）伸縮鏡頭 - - 按放大鏡按鈕，可以單獨放大右邊內容區域。 - 在同一台電腦、同一個瀏覽器設定的放大比例，都會被記住，下次打開任一 foldr 都會套用之前設定的放大比例。實作方式是使用 html5 的 local storage。 - 全螢幕 - 按 < 按鈕，可以把側邊欄收起來，讓內容放大到全螢幕 -3rem。 - 這個功能只有在 desktop layout 會用到。 + 按放大鏡按鈕，可以單獨放大右邊內容區域（css zoom / transform） + 在同一台電腦、同一個瀏覽器設定的放大比例，都會被記住，下次打開任一 foldr 都會套用之前設定的放大比例（html5 local storage） + 全螢視窗 + 按 < 按鈕，可以把側邊欄收起來，讓內容放大到全視窗 -3rem（jquery） + 這個功能只有在 desktop layout 會用到自分享頁 - 按 oldr - 標題，可以回到 foldr 首頁，網址列上面會出現漂亮的、容易分享的網址。 - 從 foldr 首頁進入，會自動秀出第一個連結網頁的內容。 + 按 oldr + 標題，可以回到 foldr 首頁，網址列上面會出現漂亮的、容易分享的網址（javascript） + 從 foldr 首頁進入，會自動秀出第一個連結網頁的內容（javascript）分分享內頁 - 按選單上的連結，網址列上面會出現該內頁的獨立網址。 - 從內頁獨立網址進入，會自動秀出指定的內頁。 + 按選單上的連結，網址列上面會出現該內頁的獨立網址（javascript） + 從內頁獨立網址進入，會自動秀出指定的內頁（javascript）開 subfoldr - + 按一下 subfoldr 標題可以展開或收合（semantic ui accordion） + 從內頁獨立網址進入，包含那個網址的 subfoldr 會自動展開（jquery） + 沒有特別指定的話，包含三個以下項目的 subfoldr 會預設展開（jquery）行動版 - 後台編輯與權限控管 + 視窗寬度在 1024px、640px、480px 時各自會套用不同的版面（ css media query） + 手機或平板上畫面不會被瀏覽器自動縮小（css viewport） + 自動圖示 + 會在新分頁打開的連結，會自動標註新分頁圖示（jquery） + 常用服務如 hackpad、gdocs、youtube、kktix …等的連結項目，會顯示對應的圖示（handlebars） + 目前沒有直接取 favicon 來用，是因為各家 favicon 設計品質良莠不齊，怕破壞畫面… XD + 後台編輯與權限控管（2 行未修改）定 foldr 網首頁址 - ethercalc id（如果沒跟別人撞名的話） - google spreadsheet id + 好記網址：ethercalc id，如果沒跟別人撞名的話（ethercalc） + 隱密網址：google spreadsheet id（google docs） - 從 foldr 首頁直達編輯台新首頁網址後面加 /edit - 在↓gui and spreadsheet↓ + 進入編輯模式 + 首頁網址後面加 /edit（javascript） + 按鉛筆按鈕（jquery） + + ↓gui and spreadsheet↓ foldr 中加入址址 - 新增 hackpad 文件同時新在 foldr 中加入址到 - 調整選序 + 新編輯模式中按 + 按鈕後填寫表單（semantic ui form） + 編輯模式中在 spreadsheet 手動填入網址與想呈現的標題到正確的欄位（ethercalc） + 增 hackpad 文件同時新在 foldr 中加入址到 + 調編輯模式中按 + 按鈕後填寫表單（semantic ui form） + 編輯模式中在 spreadsheet 手動填入網址與想呈現的標題到正確的欄位。網址可以是 https://.hackpad.com/ 後面接想要的 pad id，如果沒跟別人撞名的話，按下網址會自動打開新的 hackpad（hackpad, ethercalc） + 整選序 + 編輯模式中拖曳左邊的選單項目（jquery ui sortable） + 編輯模式中在 spreadsheet 手動複製、貼上、插入、刪除（ethercalc） gpreadsheet only↓ 替上籤 - 讓讓選單項目新視窗打開 - 新增子資料夾 + 連結網址的 column d 可設定標籤顏色和內容文字（handlebars）讓讓選單項目新視窗打開 - 讓選單項目回到頂層 + 新連結網址的 column c 包含 blank 關鍵字時，該連結會設定為 target = "_blank"（handlebars） + 增子資料夾 - 設定 foldr 選項 - hi定後台編輯權限 + 讓column a 空白，但 column b 有資料時，會被視為子資料夾（javascript） + 選單項目回到頂層 - 設定跳板 + 設column a 開頭為 < 號時，以下的連結項目會被歸到 subfoldr 之外，變回頂層項目（javascript） + 定 foldr 選項 + hifoldr 標題列的 column c 包含 hide 關鍵字時，使用者無法直接從 ui 中打開試算表（javascript） + foldr 標題列的 column c 包含 unsortable 關鍵字時，使用者無法拖曳調整順序（javascript） + 定後台編輯權限 + 設使用 ethercalc 當資料來源時，任何人都可編輯，但可利用鎖定功能來減少誤編（ethercalc） + 使用 google spreadsheet 當資料來源時，可利用 google docs 的權限管理（google docs） + 定跳板 - 白牌打包 + 需要擁有 ethercalc 的好看網址，又希望使用 google spreadsheet 當資料來源時，可將 ethercalc 設定為跳板，自動導向到指定的 google spreadsheet，詳附錄（javascript） + 白牌打包（2 行未修改）擁有一個 github 帳號就可以打造屬於自己的 hackfoldr 介面，可以打開隱藏的快捷選單，把自己需要的常用連結內建到 hackfoldr 導覽列裡。詳細步驟：(tbd) - 附錄：編輯試算表時，可以在儲存格內使用的語法（10 行未修改）從上面數來第一個有資料的 B column 格子，就是 foldr 標題。在這之後： - 當網址 A column 沒有資料時，B column 就是 subfoldr 標題。 - 當網址 A column 有資料，且不是 < 或 > 時，B column 就是連結標題。 + 當網址 A column 沒有資料時，B column 就是 subfoldr 標題 + 當網址 A column 有資料，且不是 < 或 > 時，B column 就是連結標題 t項 (C column) foldr 標題的選項： - de/u - 隱藏後台，按鉛筆按鈕時試算表不會出現。但網址輸入 /edit 還是可以看到。 - sortable(f - 不可排序，按鉛筆按鈕後選單的拖曳排序功能不會啟動。 + de/u - 隱藏後台，按鉛筆按鈕時試算表不會出現。但內行的人在網址輸入 /edit 還是可以看到試算表 + sortable(f - 不可排序，按鉛筆按鈕後選單的拖曳排序功能不會啟動 subfoldr 的選項： pand(s - 預設展開 collapse - 預設收合 - 如果沒特別設定，連結項目在 3 個以下的 subfoldr 會自動展開，超過 3 個的 subfoldr 會自動收合。 + 如果沒特別設定，連結項目在 3 個以下的 subfoldr 會自動展開，超過 3 個的 subfoldr 會自動收合 link item 的選項： ank(l - 在新視窗打開連結 - 如果沒特別設定，一些已知的不可內嵌的網頁會自動設定成在新視窗打開。 + 如果沒特別設定，一些已知的不可內嵌的網頁會自動設定成在新視窗打開標籤 (D column), for link items only l格式：（11 行未修改）淺色系 gray - pink - yellow green blue purple + pink + yellow
2014-08-08 15:39 – 16:01	ET Blue	r1366 – r1375
顯示 diff Hackfoldr 2.0 功能列表 + + 範例：http://hack.etblue.tw/welcome-to-hackfoldr 前台使用者導覽（109 行未修改） teal deep-blue - deep-purple/ + deep-purple red *orange （7 行未修改）
2014-08-08 15:30 – 15:31	劉筱茜	r1362 – r1365
顯示 diff （124 行未修改）
2014-08-08 08:13 – 15:26	ET Blue	r3 – r1361
顯示 diff - H + Hackfoldr 2.0 功能列表 + + 前台使用者導覽 + + 時光麵包屑 + 按時鐘按鈕，可以找到之前看過的 foldr。 + 在同一台電腦、同一個瀏覽器看過的 foldr，都會被記住。實作方式是使用 html5 的 local storage。 + + 說明文件連結 + 按問號按鈕，以連到預說明文件 foldr + 。說明文件是 hackpad，所以可以直接在文件上留言發問或回報臭蟲。 + 伸縮鏡頭 + + 按放大鏡按鈕，可以單獨放大右邊內容區域。 + 在同一台電腦、同一個瀏覽器設定的放大比例，都會被記住，下次打開任一 foldr 都會套用之前設定的放大比例。實作方式是使用 html5 的 local storage。 + 全螢幕 + + 按 < 按鈕，可以把側邊欄收起來，讓內容放大到全螢幕 -3rem。 + 這個功能只有在 desktop layout 會用到。 + 自分享頁 + + 按 oldr + 標題，可以回到 foldr 首頁，網址列上面會出現漂亮的、容易分享的網址。 + 從 foldr 首頁進入，會自動秀出第一個連結網頁的內容。 + 分分享內頁 + 按選單上的連結，網址列上面會出現該內頁的獨立網址。 + 從內頁獨立網址進入，會自動秀出指定的內頁。 + + 開 subfoldr + + + 行動版 + + 後台編輯與權限控管 + + + 指↓gui and browser↓ + + 定 foldr 網首頁址 + + ethercalc id（如果沒跟別人撞名的話） + google spreadsheet id + + 從 foldr 首頁直達編輯台新首頁網址後面加 /edit + 在↓gui and spreadsheet↓ + + foldr 中加入址址 + 新增 hackpad 文件同時新在 foldr 中加入址到 + 調整選序 + + + gpreadsheet only↓ + + 替上籤 + + 讓讓選單項目新視窗打開 + + 新增子資料夾 + + 讓選單項目回到頂層 + + 設定 foldr 選項 + hi定後台編輯權限 + + 設定跳板 + + + + 白牌打包 + + + 只要 + 擁有一個頂層網址 + 擁有一個 github 帳號 + 就可以打造屬於自己的 hackfoldr 介面，可以打開隱藏的快捷選單，把自己需要的常用連結內建到 hackfoldr 導覽列裡。詳細步驟：(tbd) + + 附錄：編輯試算表時，可以在儲存格內使用的語法 + + # ，解 (任一行裡的任何一子 + 一行裡面，有任一格子的開頭是 # 號，整行當會被標記成註解，標記成註解以後，就可以亂寫，不會影響到左邊的選單 XD 註解通常是用來留言給協訴其他人哪一格不要動之類的事情 + google spreadsheet id (A1) + A1 格子的內容如果不是註解，而且又 >= 40 字元，會被當作是 google spreadsheed id 解讀， + 此時資料來源轉由 google spreadsheet 提供，ethercalc 本身只扮演提供好看網址的跳板。 + + 網址 (A coulmn)# + 就是網址… + >，選單層級 (A coulmn)#u 代表接下來的連結是 top level，不會被收在 subfoldr 裡面 + 標題 (B column) + + 從上面數來第一個有資料的 B column 格子，就是 foldr 標題。在這之後： + 當網址 A column 沒有資料時，B column 就是 subfoldr 標題。 + 當網址 A column 有資料，且不是 < 或 > 時，B column 就是連結標題。 + t項 (C column) + + foldr 標題的選項： + de/u - 隱藏後台，按鉛筆按鈕時試算表不會出現。但網址輸入 /edit 還是可以看到。 + sortable(f - 不可排序，按鉛筆按鈕後選單的拖曳排序功能不會啟動。 + subfoldr 的選項： + pand(s - 預設展開 + collapse - 預設收合 + 如果沒特別設定，連結項目在 3 個以下的 subfoldr 會自動展開，超過 3 個的 subfoldr 會自動收合。 + link item 的選項： + ank(l - 在新視窗打開連結 + 如果沒特別設定，一些已知的不可內嵌的網頁會自動設定成在新視窗打開。 + 標籤 (D column), for link items only + l格式： + 標籤內容 - 會用預設的顏色（灰色）顯示標籤內容 + 標籤顏色標籤內容 - 會用指定的顏色顯示標籤內容 + 標籤顏色選項： + 深色系 + black + deep-green + teal + deep-blue + deep-purple/ + red + orange + 淺色系 + gray + pink + yellow + green + blue + purple
2014-08-08 08:13	(unknown)	r2
顯示 diff （1 行未修改）
2014-08-08 08:13	ET Blue	r1
顯示 diff - 0.jmm9642fog5vcxr - - This pad text is synchronized as you type, so that everyone viewing this page sees the same text. This allows you to collaborate seamlessly on documents! + H
2014-08-08 08:12	(unknown)	r0
顯示 diff + 0.jmm9642fog5vcxr + This pad text is synchronized as you type, so that everyone viewing this page sees the same text. This allows you to collaborate seamlessly on documents!