Quantcast
Channel: 簡睿隨筆
Viewing all 904 articles
Browse latest View live

讓人稍減工作壓力的跑步貓RunCat,Windows & macOS

$
0
0

  • 作者:Kyome22
  • 跑步選手:奔跑貓咪與搖頭鸚鵡

01

RunCat 功能

依據CPU的使用率在工作列(Windows)或選單列(MacOS)裡奔跑的貓咪,CPU使用率越高貓咪跑得越快。

操作重點

  1. Windows直接執行RunCat.exe即可
  2. 若沒有顯示在工作列,則由系統匣選單裡拖拉到工作列
  3. 滑鼠游標移入時會顯示CPU使用率
  4. 滑鼠右鍵可選擇選手與顯示主題

相關鏈接

教學影片

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


[Obs#61] 提升操作效率的外掛:Pane Relief、Recent Files、Show Current File Path

$
0
0

介紹 4 個可快速提升操作效率的Obsidian外掛:

  1. Pane Releif:當前面板的歷史筆記切換
  2. Recent Files:開啟過的筆記歷史
  3. Show Current File Path:顯示並複製筆記路徑
  4. Customizable Page Title:自訂筆記的快捷圖示

1. Pane Relief

  1. 在左上角顯示←後退、前進→與其計數
  2. 點擊〔←〕將面板切換成前一個筆記,點擊〔→〕將面板切換成後一個筆記
  3. 按右鍵可顯示筆記清單
    1. 點擊某筆記後,面板切換成該筆記
    2. 按著〔Ctrl〕在筆記上停留顯示其內容
    3. 按著〔Ctrl〕拖拉到當前筆記可建立內部鏈接
    4. 按著〔Ctrl〕拖拉到檔案瀏覽器以搬移資料夾位置

筆記標題列添加面板序號

使用CSS片段加入下列CSS即可在每個面板的標題列添加序號:

/* Number panes in their headers */
.workspace-split.mod-root .workspace-leaf .view-header-icon::before {
    content: "";
    display: inline-flex;
    position: relative;
    bottom: 3px;
    min-inline-size: 1em;
}

.workspace-split.mod-root .workspace-leaf.has-pane-relief-label .view-header-icon::before {
    counter-reset: pane-number var(--pane-relief-label);
    content: counter(pane-number);
}

小問題
標題文字過長時會造成序號與圖示顯示異常。

2. Recent Files

  1. 在側邊欄顯示開啟過的筆記清單
  2. 〔Click〕開啟在當前面板
  3. 〔Ctrl+Click〕開啟在新面板
  4. 按著〔Ctrl〕在筆記上停留顯示其內容
  5. 按著〔Ctrl〕拖拉到筆記可建立內部鏈接
  6. 按著〔Ctrl〕拖拉到檔案瀏覽器以搬移資料夾位置

3. Show Current File Path

在外掛選項裡啟用【Show file name】在狀態列顯示筆記的完整路徑,點擊顯示的路徑可複製完整的檔名路徑。

4. Customizable Page Title

在外掛選項裡自訂要顯示在面板右上角的快捷圖示按鈕,可將常用的命令加到標題列。

相關鏈接

教學影片

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

[Obs#62] Obsidian搜尋全攻略

$
0
0

搜尋基本語法

  • 用空白分隔的是AND查詢,檔名或檔案內容同時存在搜尋字串時條件成立,標示任一個搜尋字串。
  • 加上 OR 變成A或B任一個存在的「或」搜尋。OR必須大寫
  • 多重搜尋字串外面加上括號可形成子查詢(Sub-query)

搜尋操作

不精準匹配

  • 多個條件時,OR的字串前後最好加上括號,以免發生語意錯誤

精準匹配

  • 關鍵字加上雙引號形成精準匹配,例如用”IDEA”搜尋時,GoodIDEA不會成立,用IDEA搜尋時,GoodIDEA會成立

限制條件

  • 限定特定資料夾:path:200-A目標 (“IDEA” OR db)
  • 檔名的部份匹配用file:

01

  • 只找內容不找檔名時使用content:

02

  • match-case::匹配大小寫,path:200-A目標 match-case:("IDEA" DB)
  • tag:標籤:匹配標籤,井號可不輸入;不能用子查詢
    • path:200-A目標 tag:IDEA tag:db 兩個標籤同時存在
  • block:():匹配區塊,一個段落裡符號搜尋字串
  • section:():匹配區段(兩個標題間的內容形成一個區段)
  • line:():匹配一行

正則運算式

搜尋字串會斜線括住。

title: 格式
/正則運算式/

範例:
/^test/
/test$/

相關鏈接

教學影片

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

[IDEA#14] 即時網頁重整:IDEA外掛Live Edit的使用技巧

$
0
0

IntelliJ IDEA Ultimate Edition有兩個對HTML網頁執行即時編輯的方法:

  1. 使用內建的瀏覽器預覽
  2. 透過Live Edit外掛開啟受控制的Chrome瀏覽器

內建瀏覽器設定

  1. 【Settings】→【搜尋browser】→【Web browsers amd Preview】→將【ReLoad page in built-in preview】改成【On Change】,當編輯器修改網頁後,內建瀏覽器自動重整
  2. 【Show browser popup in the editon】→勾選【For HTML files】讓編輯HTML檔案時顯示瀏覽器選單

外掛Chrome瀏覽器設定

  1. 由Marketplace安裝Live Edit外掛
  2. 【Settings】→【搜尋browser】→【Web browsers amd Preview】→勾選Chrome瀏覽器,再點擊其上的編輯
  3. 勾選【Use custom user data directory】
  4. 若測試時瀏覽器無法即時重整時,在Command line options輸入選項:--remote-debugging-port

內建瀏覽器測試

  1. New→Project…→JavaScript→HTML5 Boilerplate
  2. 編輯index.html
  3. 點擊IDEA圖示
  4. 在編輯器輸入任意文字,觀察內建瀏覽器是否即時變更

外部瀏覽器測試

  1. 編輯index.html
  2. 按右鍵→Debug index.html
  3. 在編輯器輸入任意文字,觀察Chrome瀏覽器是否即時變更

版本資訊

  • 使用的是IDEA Ultimate 2021.2.3
  • Chrome瀏覽器版本:96.0.4664.45 (正式版本) (64位元)

相連鏈接

教學影片

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

[Obs#63] 將Chrome瀏覽器書籤匯出成Markdown的方法

$
0
0

1. 匯出Chrome書籤

  1. 右上角 … →書籤→書籤管理員 (或按Ctrl+Shift+O)
  2. 右上角 … →匯出書籤

2. HTML轉換成Markdown

方法1. 用Google搜尋轉換網站

方法2. 用pandoc

pandoc語法

pandoc 原始HTML檔名 -f html -t markdown -o 輸出檔名.md

3. 修改Markdown內容

以下使用EmEditor編輯器操作。

1. 添加項目符號

  1. 使用有正則運算式的文字編輯器編輯.md檔
  2. 將「^[」替換成「- [」

2. 移除額外內容

書籤的標題會帶有以「{」開頭的額外的字串:

### 書籤列 {#書籤列 add_date="1577202603" last_modified="1602177634" personal_toolbar_folder="true"}
  1. 使用有正則運算式的文字編輯器編輯.md檔
  2. 將「^### (.) {(.)}」替換成「### \1」

4. 建立書籤筆記

將.md檔內容複製到筆記裡。

教學影片

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

[IDEA#15] 使用IntelliJ IDEA的Inject Language來加速JSON/SQL字串的編輯

$
0
0

在Jave程式裡要插入複雜的JSON或SQL內容時,人工編輯經常出錯,此時可以使用IDEA的注入語言(Inject language)功能來開啟編輯分頁,除了方便,正確率也可大幅提升。以下是操作步驟。

1. 啟用外掛 IntelliLang

語言注入的功能是透過IntelliLang外掛來達成的,因此必須啟用此內建的外掛。

2. 指定注入語言

將游標移到雙引號內,再按〔Alt+Enter〕,出現【Inject language reference】時按〔Enter〕,以選用要注入的語言種類。

setting

▼ 選擇要使用的語言,此處移到JSON項目後按〔Enter〕

JSON

▼ 選好注入語言後會回到雙引號位置,按〔Alt+Enter〕或按燈泡圖示皆可進入編輯程序

click

3. 編輯JSON處理

點擊【Edit JSON Fragment】以編輯JSON片段。

edit menu

▼ 點擊【Edit JSON Fragment】後編輯區會水平分割成上下兩部份,下方便是JSON字串的編輯區域,修改內容時上方的Java字串內容會自動變動。完成編輯後按分頁(Editor Tabs)的X符號就能關閉下半部的編輯區。

edit JSON fragment|800

4. 使用另一個注入語言

在另一個雙引號裡再按〔Alt+Enter〕→【Inject Language or reference】,按〔Enter〕就能再選用另一種注入語言。

inject ref

▼ 例如輸入 ht 以找到HTML後再按〔Enter〕以指定注入語言為HTML。選好後會回到雙引號,再按〔Alt+Enter〕就能點選【Edit HTML fragment】。如果不想每次都選注入語言,可以在上方插入 //language=注入語言 的註解行以直接指定注入語言的種類。

select HTML

5. SQL範例

  1. 把游標移到雙引號字串的任意位置後按〔Alt_Enter〕→ 移到Inject language or reference後按〔Enter〕
    01|600
  2. 選擇使用的語言,例如這個字串是Oracle (SQL)
    02|700
  3. 再按〔Alt+Enter〕以插入語言的註解

03|700

  1. //language=Oracle即為插入的語言註解。在雙引號字串位置按〔Alt+Enter〕→【Edit Oracle Fragment】以更方便的編輯SQL字串
    04|700
  2. 編輯區在下方,修改完成後關閉下方分頁,修改內容會產生成程式的字串格式。

05|700

參考連結

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

[Obs#64] Ebullientworks輕量主題-使用Style Settings設定

$
0
0

|700

特色

  1. 預覽模式:YAML區顯示切換
  2. 外掛整合
    • admonition
    • calendar
    • day planner
    • sliding panes
    • timelines
    • tracker
  3. 能使用Style Settings外掛設定
  4. 標題、標籤、內文、等寬字型等皆可自訂
  5. 配色表: 顏色0~6

01

標題字型設定

預設的標題(h1~h6)使用 #h/purple ==手寫風格==的Google字型Architects Daughter,為了搭配手寫風格,找到了兩款繁體中文手寫字型,皆開源於GitHub:

  1. 清松手寫體,設定使用: “JasonHandwriting1”, “JasonHandwriting4”
  2. 內海字體 ,設定使用: “內海字體”

相關鏈接

教學影片

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

BeefText:超級簡單的熱字串/縮寫擴展工具

$
0
0

操作超級簡單的熱字串/縮寫擴展工具,比先前介紹過的WriteYoursaText還簡單好幾倍。特別適合不想花腦筋學操作的朋友們,可以說是隨裝即用,學習曲線超級低。

  1. 建立群組
  2. 建立組合。所謂的組合就是關鍵字與擴展過文字片段的設定

1. 安裝中文語言檔

1.1. 下載

  1. 【File】→【Preferences】→【Apperance】分頁→點擊【Other languages】
  2. 或直接到這裡下載中文語言檔

1.2. 複製

解開BeeftextZh.zip,將zh資料夾複製到translatations資料夾:
1. 一般安裝的資料夾是%LOCALAPPDATA%\beeftext.org\Beeftext\Translations
2. 可攜版本就是在安裝資料夾內的Translations資料夾

1.3. 重新命名

雖然語言網頁裡註明的是繁體中文,但點擊【Refresh】後出現的卻是简体中文…
只要將zh資料夾重新命名為zh-TW就會顯示成繁體中文了。

2. 偏好設定

  1. Combos/組合:觸發擴展的動作可以自動設定,是全域生效的
    1. Automatic:輸入文字符合時立即觸發
      1. Trigger only after spacebar is pressed:勾選表示最後按空白鍵才會生效
      2. Keep the final space character:勾選後空白會被保留
    2. 使用特定按鍵:自行設定觸發的快捷鍵

3. 使用示範

4. 相關鏈接

5. 教學影片

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


[Obs#65] Obsidian exporter:將儲存庫匯出成標準Markdown格式

$
0
0

這次要介紹的不是Obsidian系統本體的使用、外掛或樣式主題,而是第三方的工具應用,能匯出整個儲存庫的md檔,並轉換為標準的Markdown語法。
如果有需要將Obsidian語法轉換成標準語法時,能使用這個命令行工具Obsidian export輕鬆完成。

Obsidian expor使用Rust語法開發,有Windows、macOS與Linux三個版本。

安裝

  1. Github Releases下載
  2. 下載obsidian-export_Windows-x64_64.exe時若瀏覽器顯示警告對話窗,選用保留
    01

使用

使用選項

obsidian-export_Windows-x64_64.exe 來源儲存庫路徑 輸出儲存庫路徑

  • 可使用 -h 列出所有可使用的選項
Usage: obsidian-export_Windows-x64_64.exe [OPTIONS]

Positional arguments:
  source                     Read notes from this source
  destination                Write notes to this destination

Optional arguments:
  -h, --help                 Display program help
  -v, --version              Display version information
  --start-at START-AT        Only export notes under this sub-path
  --frontmatter FRONTMATTER-STRATEGY
                             Frontmatter strategy (one of: always, never, auto) (default: auto)
  --ignore-file IGNORE-FILE  Read ignore patterns from files with this name (default: .export-ignore)
  --hidden                   Export hidden files (default: false)
  --no-git                   Disable git integration (default: false)
  --no-recursive-embeds      Don't process embeds recursively (default: false)
  --hard-linebreaks          Convert soft line breaks to hard line breaks. This mimics Obsidian's 'Strict line breaks' setting (default: false)
  • 輸出路徑必須存在,否則無法執行

相關鏈接

教學影片

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

[Obs#66] 自動維護Markdown相容性的外掛:Consistent Attachments and Links

$
0
0

Obsidian-consistent-attachments-and-links外掛提供維持Obsidian附件與鏈接的一致性,來達成高度的Markdown語法相容性的功能。因為外掛會變更筆記內容,執行前請先看[[Obs#66-自動維護Markdown相容性的外掛:obsidian-consistent-attachments-and-links#注意事項‼|注意事項]]。

Markdown相容性目的

  1. 你的Obsidian儲存庫裡的所有.md檔能被別的Markdown工具讀取
  2. 方便發佈到Obsidian Publish以外的網站,例如GitHub或Hugo等靜態網頁網站
  3. 移動筆記檔案時,筆記裡使用到的附件也會自動搬移

Markdown相容性

本外掛處理的Markdown相容性包含如下:

  1. .md檔與附件(通常是圖檔)存於同一個資料夾
  2. 鏈接格式不使用Wikilink形式,而是[文字](相對路徑)

安裝

瀏覽社群外掛,輸入consistent,尋獲後安裝並啟用。

安裝後系統設定

為確保外掛運作正常,執行前必須做下列設定:

  1. 檔案與鏈接(Files & Linsks)→始終更新內部鏈接(Automatically update internal links):關閉(Disable)
  2. 檔案與鏈接(Files & Linsks)→内部鏈接格式(New link format):插入對應目前檔案的相對路徑(Relative path to file)
  3. 檔案與鏈接(Files & Linsks)→使用[[Wikilinks]](Use [[Wikilinks]]):關閉(Disabled)
外掛設定

如果你想將附件放在筆記所有資料夾的子資料夾裡,可設定下列外掛選項:

  1. Default location for new attachments: In subfolder under current folder
  2. Subfolder name: _attachments 自行指定子資料夾名稱

操作

按〔Ctrl+P〕再搜尋consistent可以找到本外掛支援的維持一致性操作:

  • Reorganize vault
  • Delete empty folders
  • Check vault consistent
  • Collect allattachments
  • Convert all tink paths to relative
  • Convert all embed paths to relative
  • Replace all wikilinks with markdown links

注意事項‼

  1. 務必先行備份,以免操作後不是想像中的結果時無法回復
  2. 建議先停止雲端硬碟同步,待確認結果後再重新啟動同步
  3. 建議執行前按〔Ctrl+Shift+I〕開啟DevTools的主控台訊息,以查看執行過程是否有異常狀況
  4. 所以的Obsidian內部鏈接格式都會被變更成標準的Markdown鏈接

相關鏈接

教學影片

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

堅決反對合併!還我Windows 10的工作列!

$
0
0

本文絕對與政治無關,而是分享福音給適應不良的Windows 11用戶們。
自從使用了Windows 11以後,在使用介面上最不能適應的當屬工作列的自動合併功能了;Windows 11的雞婆自動合併,讓我不能直接用〔Windows+數字〕直接開啟工作列的特定應用,用滑鼠還要停駐一會讓工作項出現後再點擊,對於追求效率的我來說真是慢透了。
幸好有高手出手相助:Explorer Patcher(Shell修補程式)可以讓我們選擇要用Windows 11或Windows 10的檔案總管使用介面,除了工具列設定外,也能變更工作列位置。

1. 安裝

下載最新版後將
ep_setup.exe存入你的工具資料夾,不用安裝。

1.1. 解除安裝

  1. 用Windows設定→程式和功能 (可在cmd.exe裡執行appwiz.cpl)
  2. ep_setup.exe /uninstall

2. 執行

ep_setup.exe就是唯一的執行檔,執行後沒有任何對話窗,可見的變動是工作列由置中變成左靠,最左側的Windows開始功能表圖示變成Windows 10的樣式,此時Explorer Patcher已經生效且切換成Windows 10的工作列了。

3. 設定

  1. 在工作列空白處按右鍵→內容(Properties),注意不是【工作列設定】
    01|700
  2. 選項:

    1. Taskbar Style:Windows 10或Windows 11。About下方的選項只對Windows 10有效

02|700

4. 相關鏈接

5. 教學影片

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

丟掉Postman🚮👋IDEA HTTP Client超級好用

$
0
0

當我們在撰寫Web Service的API程式時,很常會使用Postman來當做測試工具,但現在有更好的工具了,例如今天要介紹的IDEA HTTP Client,,這個工具適用於JetBrains家族的各個整合開發環境,可惜是Ultimate版本才有提供。

如果你使用社群版,則可使用免費的Restful Fast Request,如果不是使用JetBrains工具的朋友,則可用VS Code 的REST Client。

優點

  1. 容易編輯
  2. 容易形成專案文件
    把測試檔案加到Git就可受版本控管
  3. 善用設定檔可同時測試SIT、UAT與正式環境

安裝與設定

確認已經啟用HTTP Client外掛。

使用示範

    1. 由功能表【Tools】點擊【HTTP Client】,再點擊【Open Http Request Collection】查看所有的POST類型
      01|500
  1. 再選擇【Post Requests】
    02|500
  2. 在HTTP Client分頁裡查看各種POST類型,如JSON、x-www-form-unlencoded、form-data等
    03|700
  3. 點擊最左側的綠色三角形即可執行POST操作
    04|700

  4. POST後下方會顯示Response
    05|700

教學影片

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

[Obs#67] upgit-使用GitHub圖床:快速上傳圖檔到GitHub並插入圖片網址到Obsidian

$
0
0

雖然這篇文章(影片)歸類到Obsidian,但介紹的upgit其實是一個通用的圖檔上傳工具,只要用一個命令就能把圖檔上傳到GitHub,並且直接取得GitHub的圖片鏈接網址,方便在筆記或Blog裡引用。

upgit有Windows、macOS與Linux等不同平台的版本。

由GitHub Releases裡下載不同平台的執行檔後,改名為upgit (例如將upgit_win_amd64.exe改為upgit.exe),將upgit.exe複製到PATH指向的資料夾。

Obsidian已經有一個Image Auto Upload外掛,使用PicGo在背景執行時,將貼入Obsidian的圖片自動上傳到GitHub儲存庫裡,想要節省操作步驟的朋友也可試用看看,但我個人覺得PicGo必須在執行狀態時才能上傳,整合性不如upgit方便。

最後面會介紹使用AutoHotkey的簡單合用方法,同時介紹使用Obsidian Shell Commands外掛自動上傳圖檔與插入GitHub圖片網址的操作步驟。

語法

upgit \[--target-dir TARGET-DIR] \[--verbose] \[--size-limit SIZE-LIMIT] \[--wait] \[--clean] \[--raw] \[--no-log] \[--output-type OUTPUT-TYPE] \[--output-format OUTPUT-FORMAT] FILE \[FILE ...]

Positional arguments:
  FILE                   local file path to upload. :clipboard for uploading clipboard image

Options:
  --target-dir TARGET-DIR, -t TARGET-DIR
                         upload file with original name to given directory. if not set, will use renaming rules
  --verbose, -V          when set, output more details to help developers
  --size-limit SIZE-LIMIT, -s SIZE-LIMIT
    .                                         in bytes. overwrite default size limit (5MiB). 0 means no limit
  --wait, -w             when set, not exit after upload, util user press any key
  --clean, -c            when set, remove local file after upload
  --raw, -r              when set, output non-replaced raw url
  --no-log, -n           when set, disable logging
  --output-type OUTPUT-TYPE, -o OUTPUT-TYPE
    .                                           output type, supports stdout, clipboard [default: stdout]
  --output-format OUTPUT-FORMAT, -f OUTPUT-FORMAT
    .                                           output format, supports url, markdown and your customs [default: url]
  --help, -h             display this help and exit

範例

upgit :clipboard -o clipboard -f markdown
upgit test1.png -f markdown
upgit test2.png -f markdown-simple

1. GitHub Token設定

  1. 登入自己的GitHub→右上角頭像→【Settings】→左側拉到最底部→【Developer settings】→Personal access tokens→Generate new token
  2. 輸入【Note】、【Expiration】(有效期限),在【Select scope】勾選repo以取得儲存庫讀寫權限
  3. 在最下方點擊【Generate token】

01|700

  1. 複製個人存取token:ghp_開頭全部字串
    01|700

2. 建立專用的GitHub repo

【New repository】建立Public儲存庫。

3. upgit config.toml設定

設定檔config.toml和upgit在同一個資料夾,依據自己GitHub的設定修改內容,範例如下:

# 保存文件的分支,例如 master 或 main
# branch = "master"

# 您的拥有"repo"权限的Github令牌
# 获取Github Token连接: https://github.com/settings/tokens
pat = "ghp_U**********************************F"

# 上传文件名的格式模板
# / 目录分隔符, 作用: 是区分目录
# {year} 年份, 例如: 2022
# {month} 月份, 例如: 02
# {day} 天, 例如: 01
# {unix_ts} 时间戳, 例如: 1643617626
# {file_name} 原始文件名,如 logo (不含后缀名)
# {file_name_hash} {file_name}的 MD5 散列值
# {ext} 文件后缀名, 例如.png
# 下面的例子生成的文件名预览: 2022/01/upgit_20220131_1643617626.png
# 如果目录不存在将会被程序自动创建
rename = "{year}/{month}/upgit_{year}{month}{day}_{unix_ts}{ext}"

# 您的公共Github存储库的名称
# 注意: 为了让您和他人可以访问到图片资源, 您的Github仓库一定要是公开的, 
#       在私有仓库中Github会拦截未授权的请求,你将会得到一个404.
repo = "your_repo"

# 请输入您的Gtihub用户名 
username = "your_account"

# 如果您的网络访问Github异常或者缓慢,您可以尝试下面的配置以开启CDN加速
# [replacements]
# "raw.githubusercontent.com" = "cdn.jsdelivr.net/gh"
# "/master" = "@master"

# 自定义输出格式
# {url} 图片文件的网络URL地址
[output-formats]
"bbcode" = "[img]{url}[/img]"
"html" = '<img src="{url}"/>'
"markdown-simple" = "![01|700]({url})"

4. AutoHotkey整合

按〔Alt+V〕將剪貼簿內的圖片上傳到GitHub,並將GitHub圖片網址再插入剪貼簿。

!v::
  ;;Run d:\util\upgit.exe :clipboard -o clipboard -f markdown
  Run d:\util\upgit.exe :clipboard --output-type clipboard --output-format markdown
  return

5. 使用Obsidian Shell Commands外掛

  1. 安裝並啟用Shell Commands外掛
  2. 新增Shell命令
    • 新的命令命名為upgit
    • 命令內容:upgit :clipboard -f markdown 將系統剪貼簿內容上傳到GitHub,並將執行結果以markdown格式輸出到標準輸出(stdout)

upgit_20220203_1643894956.png|700

  • Output選用輸出到目前檔案的游標位置,亦即將GitHub的圖片網址以Markdown格式插入目前游標位置
    upgit_20220203_1643895232.png|700
  1. Shell commands: Exexcute upgit設置快捷鍵以方便快速操作

6. 相關鏈接

7. 教學影片

%%

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

[Obs#68] 利用QuickAdd巨集由IMDB建立影片檔案,用Minimal主題顯示成卡片

$
0
0

01|900

Minimal樣式主題是很多人使用的主題,它在4.4.0版時推出了卡片格式,將Dataview的table查詢轉換成卡片的顯示格式,再與Sortable外掛合用時則可做排序卡片的顯示。

卡片格式很適合用於蒐集資訊類型的多欄位形式,例如影片庫、書庫等。

在建立影片庫時,我們可以使用QuickAdd的movies.js搜尋IMDB,直接由IMDB讀取資料,將影片欄位與海報圖片建立成筆記,透過QuickAdd巨集可省去大量的資料輸入時間。

1. 用QuickAdd取得IMDb資訊

cards筆記需要下列外掛:
* Minimal樣式主題
* Dataview外掛
* Sortable外掛

1.1. 建立影片資訊模板

  1. 啟用核心外掛內的模板,再於【外掛選項】→【模板】→指定【模板資料夾位置】為templates
  2. 在templates資料夾建立template-movie.md,內容如下:
---
cover: {{VALUE:Poster}}
---

category:: {{VALUE:typeLink}}
director:: {{VALUE:directorLink}}
genre:: {{VALUE:genreLinks}}
imdbId:: {{VALUE:imdbID}}
ratingImdb:: {{VALUE:imdbRating}}
rating::
year:: {{VALUE:Year}}
cast:: {{VALUE:actorLinks}}
plot:: {{VALUE:Plot}}

![poster]({{VALUE:Poster}})

1.2. 申請Open Movie Database的API Key

API Key網頁申請存取Open Movie Database的API Key。輸入EMail等資訊後,網站會寄出Key與啟用鏈接給你,複製API Key並點擊啟用鏈接。

1.3. 新增QuickAdd Movie巨集

  1. 下載movies.js並存入儲存庫任意位置(建議建立專門存放JavaScript的資料夾)
  2. QuickAdd外掛選項→【Manage Macros】→輸入巨集名稱(如macro_movie)後按【Add macro】
  3. 在User Scripts輸入欄位裡選用movies.js,再按【Add】
  4. 點擊上方movies右側齒輪,在彈出的對話窗輸入申請到的OMDb API Key

upgit-20220205_1644050124.png|500

  1. 點擊【Template】以增加要使用的模板
    1. 【Template Path】選用「templates/template-movie.md」
    2. 勾選【File Name Format】
    3. 【File Name】欄位輸入:{{VALUE:fileName}}
    4. 勾選【Open】,開啟依模板建立的新檔案
    5. 勾選【Focus new pane】,將焦點移入新檔案

1.4. 新增QuickAdd Choice選單

  1. 輸入Choice名稱,如:Movie
  2. 選用【Macro】後點擊【Add Choice】
  3. 新增Choice後點擊其右側的齒輪,再選用前面新增的巨集
  4. 點擊閃電符號將此Choice加入命令面板

01|500

1.5. 測試QuickAdd Movie Choice

  1. 點擊〔Ctrl/Cmd+P〕→輸入quickadd→點擊【QuickAdd: Movie】
  2. 輸入要搜尋的電影名稱或IMDb代碼,如:Star Wars或tt0086190

01|700

▼ 在選單裡找到要建立的影片後按〔Enter〕或〔Click〕
01|700

2. Minimal樣式主題

在筆記YAML區裡使用cssClasses: cards讓筆記套用卡片格式,額外能使用的CSS樣式如下:

  • cards-align-bottom: 最後一項對齊卡片底部
  • cards-cover: 圖片尺寸填滿空間
  • cards-16-9 / cards-1-1 / cards-2-1 / cards-2-3 : 圖片比例
  • cards-cols-4~cards-cols-8: 指定卡片每列個數

3. 影片庫筆記範例

---
cssClasses: cards, cards-align-bottom, cards-cover, cards-cols-3
---
# 電影 from IMDb
```dataview
table without id ("![](" + cover + ")") as Cover, 
  file.link as Name, 
  year as Year, 
  "by " + director as Director,
  "Rating " + ratingImdb as Rating
from #movies-imdb 
sort year, imdbId 
```

## 動作片 (Action)
```dataview
table without id ("![](" + cover + ")") as Cover, 
  file.link as Name, 
  year as Year, 
  "by " + director as Director
from #movies-imdb 
where contains(string(genre), "Action")
sort year, imdbId 
```

## 喜劇片 (Comedy)
```dataview
table without id ("![](" + cover + ")") as Cover, 
  file.link as Name, 
  year as Year, 
  "by " + director as Director
from #movies-imdb 
where contains(string(genre), "Comedy")
sort year, imdbId 
```

## 喬治,盧卡斯作品

```dataview
table without id ("![](" + cover + ")") as Cover, 
  file.link as Name, 
  year as Year, 
  "by " + director as Director
from #movies-imdb 
where contains(string(director), "George Lucas")
sort year, imdbId 
```

4. 相關鏈接

5. 教學影片

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

[Obs#69] 由豆瓣建立Minimal樣式主題的閱讀書單卡片

$
0
0

書籍筆記建立步驟

  1. 豆瓣搜尋某本書
  2. 複製書籍網頁上的資料,包含圖片
  3. 新增筆記→貼入複製的資料,將筆記檔名改成書名
  4. 修改資料內容以形成Dataview能辨識的欄位:

    1. 將一個半形冒號改成兩個冒號
    2. 修正欄名格式
# 卡片笔记写作法
#books

圖片:: https://img9.doubanio.com/view/subject/s/public/s33927783.jpg
作者:: [德] 申克·阿伦斯
作者Link:: https:://book.douban.com/search/%E7%94%B3%E5%85%8B%C2%B7%E9%98%BF%E4%BC%A6%E6%96%AF
出版社:: 人民邮电出版社  
副标题:: 如何实现从阅读到写作  
原作名:: How to Take Smart Notes  
译者:: [陈琳](https:://book.douban.com/search/%E9%99%88%E7%90%B3)  
出版年:: 2021-7  
页数:: 256  
定价:: 69.80元  
装帧:: 平装  
ISBN:: 9787115564672
豆瓣评分:: 7.9

[![卡片笔记写作法](https://img9.doubanio.com/view/subject/s/public/s33927783.jpg "点击看大图")](https://img9.doubanio.com/view/subject/l/public/s33927783.jpg "卡片笔记写作法")

書單筆記建立步驟

  1. 新增筆記
  2. 主要內容:
    1. YAML區設定cssClasses為Minimal主題提供的cards樣式類別
    2. 內容為Dataview的程式碼:
---
cssClasses: cards
---

```dataview
table without id ("![](" + 圖片 + ")") as 圖片, 
  file.link as 書名, 
  "出版年: " + 出版年 as 出版年, 
  "作者: " + 作者 as 作者,
  "豆瓣評分:" + 豆瓣评分 as 評分,
    "ISBN: " + ISBN as ISBN
from #books
sort ISBN
```

相關鏈接

教學影片

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


[Obs#70] Auto Note Mover: 依規則將筆記自動搬移到特定資料夾

$
0
0

設定→【檔案與鏈接】→【新建筆記儲存位置】裡設定了新筆記產生在特定的資料夾(如我的是030-Inbox),筆記完成後必須手動用搬移檔案將之移動到要存放的資料夾。Auto Note Mover外掛提供了依規則自動移動檔案的功能,很有效的提升了筆記操作的效率。

安裝與啟用

  1. 由外掛GitHub網站下載zip檔,解壓縮到Obsidian儲存庫/.obsidian/plugins/資料夾
  2. 設定→【第三方外掛】→在已安裝外掛項目右側點擊【重新載入外掛】或重啟Obsidian
  3. 找到Auto Note Mover後啟用
  4. 選項設定Auto Note Mover

設定

依需要建立一或多個搬移檔案的規則。

  1. 先選擇自動觸發或手動觸發,為了方便當然是使用自動觸發
  2. 新增搬檔規則
    1. 先指定目標資料夾
    2. 指定特定標籤
    3. 筆記標題的正則運算式,如「^Obs」或「*黑曜石*」
    4. 標籤或標題二者只能使用一種條件
  3. 多個規則都符合時,以第一個符合的規則為準
  4. ❓儲存庫根目錄裡已存在的檔案似乎皆無法觸發搬檔規則

上圖範例說明:

規則# 觸發條件 目的資料夾
1 有#obsidian標籤時搬移 目的地:300-R興趣/300-02-筆記工具/Obsidian資料夾
2 檔名以 ! 開頭 目的地:000-Index資料夾
3 檔名以template開頭 目的地:010-Templates資料夾
4 檔名以Index或index結尾時搬移 目的地:000-Index資料夾

相關鏈接

教學影片

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

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

$
0
0

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

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

功能

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

模板建立

模板YAML設定

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

YAML欄位 說明 範例
template-output 新建筆記存放的資料夾 040-Highlights
template-filename 新建筆記的檔名,預設是 {{title}} Book-{{title}}
template-input 選取目前筆記部份內容,以選項設定→【Selection Split】的正則運算式解析後填入{{template-input}}的欄位 title,overview,body
template-replacement 選取目前筆記部份內容在建立筆記後,被取代成設定的值 "[[{{title}}]] ![[{{title}}#^overview]]"
template-should-replace 上述取代的設定:
  • “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〕提交對話窗資料

問題

  1. 空窗格按〔Ctrl/Cmd+P〕會找不到From模板檔。
  2. currentDate的時間格式不能用冒號
  3. {{tags}}會被加到標籤清單窗格裡

相關鏈接

教學影片

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

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

$
0
0

01|900

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使用範例

<script>
  async function getFace() {
    // gender=female
    let response = await fetch("https://api.generated.photos/api/v1/faces?api_key=申請的Key&per_page=3&order_by=random", {
      method: "GET"
    });
    let result = await response.json();
    document.getElementById("img1").src = result.faces[0].urls[4]["512"];
    document.getElementById("img2").src = result.faces[1].urls[4]["512"];
    document.getElementById("img3").src = result.faces[2].urls[4]["512"];
  }

  getFace();
</script>

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
<img src="https://100k-faces.glitch.me/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. 網址選項

選項 能使用的值
results 圖片個數
gender (性別) male, female
format json(預設), PrettyJSON或pretty, csv, yaml, xml
<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圖片,方便製作按鈕的圖示。
01|700

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

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

7. 教學影片

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

inoreader.com開始強迫收費…

$
0
0

我的RSS訂閱很久以前就是使用inoreader的免費方案來管理與閱讀的,最近開始彈出警示:免費方案最多只能訂閱150個RSS來源,很快超過150的內容就不會去讀取了。

因為RSS使用的場合越來越少,覺得每年花這個方案升級的錢有點不值,也去試用了單機執行的Fluent Reader,但用起來不是很習慣。

最終由訂閱源管理裡將健康度部份黃色、全部紅色的改成unfollow,讓訂閱源不超過150。就這樣,希望能再撐一陣子。

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

[Obs#72] Step by Step 用From Template建立筆記實例操作

$
0
0

實際建立From Template模板的範例。

1. 書籍模板範例

  1. 建立From-Templates資料夾以存放模板檔
  2. 建立Books資料夾以存放產生的書籍筆記
  3. 設定→安裝Obsidian Note From Template外掛→啟用
  4. 設定→選項→模板資料夾為From-Templates
  5. 在From-Templates新增筆記,命名為「From-Template-Book」,書籍筆記的模板
  6. 編輯From-Template-Book

    1. AutoNoteMover: disable→取消Auto Note Mover搬檔操作
    2. disabled rules: [all]→取消Linter的檢查規則
---
aliases: 
category: "{{總類:choice:文學:流行:文化:生活:經管:科技}}"
tags: "{{文學分類:choice:小說:隨筆:日本文學:散文:詩歌:名著:港台}} {{流行分類:choice:漫畫:推理:繪本:青春:科幻:言情:奇幻:武俠}}"
AutoNoteMover: disable
disabled rules: [ all ]
template-output: 030-Inbox
template-input: title,body
template-replacement: "[[{{title}}]]"
template-should-replace: "sometimes"
template-should-create: "open-pane"
created: "{{建檔日期:currentDate:yyyy-MM-dd HHmmss}}"
---
# {{title:text: :筆記檔名}}

#books

## 書籍基本資訊
書名:: {{title}}
作者:: {{作者}}
出版社:: {{出版社}}
出品方:: {{出品方}}
副標題:: {{副標題}}
譯者:: {{譯者}}
出版年:: {{出版年}}
頁數:: {{頁數}}
定價:: {{定價}}
裝幀:: {{裝幀}}
ISBN:: {{ISBN}}
圖片:: {{圖片}}

![|400]({{圖片}})

## 內容簡介
{{overview}}

## 心得與感想
{{body}}

2. 表格模板範例

  1. 在From-Templates新增筆記,命名為「From-Template-Table」,輸入資料用的表格模板
  2. 編輯From-Template-Table
    1. template-should-create: “none”→不產生筆記檔案
    2. template-should-replace: “always”→必須將模板的replacement插入目前筆記
    3. template-replacement: “{{templateResult}}”→模板輸入後的整個結果要插入原筆記
---
aliases: 
tags: 
obsidianUIMode: source
template-should-create: "none"
template-should-replace: "always"
template-replacement: "{{templateResult}}"
created: "2022-02-17 22:23:21"
modified: "2022-02-25 14:01:46"
disabled rules: [ all ]
---

|Start Date|End date| Project | Task|
| -----|------|--|--|
|{{開始日期1}}|{{結束日期1}}|{{✅專案1}}|{{任務1}}|
|{{開始日期2}}|{{結束日期2}}|{{✅專案2}}|{{任務2}}|

3. 相關鏈接

4. 教學影片

##

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

Viewing all 904 articles
Browse latest View live