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

免費影片後製軟體《剪映》語音辨識上字幕和簡轉繁技巧~JianYing

$
0
0

終於找到比AutoSub更方便、更準確的字幕生成軟體了─來自深圳市的臉萌科技,原本是給抖音和西瓜視頻的創作者使用。

剪映有很齊全的影片後製功能,特效、花字、轉場等功能一應俱全,這次我們專注在自動產生字幕的功能上,透過它的語音辨識產生準確率頗高的簡體字幕,再介紹工具將簡體轉換成繁體,最後再匯出 SRT 字幕檔或匯出MP4影片。

操作步驟

  1. 在媒體素材面板匯入影片,按影片右下角的+號或用拖拉將之加入時間軸
  2. 文本→識別字幕
  3. 關閉使用中的剪輯草稿
  4. 執行剪映字幕工具箱→簡轉繁、產生SRT檔

字幕簡轉繁

方法1. 使用簡轉繁字型檔

直接使用簡體中文的字幕內容,但影片輸出時使用簡轉繁的字型檔。

思源字體是沒有版權問題、來自Google和Adobe的合作產品的字型檔:

或是用文泉驛微米黑-簡轉繁.ttf,據說也沒有版權問題,但我未查證。

方法2. 使用Jackychu開發的工具

工具1. 剪映字幕工具箱

主要功能:
  1. 草稿文字簡體轉繁體 (台灣正體)
  2. 字幕匯出成 SRT 檔
  3. 刪除影片字幕

工具2. 剪映字幕工具箱

三大功能:
  1. 影片所有字幕簡體轉正體
  2. 導出字幕 SRT 檔
  3. 置換在剪映軟體下的影片縮圖

相關連結

✅ 剪映专业版-全能易用的桌面端剪辑软件-轻而易剪 上演大幕

✅ 思源黑體簡轉繁
✅ 思源宋體簡轉繁
✅ 文泉驛微米黑-簡轉繁

✅ jackychu0830/jy-srt-tools
✅ jackychu0830/jy-cn-tw-translator

教學影片

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


Spotify、QQ音樂都能使用的動態桌面歌詞工具:Lyricify

$
0
0

Lyricify是什麼?

一款為 Spotify、iTunes、Music Center、QQ 音樂、網易雲音樂、YesPlayMusic 提供滾動歌詞的軟體。

▼ 未登入Spotify
01

▼ 登入Spotify後
02

設定與操作重點

第一次執行找不到設定的地方,系統匣圖示沒有右鍵功能表 😭

設定:
點擊視窗左上角的應用程式功能表 •••

  1. 隱藏視窗:〔Ctrl+H〕
  2. ⬆:視窗置頂,⬇:儲存歌詞
  3. 切換桌面歌詞:〔Ctrl+Shift+W〕,在桌面歌詞上用右鍵可做顯示設定
  4. 建議使用簡體中文以免出現問號

相關連結

Lyricify由gitHub下載,但並無源碼。

教學影片

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

Spotify、QQ音樂都能使用的動態桌面歌詞工具:Lyricify

$
0
0

Lyricify是什麼?

一款為 Spotify、iTunes、Music Center、QQ 音樂、網易雲音樂、YesPlayMusic 提供滾動歌詞的軟體。

▼ 未登入Spotify
01

▼ 登入Spotify後
02

設定與操作重點

第一次執行找不到設定的地方,系統匣圖示沒有右鍵功能表 😭

設定:
點擊視窗左上角的應用程式功能表 •••

  1. 隱藏視窗:〔Ctrl+H〕
  2. ⬆:視窗置頂,⬇:儲存歌詞
  3. 切換桌面歌詞:〔Ctrl+Shift+W〕,在桌面歌詞上用右鍵可做顯示設定
  4. 建議使用簡體中文以免出現問號

相關連結

Lyricify由gitHub下載,但並無源碼。

教學影片

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

mpv 播放器「精準」且「快速」跳過片頭的方法

$
0
0

當我們要觀看的影片有固定長度的片頭時,可以利用本影片介紹的三個方法快速跳過片頭。

方法1. 指定開始位置選項

mpv --start=MM:SS 影片檔名
mpv -ss MM:SS 影片檔名

方法2. 按鍵跳至指定位置

  • 修改 input.conf,在最後面加上設定-直接跳到 1 分 30 秒位置
  • g 是使用的按鍵,可自行替換為其他按鍵
g seek 00:01:30.000 absolute

方法3. 使用 seek-to.lua 腳本

  • 腳本下載:occivink/mpv-scripts
  • 解壓縮後將 seek-to.lua 複製到 <mpv安裝資料夾>\scripts\
  • 修改 input.conf,在最後面增加下列設定:
t script-message-to seek_to toggle-seeker

操作步驟

  1. 啟用的按鍵是 t
  2. 按 t 後影片左上角會出現時間數字,可以用左右鍵移動輸入點,再輸入需要的時間數字,輸入完畢後按〔Enter〕

相關連結

教學影片

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

LANDrop-跨平台的AirDrop:所有的電腦設備的無線檔案傳輸,Windows/macOS/Linux與Android、iOS間的檔案傳輸

$
0
0

在區域網站禸的檔案傳輸,不必再用雲端硬碟或即時通訊軟體來傳輸檔案了,LANDrop協助我們在所有電腦與移動設備間建立起順暢的傳輸通道。

LANDrop是開源於GitHub的工具,有原始碼(C++語言)可查看,安心又方便,只要在同一個網段裡就能即時傳檔檔案,不需要透過主機而直接在區域網路裡傳檔。

安裝與設定

  1. 所有裝置皆安裝對應的LANDrop應用程式
  2. 執行LANDrop
  3. 用Add加入檔案,按Send送出檔案
  4. 要接收檔案的裝置按確認接收

缺點

缺少剪貼簿同步功能。

相關連結

教學影片

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

《剪映#2》產生SRT檔並將編輯後內容寫回剪映草稿以匯出內嵌字幕影片的方法

$
0
0

剪映的語音辨識生成的草稿內容是簡體中文,除了使用簡轉繁的字型檔外,也有高手提供直接轉換成繁體的工具,也能再產生出字幕SRT檔。

這次使用的是Mr. RED的JSON2SRT-支援最新版剪映 | 支援多軌道導出 | 剪映簡轉繁 快速導出Srt,此影片的說明欄有下載連結。

JSON2SRT除了簡轉繁、生成SRT,也提供了編輯SRT內容的功能,最後可以把簡轉繁的內容更新回剪映草稿。我現在遇到的問題是生成的SRT編輯,SRT的修改我會使用SubTitle Edit以方便字幕的分割與合併,編輯時也能看到影片與字幕的預覽,可惜的是現有的工具沒有提供由修改後的SRT檔再轉換成剪映草稿的功能。

在這些高手提供這個回寫草稿功能之前,我用AutoHotkey寫了一個直接替換字幕內容的小工具 jy-srt2json。

另外一提,JSON2SRT也有編輯SRT的功能,若你不需要字幕的合併與分割,直接使用它的編輯可以更快完成字幕的修改。

jy-srt2json下載

  • .ahk下載:如果需要的設定需要修改,可直接修改此檔的_sOutputText與_sOutputSegment
  • .exe下載

操作步驟

  1. 剪映開始創作→添加影片→文本,語音辨識以產生字幕,關閉幕稿視窗
  2. 在剪映主視窗將剛剛新增的草稿命名為可識別的名稱(此名稱即為草稿的專案代碼)
  3. 執行JSON2SRT→解析字幕→點擊剛加的字幕→點擊剪映內簡轉繁,再轉存SRT檔
  4. 用SubTitle Edit編輯轉出的SRT檔
  5. SRT修改完成後,在命令提示字元執行jy-srt2json.ahk 或 jy-srt2json.exe
jy-srt2json.exe  草稿專案代碼  修改後SRT的完整檔名

jy-srt2json執行後:
1. 工作目錄裡會產生下列檔案:
1. texts.json:由SRT檔轉出的草稿文字JSON內容,除錯用
2. segments.json:由SRT檔轉出的字幕時間設定,除錯用
3. draft_content.json.org:剪映的草稿JSON備份
4. draft_content.json.new:由SRT檔合併原有內容並替換字幕後的新檔,合併完成後會覆蓋剪映專案目錄裡的draft_content.json
2. 再執行剪映進入專案草稿,檢查字幕是否是修改後的內容
3. 依需求變更字幕的字型檔與格式、文字大小、位置等設定
4. 導出影片

相關連結

教學影片

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

新一輪世界點滑鼠大賽又開戰了!popcat.click開賽中…

$
0
0

2007年時風靡一時的無腦(?)遊戲ClickClickClick又重出江湖,這次換成了一隻貓:POPCAT

目前戰況分析:芬蘭以近54億點擊高居榜首,台灣以9億3千萬居第9名。

▼ popcat.ahk

#SingleInstance Force

f1::
  WinMove popcat, , 1273, 324
  loop, 100
  {
    Send {left}
    Random, rand, 20, 100
    sleep %rand%
  }
  return

相關連結

教學影片

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

[Obs#45] 軟體工程師必備的6個Obsidian外掛

$
0
0

此處的軟體工程師泛指與電腦相關的所有的設計/開發/維運人員,諸如程式設計師(編程員)、網頁設定師、美工、系統維運人員等皆含括在內。

這次介紹的是和軟體工程師產生內容相關的外掛與小技巧。

1. 程式碼相關外掛

軟體工程師整日與程式碼為伍,Markdown提供了簡單的程式碼使用語法,再加上推薦的下列外掛,能讓工程師們更方便的記錄需要參考的程式碼。

Markdown的程式碼標記有行內(inline)和區塊兩類:
1. 行內程式碼:除了使用在程式碼片段外,也能用在Windows路徑上,如:C:\Users\YourName\AppData\Roaming\obsidian\obsidian.json
2. 區塊程式碼:3個倒引號後可加上程式語言名稱

1.1. 外掛1. Editor Syntax Highlight

編輯區也能將程式碼區塊以語法高亮顯示。

```js
var msg = "Hello, World!";
console.log("Message is " + msg);
```

1.2. 外掛2. Embedded Code Title

在程式語言名稱後附加「:檔名」即可顯示辨識用的檔名。

```html:index.html
<html>
<head>
</head>
<body>
</body>
</html>
```

```css:style.css
table {
  background-color: lightblue;
}
```

```js:myfunc.js
<script>
  function test() {
    alert("Hello!");
}
</script>
```

2. 圖片相關外掛

軟體工程師經常更要擷取畫面並儲存起來參考,Obsidian可以按〔Ctrl+V〕的方式直接貼入圖片,對於圖片的操作,再加上下列外掛可謂如虎山添翼。

2.1. 外掛3. Ozan’s Image in Editor

在編輯區直接顯示圖片,可以不用開啟預覽面板。為了方便日後找檔,建議貼入圖片後重新命名。

2.2. 外掛4. Clear Unused Images

貼入的圖檔有可能因為許多原因而廢棄不用,這些檔案就被遺留在Attacments資料夾裡,使用這個外掛就能迅速的清除掉不再需要的圖檔。

操作方法:按〔Ctrl+P〕或〔Cmd+P〕再輸入clear,點擊【Clear Unused Images】即可。

3. 匯出檔案相關外掛

軟體工程師三不五時就要寫技術文件或研究報告等文件,除了匯出成PDF外,也有可能需要產生成.docx或.odt檔案,此時Pandoc就是很方便的工具。

3.1. 外掛5. Pandoc

操作方法:按〔Ctrl+P〕或〔Cmd+P〕再輸pandoc,再點擊要使用的格式即可。

3.2. 外掛6. Title Index

如果文件標題需要標上流水號,Title Index就能自動將標題加上號碼。

但如果你跟我一樣把標題一(# )當做筆記的抬頭而不要加號碼,因為外掛尚無選項可設定,只能先修改外掛的程式碼:

  1. 編輯儲存庫 .obsidian/plugins/obsidian-title-index/main.js
  2. 跳到第80行,插入 if 區塊這4行
```js:main.js
        while (cursor < content.length) {
            let line = content[cursor];  // 第80行
            if (line.indexOf("# ") == 0) {
              cursor++;
              continue;
            }
```
  1. 重新啟動Obsidian

操作方法:按〔Ctrl+P〕或〔Cmd+P〕再輸入title,點擊【obsidian-title-index】即可。

4. YAML區定義重要屬性

軟體工程師務必善用YAML區域的設定,例如建檔日期、分類標籤等,對於日後的搜尋與過濾有非常大的幫助。

5. 相關介紹影片

6. 教學影片

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


[Obs#46] 筆記整理─找出孤兒(Orphans)和缺少標籤的筆記的 4 個方法

$
0
0

終於決定對眾多的筆記大整理了!首先找出沒有與別的筆記產生關聯的「孤兒」,也一併找出沒有設定標籤的筆記。

我彙總了幾個快速找出孤兒筆記的方法,希望對有「潔癖」的朋友們有幫助。

1. 尋找關聯圖的孤立連結

按〔Ctrl+G〕開啟關聯圖面板,勾選【過濾設定】→【孤立連結】,再點擊獨立的節點。

01

1.1. 快速插入YAML區的作法

安裝並啟用Templater外掛,並建立下列模板:

---
created: <% tp.file.creation_date(&quot;YYYY-MM-DD HH:mm&quot;) %>
tags: [ blog, yt-videos ]
---

再設置一個快捷鍵以執行插入模板(Templater: Insert Template)。為快速找到模板,建立模板檔名用不重複的數字或字母開頭。

2. 用dataview找出沒有對內/對外連結的筆記

安裝並啟用dataview外掛,在操作筆記裡輸入下列敘述即可找出沒有任何連結的筆記。

▼ 下列範例正引號要修改成倒引號才能生效

```dataview
list from ""
where length(file.inlinks) = 0 and length(file.outlinks) = 0
sort file.name
```

3. 用dataview找出沒有加 tags 的筆記

Obsidian到0.9.16才支援YAML,因此先前建立的筆記應該都沒有撰寫YAML,為了日後方便查詢,可用下列Dataview語法列出沒有YAML tags 關鍵變數的筆記:

```dataview
list from ""
where !tags
sort file.name
```

4. 用搜尋找出沒有內部連結的筆記

用搜尋面板輸入下列正則表示式:不包括正則表示式 [[

-/\[\[

教學影片

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

popcat後續報導:popdog和popking也來了!

$
0
0

泰國竄升第一名有何秘辛?

怎麼能讓貓黨專美於前?因此狗黨的點點點大賽也來了。而且不只狗狗來了,「顧人怨」的泰皇也來了。

POPDOG

PopDog.click
不定時會在小狗身上出現餅乾,點擊餅乾後會進入10倍數量時間
popdog

POPKING

POPKING
沒有排名,點擊【Close POPKING】後會顯示關於國王的Q&A
popking

光速前進的泰國

2021/08/15日泰國在一日內異軍突起,迅速擠下台灣而成為第一名!

Twiter #1

Twitter #2

來源:https://twitter.com/lilyrosepb/status/1427119554870734851

>
@RosaLynaLerman
>

「致台灣與馬來西亞

我們非常感謝我們奶茶聯盟的友誼。但是,台灣,你們有個超讚的政府;馬來西亞,我聽說你們總理剛剛辭職了。

但身為泰國人我們這兩樣都沒有,拜託就讓我們能擁有這份勝利的小確幸。」

Facebook 泰譯聞 นักแปล กระแสไทย-ไต้หวัน

【讓泰國人贏一次】

雖然是看似無聊的網路小遊戲,但是真心為泰國人覺得高興,真的好久沒看到這麼大量快樂的動態了。

不管是對抗疫情還是對抗獨裁政府,泰國人都一直處於挨打的狀態,泰國人太需要一場勝利來化解焦慮了。

在推特上看到很多泰國人的推文說:
「請其他國家不要以為我們作弊喔,因為我們政府太爛,我們有太多人失業在家了」

「我們沒別的事情可以做了,只能點貓咪」
「我們政府訓練過我們怎麼點了(附圖是泰國政府在疫情期間推出的各種粗劣app)」
「第一名的獎品可以是新的政府嗎」

真的好希望泰國人可以贏,戰勝疫情、戰勝獨裁政府。

教學影片

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

用ToastFish「偷偷」學英、日文 🙈

$
0
0

这是一个利用Windows通知栏背单词的软件。可以让你在上班、上课等「恶劣环境」下安全隐蔽的背单词。

▼ 開始練習
toastfish

▼ 英文詞彙
vocab

▼ 日語詞彙
japanese

▼ 發音必須安裝Windows語言的語音包
install

🤔Boss Key是〔Win+A〕…

相關連結

教學影片

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

[Obs#47] 用Command Alias(命令別名)快速操作命令面板

$
0
0

使用中文、日文、韓文的朋友們終於等到這個解決輸入困擾的利器了:Command Aliase外掛。

命令面板可以協助我們找到需要的系統命令以快速執行,但當我們把Obsidian語言切換成中文後,所有的系統命令便切換成中文,致使無法迅速的輸入過濾。例如我們無法輸入「toggle」或「tog」快速過濾出所有含有「切換」的命令,而必須輸入中文才能過濾出符合的命令。

幸好東京的yajamon提供了Command Alias外掛幫我們解決了這個問題。只要建立了命令別名,就能輸入別名而找出其代表的命令。

1. 操作步驟

  1. 安裝並啟用Command Alias外掛
  2. 【第三方外掛】→【外掛選項】→找到【Command Alias】
  3. 由【— command list —】清單裡選用需要設定的命令,例如【匯出 PDF】
  4. 在【alias name】欄位輸入別名,例如「=pdf」。建議用特別的符號開頭,屆時在命令面板輸入此符號就能列出所有的別名
  5. 輸入完畢後按〔dd alias〕新增的別名會出現在【Register aliases】裡

目前沒有修改功能,要變更別名只能先移除再新增。

2. 啟用別名步驟

我試用的外掛1.0.2無法自動啟用別名,別名新增完畢後,先停用外掛再重新啟用,重新啟用後別名才會出現。

3. 相關連結

4. 教學影片

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

[Edge#6] 新Edge瀏覽器(92.0.902)的IE模式如何開啟DevTools

$
0
0

新的Edge瀏覽器每次更新都對IE模式做變動,我們來彙總一下最新的功能加強。

Windows 11 21H2 (OS組建22000.51)已取消獨立的IE11執行檔,要使用IE必須使用Edge,再切換成IE模式。

但現在遇到一個問題:Edge的IE模式無法按〔F12〕來開啟開發者工具(DevTools)。

使用版本

  • Windows 11 版本21H2 (OS組建22000.160)
  • Microsoft Edge 版本92.0.902.84 (官方組建) (64位元)

1. 設定顯示IE模式按鈕

Edge新增了IE模式按鈕,可以將分頁在Chrome與IE兩個瀏覽器引擎自由切換。

啟用IE模式按鈕

設定→【外觀】→【自訂工具列】→【顯示 Internet Explorer 模式按鈕】

2. 指定以IE瀏覽的網站

設定→【預設瀏覽器】→【Internet Explorer 模式頁面】→【新增】

ie2

3. IE瀏覽時顯示提醒框

ie3

title: 技巧
1. 以企業模式網站清單方式新增的使用IE瀏覽網站不會出現此提醒框。
2. 以企業模式網站清單方式新增的使用IE瀏覽網站無法切換至Chrome模式。

4. IE模式資訊窗

點擊網址列左側的IE圖示即會顯示IE模式資訊窗,會顯示相容的模式版本。相容性模式必須使用下面介紹的IEChooser變更。

ie-mode|400

5. 開發人員工具(DevTools)

IE模式下無法使用F12使用DevTools,必須執行C:\Windows\System32\IEChooser.exe,執行後再選擇要偵測的網頁。

6. 網際網路選項

IE的功能表無法找到了,常用的【網際網路選項】則可由檔案總管裡找到。

inetcpl.cpl

相關連結

教學影片

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

[Obs#48] 動態目錄外掛:快速生成筆記的章節目錄

$
0
0

能自動取標題的目錄外掛終於出現了,對於常寫報告的朋友真是一大福音。再加Title Index外掛,就能很輕鬆的將各級標題加上序號。

只是可惜匯出的PDF裡目錄無法形成可點擊的超連結… 😢

1. 動態目錄格式

1.1. 動態目錄格式1

格式:

```toc
    style: bullet | number (default: bullet)
    min_depth: number (default: 2)
    max_depth: number (default: 6)
```

1.2. 動態目錄格式2

使用訂製注入(custom injection),在外掛選項裡指定要替換成動態目錄的字串。

建議
盡量不要用Markdown的文字變化格式,如雙底線或星號等。

例如:

[目錄]

2. 相關連結

3. 教學影片

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

[AHK#48] 用emoji.ahk快速輸入表情符號(Emoji)與改造方法👍🌱

$
0
0

雖然在Windows裡可以按〔Win+.〕(半形的點)或〔Win+;〕(分號)開啟表情符號視窗,也能輸入搜尋關鍵字,又多了迷因梗圖(GIF)、顏文字、符號可以挑選,但對於一些常用的符號而言,直接輸入特定字串來插入符號還是更快的方法。

Emoji to AHK提供了5,000多個可以快速輸入的符號。

1. 下載與執行

到GitHub的Releases頁面,如果有安裝AutoHotkey就下載emoji.ahk,若無則下載emoji.exe,再執行即可。

2. 使用方法

emoji.ahk的符號用半形冒號(:)開頭與結尾,中間輸入表情符號代碼,例如:

  • 「:heart:」會出現愛心符號❤
  • 「:four_leaf_clover:」或「:four leaf clover:」出現 🍀

01|400

3. 自訂簡化修改

即然要快速輸入,那鍵入「four_leaf_clover」是在開玩笑嗎?😛

😎😎😎,即然都有腳本檔了,當然可以自己改造囉。用文字編輯器開啟emoji.ahk後,找到常用的符號複製一行,再修改冒號中間的代碼就可以了!太簡單了。

例如:

; EAR OF RICE 
:::ear_of_rice::&#x1f33e;
:::ear of rice::&#x1f33e;
; HERB 
:::herb::&#x1f33f;
; FOUR LEAF CLOVER 
:::four_leaf_clover::&#x1f340;
:::four leaf clover::&#x1f340;
; 拚音第一碼
:::syic::&#x1f340;
; 注音輸入第一碼
:::nuh::&#x1f340;
; 倉頡第一碼
:::wtt::&#x1f340;
; 自己發明!!! &#x1f44d;
:::4l::&#x1f340;
; MAPLE LEAF 
:::maple_leaf::&#x1f341;
:::maple leaf::&#x1f341;
:::fyi::&#x1f341;

4. 相關連結

5. 教學影片

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


[Obs#49] 快速準確的擷取網頁生成Markdown備忘:Obsidian Clipper瀏覽器擴充

$
0
0

先前介紹過兩個瀏覽器擴充:TabCopy與Roam-Highlighter,用來快速產生需要的網頁內容,今天介紹的也是瀏覽擴充,可使用於Chrome與Firefox(Edge市場找不到,必須到Chrome 線上應用程式商店 )。

Obsidian Clipper提供了將擷取內容格式化的功能,因此我們可以依自己的需求預先設置好擷取後的內容格式,能更符合筆記的需求。

安裝與設定

由Chrome 線上應用程式商店 安裝後,可以先將之固定在工具列上,開啟右鍵功能表→擴充功能選項,範例如下:

01|600

擷取內容格式可使用四個變數來組成:

  1. title:網頁的抬頭標題
  2. url:瀏覽中的網址
  3. date:擷取日期
  4. clip:選取的內容

因為我們擷取的內容可能含有圖片、超連結、程式碼等,原本預設的

> clip

會造成格式不完整,因此我使用了Admonition外掛,將之包含在區塊裡,以盡量保持原本的內容樣式。

新格式:

- [{title}]({url}) at {date}.

```ad-info
collapse: open
{clip}
```

快捷鍵設置

擷取內容都必須點擊右上角的圖示,有些煩人,因此我們可以將Obsidian Clipper設置一個快捷鍵,以快速按鍵操作。設置步驟如下:

  1. 工具列右鍵功能表→管理擴充功能→鍵盤快速鍵
  2. 找到Obsidian Clipper後設置一個按鍵,例如〔Alt+C〕

設定後需要點擊Obsidian Clipper按鈕時就能直接按〔Alt+C〕。

操作步驟

  1. 瀏覽網頁,例如:【Obsidian 使用教學】筆記篇 01 — 了解 Obsidian 的 Metadata,建立一套可持續迭代的筆記系統 | by 朱騏 | PM的生產力工具箱 | Medium
  2. 選取需要保存的內容
  3. 按〔Alt+C〕生成Clipper內容到系統剪貼簿
  4. 將剪貼簿內容貼入Obsidian筆記裡
  5. 寫些心得等備忘文字

如果有使用Ditto之類的剪貼簿工具,可以全篇文章研讀完畢後,一次全部貼入。

相關連結

教學影片

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

[Obs#50] QuickAdd全攻略(一):改變工作流程的超強外掛

$
0
0

tp.web.random_picture

QuickAdd的功用:使用模板或設定來建立筆記或產生筆記內容,也提供巨集以組合命令與JavaScript腳本,讓我們可完成多種筆記操作。

QuickAdd 功用

  1. 依模板建立新筆記或插入預先設置的筆記內容

QuickAdd的4種選擇

QuickAdd會依設定彈出選擇視窗,再將選擇的結果寫入筆記的指定位置。選擇有4個類型:

  1. Template (模板)
    • 能直接使用Templater模板
    • 檔名可使用QuickAdd的Format(即變數)
    1. Capture (擷取,捕獲)
    • 將設定在Capture format欄位的內容輸出到指定的筆記
    • 在Capture format輸入框裡輸入「{{」即可顯示可使用的Format清單
    • 常用的Format:
      • {{DATE:YYYY-MM-DD HH:mm:ss}}
      • {{VALUE:輸入提示文字}} 彈出輸入視窗
      • {{VALUE:選項,選項2,選項3}} 彈出選擇清單
      • {{TEMPLATE:樣板完整路徑}} 使用指定的模板檔
      • {MACRO:巨集名::輸出的函數名}} 使用巨集
  2. Macro(巨集)
    • 一個巨集可以由一或多個的命令、腳本或QuickAdd選擇組成
  3. Multi(多階層選單)

範例檔連結

  • 📝 通用筆記樣板 template-quickadd.md: https://gist.github.com/emisjerry/ba75ee14716df47bfb65b22336a292c8
  • 📝 每日筆記樣板 (使用Tasks外掛) template-quickadd-daily.md: https://gist.github.com/emisjerry/95809a56c3d5517a38d887581a2214c9
  • 📝 Capture-format: Admonition: https://gist.github.com/emisjerry/1b1e13acaee6d65162d3c5fe76925b94
  • 📝 QuickAdd inline JavaScript test: https://gist.github.com/emisjerry/7d4097da9cd20c73e953da1582ea1c53

相關連結

教學影片

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

[Obs#51] QuickAdd全攻略(2):腳本撰寫與巨集使用要點

$
0
0

tp.web.random_picture

1. Capture 範例1

Capture: Admonition的兩個版本

1.1. Templater API

<%*
let selection = window.getSelection();
let choice = await tp.system.suggester(
  [ "✏️ note", " abstract", "ℹ️ info", " tip", "✅ success", 
  "❓ question", "⚠️ warning", "❌ fail", " bug", " example", 
  "✍️ quote", " comment", " LOL" ], 
  [ 0,1,2,3,4,5,6,7,8,9,10,11,12 ]
  );
const admonitions = [ 
  ["ad-note", "重點"], ["ad-abstract", "摘要"], ["ad-info", "資訊"], ["ad-tip", "技巧"], ["ad-success", "完成"], 
  ["ad-question", "問題"], ["ad-warning", "警告"], ["ad-fail", "失敗"], ["ad-error", "錯誤"], ["ad-example", "範例"], 
  ["ad-quote", "引用"], ["ad-comment", "建議"], ["ad-LOL", "好笑"]
];

admonition = admonitions[choice][0];
title = admonitions[choice][1];

const nl = String.fromCharCode(10);

choice = "```" + admonition + nl +
  //"collapse: on" + nl +
  "title: " + title + nl + selection + nl +
  "```";
//tR += choice;
%>
<% choice %>

1.2. QuicAdd API

‘‘‘js quickadd
//const selection = window.getSelection();
const selection = this.quickAddApi.utility.getSelectedText();
const aTexts =   [ "&#x270f;&#xfe0f; note", " abstract", "&#x2139;&#xfe0f; info", " tip", "&#x2705; success", 
  "&#x2753; question", "&#x26a0;&#xfe0f; warning", "&#x274c; fail", " bug", " example",
  "&#x270d;&#xfe0f; quote", " comment", " LOL" ];
const aValues = [ "0", "1", "2" , "3", "4", "5", "6", "7", "8", "9", "10", "11", "12" ];
let choice = await this.quickAddApi.suggester(aTexts, aValues);
//console.log("choice", choice);

const admonitions = [ 
  ["ad-note", "重點"], ["ad-abstract", "摘要"], ["ad-info", "資訊"], ["ad-tip", "技巧"], ["ad-success", "完成"], 
  ["ad-question", "問題"], ["ad-warning", "警告"], ["ad-fail", "失敗"], ["ad-error", "錯誤"], ["ad-example", "範例"], 
  ["ad-quote", "引用"], ["ad-comment", "建議"], ["ad-LOL", "好笑"]
];

admonition = admonitions[choice][0];
title = admonitions[choice][1];

// 在腳本裡,換行符號和倒引號不要在字串裡使用,改用String.fromCharCode()才不會出現解析錯誤
const nl = String.fromCharCode(10);
const backQuotes = String.fromCharCode(96) + String.fromCharCode(96) + String.fromCharCode(96);

result = backQuotes + admonition + nl +
  "title: " + title + nl + selection + nl + backQuotes;

return result;
‘‘‘

2. Capture 範例2

輸入關鍵字以插入動態圖片。

<%*
let keywords = await tp.system.prompt("隨機圖片:輸入關鍵字(以 , 分隔)");
keywords = keywords.replace(/ /g, "");
//console.log("keywords", keywords);
%>
<% tp.web.random_picture("1600x900", keywords) %>

3. Capture 範例3

將編碼後的網址轉換回正常網址。

‘‘‘js quickadd
selObj = window.getSelection();
text = selObj.toString();
//await this.quickAddApi.utility.getClipboard();
text = await decodeURIComponent(text)
this.quickAddApi.utility.setClipboard(text);
//console.log("main " + text);
return text;
‘‘‘

4. Template 範例

以每日筆記為範例(使用Templater、Tasks外掛),介紹如何輸出條件式內容。

  • https://gist.github.com/emisjerry/95809a56c3d5517a38d887581a2214c9

5. 巨集

巨集操作由三個步驟組成:

  1. 撰寫腳本 js
  2. 巨集定義
  3. 巨集使用

5.1. 撰寫腳本 js

在檔案總管裡儲存庫任何資料夾新增腳本檔,如:my_script.js

async function notice1(params) {
  //({ quickAddApi } = params);
  //const quickAddApi = params.quickAddApi;
  const text = await params.quickAddApi.inputPrompt("隨意輸入文字...");
  new Notice(text, 5000);
  return text;
}

async function notice2(params) {
  //({ quickAddApi } = params);
  //const quickAddApi = params.quickAddApi;
  const text = await params.quickAddApi.inputPrompt("隨意輸入文字2...");
  new Notice(text, 5000);
  return text;
}

module.exports = { notice1,notice2 };

5.2. 巨集定義

  1. 【設定】→【外掛選項】→【QuickAdd】→【Manage Macros】
  2. 輸入巨集名稱(如「macro_notice」)後點擊〔Add macro〕
  3. 點擊新增巨集的【Configure】
    1. 在【User Scripts】選用要使用的腳本後按〔Add〕
    2. 要被執行的命令會添加在上方

5.3. 巨集使用

  1. 【設定】→【外掛選項】→【QuickAdd】
  2. 在QuicAdd Settings視窗裡輸入名稱(如 「Macro: notice」),選用【Macro】後按〔Add Choice〕
  3. 在新添加的巨集上點擊右側的【Configure】
  4. 選擇要使用的巨集(即 macro_notice)

6. Capture 使用巨集

在Capture format欄位輸入如下內容,會彈出視窗以選擇要用那個函數:

{{MACRO:macro_notice}}

直接使用指定的函數,此寫法似乎會影響Templater的動態命令:

{{MACRO:macro_notice::notice2}}

7. 範例檔連結

8. 相關連結

9. 教學影片

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

[Obs#52] 變更段落顏色與重點高亮度的CSS片段

$
0
0

tp.web.random_picture|600

這次不介紹外掛,而是介紹CSS片段給 ==高顏控== 指數的網友們。
我們使用的是deathau製作的CSS片段。

可使用的顏色代碼如下:

  • gray 灰色
  • brown 褐色
  • orange 橘色
  • yellow 黃色
  • green 綠色
  • blue 藍色
  • purple 紫色
  • pink 粉紅色
  • red 紅色

除了deathau的CSS片段,先前介紹過的8+8 highlight colors是另一個選擇:
[Obs#39] 利用CSS變更文字顏色,侵入性小

安裝與啟用

1. 下載CSS檔

至下列網址下載.css檔,再存入你的<span class=’purple-bg’>儲存庫根目錄/.obsidian/snippets</span>

  1. https://github.com/deathau/obsidian-snippets/blob/main/notation-colour-blocks.css
  2. https://github.com/deathau/obsidian-snippets/blob/main/realistic-highlight.css

2. 啟用CSS片段

設定→外觀→找到CSS片段,啟用要使用的notation-colour-blocks與realistic-highlight。

由於顏色類別名有許多外掛會自行定義,因此會有衝突(例如yellow,Buttons外掛也有用到),為了避免同名衝突,建議修改notation-colour-blocks.css,將顏色名再加上不會重覆的開頭,例如yellow改成note-yellow。

1. 區域文字前景顏色

<ol><li>這段文字變成<span class='note-gray'>gray 灰色</span>,檢視看看😄
<li>這段文字變成<span class='note-brown'>brown 褐色</span>,檢視看看😄
<li>這段文字變成<span class='note-orange'>orange 橘色</span>,檢視看看😄
<li>這段文字變成<span class='note-yellow'>yellow 黃色</span>,檢視看看😄
<li>這段文字變成<span class='note-green'>green 綠色</span>,檢視看看😄
<li>這段文字變成<span class='note-blue'>blue 藍色</span>,檢視看看😄
<li>這段文字變成<span class='note-purple'>purple 紫色</span>,檢視看看😄
<li>這段文字變成<span class='note-pink'>pink 粉紅色</span>,檢視看看😄
<li>這段文字變成<span class='note-red'>red 紅色</span>,檢視看看😄
</ol>

01

2. 區域文字背景顏色

<ol><li>這段文字變成<span class='gray-bg'>gray 灰色</span>,檢視看看👼
<li>這段文字變成<span class='brown-bg'>brown 褐色</span>,檢視看看👼
<li>這段文字變成<span class='orange-bg'>orange 橘色</span>,檢視看看👼
<li>這段文字變成<span class='yellow-bg'>yellow 黃色</span>,檢視看看👼
<li>這段文字變成<span class='green-bg'>green 綠色</span>,檢視看看👼
<li>這段文字變成<span class='blue-bg'>blue 藍色</span>,檢視看看👼
<li>這段文字變成<span class='purple-bg'>purple 紫色</span>,檢視看看👼
<li>這段文字變成<span class='pink-bg'>pink 粉紅色</span>,檢視看看👼
<li>這段文字變成<span class='red-bg'>red 紅色</span>,檢視看看👼
</ol>

02

3. 程式碼區塊背景顏色

```note-gray-bg
gray 灰色
gray 灰色
gray 灰色
```
```note-brown-bg
brown 褐色
brown 褐色
brown 褐色
```
```note-orange-bg
orange 橘色
orange 橘色
orange 橘色
```
```note-yellow-bg
yellow 黃色
yellow 黃色
yellow 黃色
```
```note-green-bg
green 綠色
green 綠色
green 綠色
```
```note-blue-bg
blue 藍色
blue 藍色
blue 藍色
```
```note-purple-bg
purple 紫色
purple 紫色
purple 紫色
```
```note-pink-bg
pink 粉紅色
pink 粉紅色
pink 粉紅色
```
```note-red-bg
red 紅色
red 紅色
red 紅色
```

02

4. 程式碼區塊前景顏色

```note-gray
gray 灰色
gray 灰色
gray 灰色
```
```note-brown
brown 褐色
brown 褐色
brown 褐色
```
```note-orange
orange 橘色
orange 橘色
orange 橘色
```
```note-yellow
yellow 黃色
yellow 黃色
yellow 黃色
```
```note-green
green 綠色
green 綠色
green 綠色
```
```note-blue
blue 藍色
blue 藍色
blue 藍色
```
```note-purple
purple 紫色
purple 紫色
purple 紫色
```
```note-pink
pink 粉紅色
pink 粉紅色
pink 粉紅色
```
```note-red
red 紅色
red 紅色
red 紅色
```

![03](03

5. 重點高亮

這是 <mark class='gray'>重點</mark> 要特別注意。
這是 <mark class='brown'>重點</mark> 要特別注意。
這是 <mark class='orange'>重點</mark> 要特別注意。
這是 <mark class='yellow'>重點</mark> 要特別注意。
這是 <mark class='green'>重點</mark> 要特別注意。
這是 <mark class='blue'>重點</mark> 要特別注意。
這是 <mark class='purple'>重點</mark> 要特別注意。
這是 <mark class='pink'>重點</mark> 要特別注意。
這是 <mark class='red'>重點</mark> 要特別注意。

04

6. 相關連結

7. 教學影片

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

B站生存手記

$
0
0

雖然《簡睿軟體頻道》是個小頻道,但後台數據顯示也有一部份的觀眾是來自簡體中文的環境,為了服務這些朋友們,也為了讓花了時間與精力製作的影片,不致因為搬運的疏漏而造成失誤,這幾天便在B站建了帳號,逐一將AutoHotkey與Obsidian的影片先上傳,後續再陸續變更封面與字幕檔。

我只努力了兩三個晚上、大約100支影片,就有點筋疲力盡的感覺了 想到對岸的朋友們卻是成天要和這些無法形之明文的「潛規則」拚鬥,實在是深感佩服。辛苦了,對岸的朋友們…🙇

我不過是分享些電腦應用的小技巧,東一個「 您的主体素材过于敏感 确实无法过审」,西一個「含有敏感内容」,真是讓人啼笑皆非,更扯的是,不只影片無法通過審核,竟然連字幕檔也被退回。蒼天啊~人生如白駒過隙,為何我們要浪費生命在這種無謂的事物上?

好吧,現實就是如此,只是我不習慣而已。牢騷發完,還是會繼續把影片都上傳完畢,只是對有需要的朋友們先說聲抱歉,如果你看不到某支影片,或是有標示CC字幕但實際卻看不到,這不是作者偷懶,實在是貴方的審核太****了(十之**你也能猜得出我想說的是什麼吧?😢 )。

對了,我的B站網址是: https://space.bilibili.com/1119961064/

歡迎朋友們到訪。

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

Viewing all 904 articles
Browse latest View live