[Obs＃71] 新手適用的多功能模板外掛：From Template | 簡睿隨筆 | 學習過程的紀錄與備忘

首頁 » Markdown 工具

[Obs＃71] 新手適用的多功能模板外掛：From Template

作者: 日期: 2022/02/19 – 18:03:14尚無留言 | 瀏覽數: 5 / 270

From Template 和先前介紹的 QuickAdd+Templater 方法相比，最大的區別是: 能在一個對話窗裡填好所有的資料，極大地增強了許多用戶體驗。

From Template 能把所有的設定寫在模板檔裡，不用做其他設定或腳本撰寫，非常適合新手或沒有程式設計經驗的朋友們使用。

1. 由模板建立新筆記
2. 由模板建立新筆記後，插入其內部鏈接到目前筆記
3. 選取目前筆記文字填入模板欄位以產生筆記內容

模板 YAML 設定

每個模板可在 YAML 區設定該模板建立筆記時的設定：

• “always”: 一定取代
• “sometimes”: 有選取文字時取代
• “never”: 不取代

| “sometimes”
template-should-create | 是否建立新筆記設定：

• “none”: 不建檔
• “create”: 建檔後不開啟
• “open”: 建檔後開啟在當前窗格
• “open-pane”: 建檔後開啟在新窗格

| “create”

模板欄位

1. YAML 區裡的模板欄位記得要加雙引號

2. 內建欄位:

   1. title: 檔名
   2. body: 多列輸入
   3. templateResult: 模板展開後的內容
   4. currentTitle: 目前筆記檔名
   5. currentPath: 用模板產生筆記時的目前檔案路徑
3. 模板欄位語法格式： | 格式 | 說明 | 語法 | 範例 | | —- | —- | —- | —- | | text | 預設格式，單行輸入 | {{欄名: text: 預設值: 輸入說明}} | {{tags:text:Stephen Kin}} | | area | 多行輸入 | {{欄名: area: 輸入說明}} | {{overview:area:Your overview of this note}} | | choice | 下拉選單 (單選) | {{欄名: choice:Option1:Option2:...}} | {{tags:choice: 專案筆記: 文獻筆記: 永久筆記}} | | multi | 下拉選單 (複選) | {{欄名: multi:Option1:Option2:...}} | {{tags:choice:obsidian: 文獻筆記: 永久筆記}} | | currentDate | 系統日期 | {{欄名: currentDate: 格式字串}} | {{CreatedDate:currentDate:yyyy-MM-dd HH-MM-ss}} |

1. 按〔Ctrl/Cmd+P〕在命令窗格裡找到要使用的模板

2. 在欄位對話窗裡輸入或選擇

3. 按〔Ctrl/Cmd + 數字〕在欄位間移動

4. 按〔Ctrl/Cmd+Enter〕提交對話窗資料

5. 空窗格按〔Ctrl/Cmd+P〕會找不到 From 模板檔。

6. currentDate 的時間格式不能用冒號

7. {{tags}}會被加到標籤清單窗格裡

• mo-seph/obsidian-note-from-template: Simple plugin to create Notes from a template, and fill in fields defined there

＃＃

您可能也會有興趣的類似文章

• [Obs＃72] Step by Step 用 From Template 建立筆記實例操作 (0 則留言, 2022/02/26)
• [Obs＃56] 快速新增靈感／閃念筆記 (Fleeting Note) 的 3 種方法 (0 則留言, 2021/10/10)
• [Obs#12] Obsidian v0.8.4~v0.8.9 的新增功能 (0 則留言, 2020/09/06)
• Obsidian (黑曜石) 筆記軟體的基本操作指引 (0 則留言, 2020/06/23)
• [Obs＃51] QuickAdd 全攻略 (2)：腳本撰寫與巨集使用要點 (0 則留言, 2021/09/18)
• [Obs＃45] 軟體工程師必備的 6 個 Obsidian 外掛 (0 則留言, 2021/08/13)
• [Obs＃59] Obsidian 快速開啟常用筆記（2）：不使用外掛的簡單方法 (0 則留言, 2021/10/27)
• [Obs#15] 在筆記裡複製、使用 obsidian 網址與工作空間的使用 (0 則留言, 2020/10/27)
• [Obs＃53] Text Transporter 文字運輸車：透過書籤在不同筆記之間搬運文字 (0 則留言, 2021/09/25)
• [Obs＃57] YAML 區 tags 標籤自動補全的 3 種方法 (0 則留言, 2021/10/23)
• [Obs＃22] 讓有效學習更簡單！Markdown 匯出到 Anki | 使用 Flashcards 外掛 (0 則留言, 2020/12/12)
• [Obs＃27] Timelines：時間軸外掛 (0 則留言, 2021/03/12)
• [Obs＃31] 美化提示方塊的外掛：Admonitions 和方便選用的 AutoHotkey 腳本 (0 則留言, 2021/04/05)
• [Obs＃18] v0.9.16 YAML 增強功能: tags 與 aliases (0 則留言, 2020/11/20)
• [Obs＃35] Buttons 外掛開啟筆記自動化操作契機
  (0 則留言, 2021/04/23)

標籤: Markdown, obsidian

首頁 » HTML/JavaScript/CSS 網頁設定

超實用！前端 (網頁) 開發小工具：假文、假圖與 AI 臉孔

作者: 簡睿 日期: 2022/02/20 – 21:53:26尚無留言 | 瀏覽數: 1 / 229

1. 隨機圖片 (假圖)API

網址：https://picsum.photos/

1. 正方形圖片：https://picsum.photos / 寬
2. 矩形圖片：https://picsum.photos / 寬 / 高
3. 確保取到不同的圖：附加 ?random = 數字
4. 取灰階圖：附加 ?grayscale
5. 模糊化：附加 ?blur

2. AI 臉孔 (假臉)API

網址：https://generated.photos/

需要申請 API Key，免費版每月只能調用 50 次

2.1. 網址選項

• 說明：https://generated.photos/account#apikey | 選項 | 能使用的值 | | —- | —- | | emotion (情緒) | joy, neutral, surprise | | gender (性別) | male, female | | age (年齡) | infant, child, young-adult, adult, elderly | | ethnicity (種族) | white, latino, asian, black | | eye_color (朣孔顏色) | brown, blue, gray, green | | hair_color (髮色) | brown, blond, black, gray, red | | hair_length (頭髮長度) | short, medium, long | | order_by (排序) | latest, oldest, random, Default: latest. | | page (頁數) | 取回的頁數，預設是 1 | | per_page (每頁個數) | 最大 100，預設 10 |

2.2. API 使用範例

3. 免費 AI 臉孔網站與 API

網站：https://100k-faces.glitch.me/
說明：ozgrozer/100k-faces: API for 100,000 AI generated faces
圖片來源：https://generated.photos

3.1. 使用方法

1. 直接存取隨機圖片 /random-image

1. 取回帶有圖片網址的 JSON 回應: https://100k-faces.glitch.me/random-image-url

{"url":"https://ozgrozer.github.io/100k-faces/0/1/001343.jpg"}

4. 免費臉孔網站與 API

網址: https://randomuser.me/
說明: https://randomuser.me/documentation#howto

4.1. 網址選項

<script>
  async function getFace() {
    // gender=female
    let response = await fetch("https://randomuser.me/api/?results=3", {
      method: "GET"
    });
    let result = await response.json();
    document.getElementById("img1").src = result.results[0].picture.medium;
    document.getElementById("img2").src = result.results[1].picture.medium;
    document.getElementById("img3").src = result.results[2].picture.medium;
  }
  getFace();
</script>

5. SVG 圖示

網址: https://heroicons.dev

免費的 SVG 圖片，方便製作按鈕的圖示。

6. 中英文假字、文章產生器

網址: http://www.richyli.com/tool/loremipsum/

• MoreText.js: 一用就愛上的中文假文產生器
• 中文假文產生器
• 中文假字生成器 | Chinese Lorem ipsum Generator
• 唬爛產生器

7. 教學影片

＃＃

您可能也會有興趣的類似文章

• 把網路空間當成本機資料夾：Gladinet (2 則留言, 2009/01/04)
• 初試 AJAX：中文的傳遞與接收 (0 則留言, 2007/03/16)
• IE 和 FireFox 存取同名物件有不同的作法 (0 則留言, 2007/04/08)
• [Obs＃27] Timelines：時間軸外掛 (0 則留言, 2021/03/12)
• 將 IE 網頁轉換成 FireFox 也能執行 (0 則留言, 2007/02/28)
• 撰寫 API 規格文件的利器：API Blueprint 與 aglio (2 則留言, 2016/12/14)
• [Blog] 在文章底部隨機顯示相關文章的功能說明 (6 則留言, 2007/04/26)
• 幫 Trac 加上 TiddlyWiki 的雙擊快速編輯功能 (0 則留言, 2007/08/10)
• 事件處理程式與物件的順序對 FireFox 很重要 (0 則留言, 2007/03/02)
• [Database] Aqua Data Studio 4.0.2 推出 (0 則留言, 2005/02/23)
• 網頁程式碼美化程式 Google Code Prettify (0 則留言, 2007/05/27)
• 自動填 Google 搜尋的輸入字串：Xuite 自動書籤按鈕 V1.4 (9 則留言, 2007/03/13)
• Google Reader 快速訂閱的 FireFox 擴充 (2 則留言, 2007/06/16)
• [Obs＃51] QuickAdd 全攻略 (2)：腳本撰寫與巨集使用要點 (0 則留言, 2021/09/18)
• 使用 Inno Setup 包裝安裝程式的備忘 (2 則留言, 2014/03/21)

標籤: Web Services
http://jdev.tw/blog/6993