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

[Obs＃30] 更多的Dataview: 動態查詢筆記資料

March 31, 2021, 5:14 am
$
0
0

查詢語法與YAML簡介

Dataview提供類似資料庫的結構化查詢語言（Structured Query Language，SQL）的簡化語法，讓我們可以查詢筆記的詮釋資料（Metadata），將筆記的即時動態透過簡單的語法就能顯示出來。

Dataview使用的詮釋資料主要來自筆記開頭的YAML區域與檔案資訊：
– YAML區：筆記開頭以三個減號夾住的區域，用來定義該篇筆記的屬性（詮釋資料，Metadata）
– YAML欄位：固定欄位有aliases與tags，其他我們可自行定義
– 欄位的值不要使用中括號和井號
– 欄位的值若有多個，用中括號夾住
– YAML輸入完成後，檢視預覽面板是否可正確解析，若顯示(INVALID YAML)則否必須修正

```dataview
[TABLE|LIST|TASK] field1, field2, ..., fieldN FROM #tag or "folder" or [[link]]
WHERE somefield = somevalue
COMMAND argument
COMMAND argument
...
COMMAND argument
```

相關連結

增強功能

  1. 查詢來源(from)增加連結 [[link]]
    • from [[Link]]: 連結到我的筆記 (Backlink)
      • list from [[note]] // List all notes which link to [[note]]
    • from outgoing([[Link]]): 我的筆記向外連結的筆記
      • list from outgoing([[note]]) // List all notes that [[note]] links to
  2. Group by
  3. Flatten
  4. 可使用 as 中文欄名了

範例

Todo list/進度管理

1. 特定標籤＋Emoji
```dataview
table flag as 標示,file.ctime as 建檔時間
from #project-todo
```
2. Group by

用Group by分群。下列用status分成4個群組。分群後產生的陣列是rows。

```dataview
table status, rows.file.name as 檔名, rows.file.ctime as 建檔時間
from #project-todo
where status
group by status
```
3. Flatten

把多個資料攤平逐一顯示。例如一本書有3名作者則顯示成3筆記錄。

```dataview
table member,status,flag
from #project-todo
sort file.name
flatten member
```

contains(含有)

▼ 檔名含有特定字串(Obsidian)的筆記

```dataview
list from ""
where contains(file.name, "Obsidian")
```

▼ 找出按〔Ctrl+V〕貼入的圖檔

```dataview
list from ""
where contains(file.name, "Pasted ")
```

反向/內部連結

▼ 反向連結：指向from的筆記

```dataview
table file.ctime as "建檔日期"
from [[SmartGit Notes]]
```

▼ 向外連結：from裡使用到的筆記

```dataview
table file.ctime as "建檔日期"
from outgoing([[SmartGit Notes]])
```

日期比對

  • now, today, yesterday, tomorrow等只能放在date()裡
  • 日期與日期比較 
```
where file.mtime >= date(yesterday)
```
  • 3天內修改的筆記: 使用dur函數
```
where date(today) - file.mtime <= dur(3 days) 
```
  • 範例將#project-todo改成 “” 就可查詢整個儲存庫。
1. 今日修改的檔案
```dataview
table file.mtime 
from #project-todo
WHERE file.mtime >= date(today) - dur(1 day)
```
2. 三天內建立的筆記
```dataview
table file.ctime
from #project-todo
where file.ctime >= date(today) - dur(3 days) 
sort file.mtime desc
```
3. 今年新建立的筆記
```dataview
table file.ctime
from #project-todo
where file.ctime.year = date(today).year
```
4. 建檔迄今過了多少時間
```dataview
table file.ctime, date(now)-(file.ctime) as 迄今時數
from #project-todo
sort date(today)-(file.ctime)
```

教學影片

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

↧
Search

[Obs＃31] 美化提示方塊的外掛：Admonitions和方便選用的AutoHotkey腳本

April 5, 2021, 1:40 am
$
0
0

01

舉凡重點提示、吸引注意、綱要彙總等重要的文字片段，都可以使用Admonitions格式來形成美觀的區塊。

提示方塊範例

```ad-note
title: 黑曜岩是什麼？
collapse: open
content: 黑曜岩（英語：Obsidian），又名黑曜石或十勝石，是一種自然產生的玻璃。
![01](https://upload.wikimedia.org/wikipedia/commons/thumb/3/39/Different_rocks_at_Panum_Crater.jpg/300px-Different_rocks_at_Panum_Crater.jpg)
成因是因為火山熔岩迅速冷卻凝結，沒有足夠的時間讓礦物晶體長出，而形成玻璃質。因為熔岩流外圍冷卻的速度最快，所以黑曜石通常都是在熔岩流外圍發現。主要成分：二氧化矽，硬度：5，比重：2.339-2.527，折射率：1.48-1.51，含水1-2%，化學組成為SiO2(H2O)。
```

title: 黑曜岩是什麼？
collapse: open
content: 黑曜岩（英語：Obsidian），又名黑曜石或十勝石，是一種自然產生的玻璃。
![01](https://upload.wikimedia.org/wikipedia/commons/thumb/3/39/Different_rocks_at_Panum_Crater.jpg/300px-Different_rocks_at_Panum_Crater.jpg)
成因是因為火山熔岩迅速冷卻凝結，沒有足夠的時間讓礦物晶體長出，而形成玻璃質。因為熔岩流外圍冷卻的速度最快，所以黑曜石通常都是在熔岩流外圍發現。主要成分：二氧化矽，硬度：5，比重：2.339-2.527，折射率：1.48-1.51，含水1-2%，化學組成為SiO2(H2O)。

類型

類型 代名 含義
note note, seealso 備註
abstract abstract, summary, tldr 摘要
info info, todo 資訊
tip tip, hint, important 小技巧
success success, check, done 完成
question question, help, faq 問題
warning warning, caution, attention 警告
failure failure, fail, missing 失敗
danger danger, error 錯誤
bug bug 臭蟲
example example 範例
quote quote, cite 引用 
```ad-note
備註：使用代碼`ad-note`
```

```ad-abstract
摘要：使用代碼`ad-abstract`
```

```ad-info
資訊：使用代碼`ad-info`
```

```ad-tip
小技巧：使用代碼`ad-tip`
```

```ad-success
完成：使用代碼`ad-success`
```

```ad-question
疑問：使用代碼`ad-question`
```

```ad-warning
警告：使用代碼`ad-warning`
```

```ad-failure
失敗：使用代碼`ad-failure`
```

```ad-danger
錯誤：使用代碼`ad-danger`
```

```ad-bug
臭蟲：使用代碼`ad-bug`
```

```ad-example
範例：使用代碼`ad-example`
```

```ad-quote
引用：使用代碼`ad-quote`
```
</pre>

<h3>用AutoHotkey GUI簡化輸入</h3>

在彈出視窗選擇要使用的樣式，AutoHotkey腳本將語法加入系統剪貼簿再貼上。

<pre>
```ad-danger
title: 標題
collapse: open
content:
```

```ad-example
title: aaaa範例
collapse: open
content:
```

#

教學影片

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

↧
↧

[OBS＃32] templater: 無限擴充可能的第三方樣板外掛

April 9, 2021, 10:16 pm
$
0
0

templater是基於內建樣板而擴充的第三方外掛。
1.1.0版變更了內建變數的寫法（改採Eta樣板引擎），使用Templater先前版本建立的樣板必須全面更新。

templater的內建樣板變數

  • tp.模組名.函數名(參數1, …)
  • tp.模組名.屬性
模組名稱 使用 功用
date tp.date 日期功能
file tp.file 檔案功能
frontmatter tp.frontmatter YAML鍵值存取
web tp.web 網路服務
user tp.user 自訂模組

發生錯誤如何解決？

按〔Ctrl+Shift+I〕→Console，查看錯誤訊息。

新舊用法對照

舊內部變數 新內部變數 描述
{{tptitle}} <%tp.file.title%> 檔名
{{tptoday}} <%tp.date.now("YYYY-MM-DD HH:mm")%> 取回今天日期與時間
{{tpyesterday}} <%tp.date.yesterday("YYYY-MM-DD HH:mm")%> 取回昨天日期
{{tptomorrow}} <%tp.date.tomorrow("YYYY-MM-DD HH:mm")%> 取回明天日期
{{tpdailyquote}} <%tp.web.dailyquote()%> 由 https://quotes.rest/ 取得本日格言
{{tprandompicture}} <%tp.web.randompicture("1600x900")%> 由 https://unsplash.com/ 取得隨機圖片
{{tptitlepicture}} <%tp.web.random_picture("1600x900", tp.file.title)%>) 依檔名由 https://unsplash.com/ 取回圖片

自訂變數變更

  1. 原本自訂變數「{{天氣_台北市}}」刪除大括號變成「天氣_台北市」
  2. 樣板檔裡以 <% tp.user.天氣_台北市() %> 取用

Eta樣板引擎進階功能

<%* if (tp.file.title.contains("週一")) { %>
Blue Monday! :-(
<%* } else if (tp.file.title.contains("週五")) { %>
Thank God, it's Friday!
<%* } %>

<%* 
function getWeek() {
  var d = new Date();
  var n = d.getDay();
  return n;
}

function getWeekStr(n) {
  var w = ["日","一","二","三","四","五","六"];
  return w[n];
}  
%>
<% "今天是星期" + getWeekStr(getWeek()) %>

相關連結

教學影片

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

↧

AI 降噪！ 🙉 Krisp 測試：能有效遮蔽鍵盤打字聲嗎？

April 16, 2021, 7:28 am
$
0
0

Krisp號稱使用AI技術來有效遮蔽除了人聲以外的噪音，目標市場是線上會議與聊天等通訊軟體的使用者，直接整合Zoom、Google Meet、Slack、Microsoft Teams線上會議應用。

個人可每周120分鐘免費使用。

01

錄影時選項

02

相關連結

教學影片

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

↧

[Obs＃33] Media-Extended：嵌入多媒體檔案的簡單方法

April 17, 2021, 7:02 am
$
0
0

1. 現有本地端多媒體檔案的嵌入方法

Obsidian語法（無法指定秒數） 

![[sample.mp3]]
![[Obs＃30-More-Dataview.mp4#t=180]]

標準Markdown語法（無法指定秒數）： 

<img src="sample.mp3" alt="" />
<img src="Obs＃30-More-Dataview.mp4" alt="" />

2. 現有遠端多媒體檔案的嵌入方法

Obsidian無法嵌入！必須用iframe標籤 

![[https://youtu.be/dFWMZ9kSXbc]]
![](https://youtu.be/dFWMZ9kSXbc)
![](https://youtube.com/watch?v=dFWMZ9kSXbc)

使用iframe標籤

<iframe width="350" height="215" src="https://www.youtube.com/embed/dFWMZ9kSXbc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

3. 使用Media Extended外掛

指定秒數：#t=[starttime][,endtime]

本地檔案可嵌入且Obsidian語法可指定秒數 

![](Obs＃30-More-Dataview.mp4#t=180)
![[Obs＃30-More-Dataview.mp4#t=180]]

遠端檔案可嵌入

  1. 不支援Obsidian語法
  2. YouTube可指定秒數（2.2.0版顯示不正確)
  3. B站尚不支援指定秒數
![](https://www.youtube.com/watch?v=dFWMZ9kSXbc#t=180)

相關連結

教學影片

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

↧
↧

[Obs＃34] 用Tabs外掛形成分頁式佈局

April 21, 2021, 8:20 am
$
0
0

可使用的面板佈局形式：

  1. 系統預設的拖拉式佈局
  2. Andy’s Mode
  3. Tabs外掛的分頁式佈局

1. 預設的拖拉式佈局

  1. 以垂直方式開啟面板
  2. 按住面板標題最左側的圖示可拖拉面板
  3. 可自由拖拉面板邊界分隔線以形成不同大小 
    注意！
所有開啟過的面板共享同一個歷史

2. Andy’s Mode (Sliding Panes)

  1. 編輯中筆記佔有最大固定
  2. 其他面板形成堆疊式垂直頁籤

3. Tabs外掛的分頁式佈局

Tabs的說明看得不是很懂，摸索出下列操作方法，若有錯誤敬請見諒 😊。

  1. 新的面板以垂直式方式開啟
  2. 在的編輯區最上方呈現分頁頁籤，編輯中面板佔有全部空間
  3. 點擊分頁頁籤切換編輯筆記
注意！
編輯/預覽的並排呈現操作有些複雜，等待「**所視即所得**」的編輯模式早日誕生

並排（Side by side）的操作

  1. 選項【Proper Horizontal Splits】最好不要勾選啟用
  2. 開啟第一篇筆記後，點擊【更多選項】裡的【水平切割】，將編輯中筆記開啟到右側的新面板
  3. 再用〔Ctrl+Click〕開啟新面板後，以垂直方式拖拉到要形成分頁的左側或右側
  4. 若左、右側要同步連結，則點擊【更多選項】→ 【連結面板】
  5. 並排模式下無法變更面板大小
推測...
1. Tabs預設以垂直方式開啟面板，因此拿【水平分割】來做為並排操作之用。
2. 編輯中筆記想要移動到右側時，先用水平分割，再把新的垂直面板拖到右側

獨立的面板歷史

安裝並啟用Pane Relief外掛即可讓每個面板具有各自獨立的開啟歷史。

相關連結

教學影片

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

↧

在命令提示字元取得目前資料夾路徑的方法—使用set /p｜初學者的命令行＃10

April 22, 2021, 4:19 am
$
0
0

目的：將命令提示字當前資料夾複製到剪貼簿，供檔案總管使用

ℹ 把命令提示字元目前路徑複製起來，可貼入其他應用的開啟/儲存對話窗

解法1

環境變數 CD 就是目前資料夾，導向到系統剪貼簿。

echo %CD%\| clip

問題：echo 會附加換行符號

解法2

為了去除換行符號，比較簡單的方法是使用GNU工具 tr

  • Windows的GNU工具有很多個，我使用的是 Gnu on Wondows (GitHub)
  • 刪除換行（Carriage Return與Line Feed）：
    tr -d '\r' | tr -d '\n'

最後的寫法：

echo %CD%\| tr -d &#039;\r&#039;  | tr -d &#039;\n&#039; | clip

解法3

最後一個執行速度較快的作法是使用 set /p 內部命令。

用set /?可以看到 /p 的說明：

set /p 變數=提示文字

/P 參數讓您設定命令列的使用者輸入變數值。在讀取輸入命令列之前，顯示指定的 promptString。promptString 可以是空白。

首先指定提示文字是目錄資料夾，執行後會回應顯示目前路徑：

set /p WD=%CD%\

再用 echo 將之顯示到命令行，再導向到剪貼簿：

echo | set /p WD=%CD%\| clip

WD變數不會用到，因此將之移除而形成最終版本：

echo | set /p =%CD%\| clip

另外可以用 <NUL以跳過使用者輸入，但因為最後面會多出一個空白，因此仍以上解為佳。

<nul set /p =%CD%\| clip

參考

教學影片

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

↧

[Obs＃35] Buttons外掛開啟筆記自動化操作契機⁉️

April 23, 2021, 8:11 am
$
0
0

語法

button語法 

    ```button
    name required
    type required
    action required
    color optional
    class optional
    id optional
    replace optional
    remove optional
    ```

  • 第一行必須是name (筆記裡唯一名稱)
```button
name 瀏覽簡睿隨筆
type link
action https://google.com
remove false
```

type類型

  1. command
  2. link
  3. template
  4. calculate

選項

argument description options example
name required: the name of the button any string My Button
type required run a command or open a url command, link, template, calculate command
action required depending on button type this will be a command, link, template, or equation Toggle Pin or https://obsidian.md or My Template or 1+2 Toggle Pin
color optional: arg to change color of the button blue, green, red, purple. yellow blue
class optional: add a class to the button for more customized styling. Adding a custom class will remove default classes(全部小寫) a string representing your custom class button-default, button-shine
id optional: add a custom id to the button for styling a string representing your custom id myId
remove optional: if true removes button after command runs true true
replace optional: specify a section header above the button and it will remove content from the section (and replace if used with prepend template)(replace true要在最後一行) The section header directly above the button ## Replace this Section| undefined undefined undefined undefined undefined

按鈕範例

1. 命令按鈕

```button
name 匯出 PDF
type command
action 匯出 PDF
remove false
```


```button
name 釘選切換
type command
action 釘選切換
remove false
```


```button
name 切換焦點到右側面板
type command
action 切換焦點到右側面板
remove false
```

2. 連結按鈕

```button
name 瀏覽簡睿隨筆
type link
action http://jdev.tw/blog
```

```button
name 開啟新建立newnote1
type link
action obsidian://open?vault=MOC&file=newnote1#^top
```

3. 樣板按鈕

樣板按鈕
1. prepend template: 在按鈕前面插入指定樣板之內容
2. append template: 在按鈕後面插入指定樣板之內容
2. note(檔名路徑) template: 用指定的樣板建立新筆記到指定位置
4. 使用Templater外掛要勾選【Trigger Templater on new file creation】 

```button
name 在按鈕前面插入test-loop樣板
type prepend template
action test-loop
```


```button
name 在按鈕後面插入test-loop樣板
type append template
action test-loop
```


```button
name 用test-loop樣板建立新筆記
type note(/newnote1) template
action test-loop
```

4. 運算按鈕

```button
name Add 1+2
type calculate
action 1+2
```

Result: 3

$行號取值：全形冒號後要有空白 

商品名稱：iPad Pro
商品單價： NT$ 24000
購買數量: 3

```button
name iPad購買金額
type calculate
action $204*$205
```
Result: 72000

相關連結

教學影片

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

↧
Search

YARLE：逃離Evernote的救命索❓ 轉換Evernote筆記至Markdown的轉檔工具

April 24, 2021, 12:46 am
$
0
0

rope ladder

轉檔步驟

Evernote的操作

  1. 點擊記事本
  2. 記事本【更多操作】→【匯出記事本】
  3. 指定存放資料夾與檔名路徑，產生「記事本名稱.enex」

YARLE的操作

依步驟執行即可。

教學影片

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

↧
↧

WSL+WSLg啟用Linux圖形介面應用(GUI Apps)

April 24, 2021, 8:06 pm
$
0
0

01
02

安裝作業系統

title: 前提
collapse: open
content: 版本需求：Windows 10 Insider Preview build 21362+

▼ 查商會可用的發佈

wsl --list --online

▼ 找出已安裝的Distro

wsl --list -v

▼ 安裝

wsl --install -d Ubuntu

安裝過程中遇到的狀況：

因為我先前已經有安裝了WSL2，首先遇到下一列錯誤：

Error: 0x800701bc WSL 2 ???????????????????? visit https://aka.ms/wsl2kernel

解決方法
* 下載 linux kernel update 更新

終於進入Ubuntu shell後卻看到因為有檔案系統的問題，要我輸入dmesg，查看後發現是連接的兩部外掛USB硬碟有使用BitLocker加密，導致Ubuntu無法掛載，卸離USB硬碟後，終於成功啟動。

安裝應用程式

依網站的範例，安裝了一些GUI應用測試：

sudo apt update

## Gedit
sudo apt install gedit -y

## GIMP
sudo apt install gimp -y

## Nautilus
sudo apt install nautilus -y

## X11 Apps
sudo apt install x11-apps -y

## Microsoft Edge Browser
sudo curl https://packages.microsoft.com/repos/edge/pool/main/m/microsoft-edge-dev/microsoft-edge-dev_91.0.852.0-1_amd64.deb -o /tmp/edge.deb
sudo apt install /tmp/edge.deb -y

▼ 執行

xclock &
xcalc &
gedit ~/.bashrc
microsoft-edge

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

↧

[Obs＃36] Kanban：提升待辦事項成為專案管理任務

April 25, 2021, 9:01 pm
$
0
0

Kanban是受歡迎的敏捷開發流程的方法之一，將工作事項切割成多項可執行小任務，再依進度去變更任務狀態。

01

Kanban筆記語法

Kanban筆記可以用〔Ctrl+P〕建立或資料夾的右鍵功能表建立，建立的筆記會受外掛監控，格式有問題會被外掛直接修改。我的操作建議是：

  1. 把下列內容建立成樣板，注意：空行必須保留
---

kanban-plugin: basic

---

## List

- [ ] Item
  1. 插入樣板成新的筆記
  2. List上下皆有一個空行，必須保留
  3. Item直接輸入內容，輸入後按兩個〔Ctrl+Enter〕，讓文字內容變成核取項目
  4. 【更多選項】→【Open as kanban board】或【Open as markdown】切換編輯與預覽模式

相關連結

教學影片

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

↧

[Obs#37] 用Readwise Community/Kindle Highlights同步線上與Kindle筆記

April 29, 2021, 10:41 pm
$
0
0

介紹一個網站Readwise和兩個Obsidian外掛。第一個外掛就是同步Readwise網站的外掛：Readwise Community，第二個是同步Kindle筆記的Kindle Highliights。

Redewise網站提供了瀏覽器擴充，讓我們標註網頁瀏覽到的重點（Highlights） 並自動儲存到Readwise，除了網頁重點外，在Kindle的書籍筆記也會存入。

Readwise外掛則可以把Readwise的變動內容同步到Obsidian筆記裡，一本Kindle書籍或一篇網頁文章一個檔案，新增重點會附加到筆記後面。

注意！

  1. 同步的Obsidian筆記會產生在儲存庫根目錄
  2. 同步的Obsidian筆記檔案不可刪除，否則就不會再同步了

⚙ 設定

首先必須到Readwise網站註冊（30天試用，一般用戶每月美金4.49元），並取得API存取的Access Token，將取到的Token存入Obsidian的Readwise設定裡。

♻ 同步筆記樣板

Readwise的同步筆記有標題區和內容區，我們可依需求分別到外掛選項裡設置對應的樣板：Custom Header Template Path與Custom Highlight Template Path。

又一套樣板語法… 😢 Readwise使用的是 Nunjucks。

標題區樣板範例

---
created: {{ updated }}
author: {{ author }}
tags: [ {{ category }} ]
---
# {{ title }}
- 來源：[網址]({{ source_url }})
- 作者：{{ author }}
- 建立日期：{{ updated }}

內容區樣板範例

{{ location }}. {{ text }} 

{%- if note %}
Note: {{ note }}
{%- endif %}

%% highlight_id: {{ id }} %%

相關連結

📑 另一個外掛：Kindle Highlights

登入Amazon.com後即可同步。

📋 用Ditto的緩衝區

自行設定緩衝區熱鍵：

緩衝區2操作 緩衝區2熱鍵
複製 Ctrl+Win+C
貼上 Ctrl+Win+V
剪下 Ctrl+Win+X

教學影片

＃＃

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

↧

[Obs＃38] 編輯區顯示圖片的外掛

May 7, 2021, 7:09 am
$
0
0

等不及Obsidian「所視即所得」編輯器功能的朋友們可以先試試這個外掛：Ozan’s Image in Editor Plugin，它的主要功能就是能在編輯區的圖片語法下方直接顯示圖片，不必再由預覽面板來觀看圖片了。

格式

標準的Markdown圖片格式與Obsidian的Wiki格式都支持：

  1. ![文字|#大小](圖片)：大小有#small、#x-small、#xx-small三種
  2. ![[圖片|#大小]]：|#大小可以省略

圖片可以是本地的，也可以是圖片網址。

注意！

  • 用Wiki格式的網址目前無法正確預覽。(本地圖片則可正常顯示)
  • 目前盡量用標準的圖片格式就都能正確顯示。

範例

1. First image

01

2. 2nd image

![[https://images.unsplash.com/photo-1619646285741-538322e8d6b8?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=900&ixid=MnwxfDB8MXxyYW5kb218fHx8fHx8fHwxNjIwMjk0MjA4&ixlib=rb-1.2.1&q=80&utm_campaign=api-credit&utm_medium=referral&utm_source=unsplash_source]]

相關連結

教學影片

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

↧
↧

[AHK＃45] Adventure IDE: AutoGUI 3.0升級版

May 10, 2021, 6:20 am
$
0
0

tp.web.random_picture

先前介紹過使用AutoGUI來撰寫AutoHotkey腳本程式碼，我的AutoGUI版本一直使用2.6版，近日網友回報找不到AutoGUI了，經過查詢後得知原本的AutoGUI 3.0已經改名為Adventure IDE，並且已經由撰寫AutoHotkey腳本擴大成通用的程式編輯器，只要存檔時把檔案副檔名定為.ahk，仍留可編寫AutoHotkey腳本，但找了一下功能表，卻找不到原本2.6版的New GUI選項，這樣我們要如何來撰寫AutoHotkey的GUI腳本呢？以下介紹Adventure IDE裡啟用AutoHotkey GUI編輯器的方法。

啟用GUI編輯器的步驟

  1. 功能表【Tools】→【Configure Tools…】
  2. 點擊左下角的【New…】
  3. 瀏覽到 [Adventure IDE安裝資料夾]\Tools\GUI Designer\
  4. 點擊Auto-GUI.ahk檔案以增加Auto-GUI功能選項

修改 Auto-GUI.ahk

點擊【Tools】→【Auto-GUI】功能選項時如果彈出錯誤視窗，表示你的螢幕字型大小不是96 DPI，可能是100 DPI或更大的設定：

01

修改DPI檢查使能執行：

  1. 用Adventure IDE開啟Auto-GUI.ahk
  2. 搜尋「96」，將214hommn mgln 218行變成註解
  3. 存檔後即能正確執行Auto-GUI了

教學影片

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

↧

[Obs＃39] 利用CSS變更文字顏色，侵入性小

May 10, 2021, 6:38 am
$
0
0

先前介紹使用者<span class='顏色'>的方法對文字添加顏色，這個方法不只要在筆記內容加上HTML標籤，也要加CSS的顏色設定，對內容的破壞性較大。這次介紹8+8 highlight colors只透過格式字串（#h/顏色形成巢狀標籤）和CSS設定就能提供16種顏色，對內容的破壞性較小，顏控可試用看看。

警告❗

  1. #h/white** #h/red ==Markdown標準並無變更文字顏色的語法，此方法只能在Obsidian裡使用。==**
  2. 有些 #h/green 佈景主題 會造成產生PDF顏色錯誤，若發生顯示正常、PDF有誤時，換一個主題試看看

使用格式

在要變更顏色的前面加上下列設定：

  1. 設定背景色：#h/顏色 ==文字==
  2. 設定粗體前景色：#h/顏色 **文字**
  3. 設定斜體前景色：#h/顏色 _文字_

小技巧

  1. 井號左側要有空白。
  2. 可使用巢狀式格式。例如： #h/red ==#h/yellow 紅底黃字==
  3. 編輯時會因中文字造成游標定位，在井號左邊加上 #h/aqua倒引號 即能正常編輯，輸入完成後再刪除倒引號
  4. #h標籤可看到各個顏色的統計，亦可使用顏色來查詢

顏色代碼

01

顏色代碼 背景顏色

h/white white | #h/white ==白==

h/black black | #h/black ==黑==

h/red red | #h/red ==紅==

h/aqua aqua | #h/aqua ==水藍==

h/fuchsia fuchsia | #h/fuchsia ==紫紅==

h/green green | #h/green ==綠==

h/yellow yellow | #h/yellow ==黃==

h/blue blue | #h/blue ==藍==

h/gray gray | #h/gray ==灰==

h/silver silver | #h/silver ==銀==

h/maroon maroon | #h/maroon ==褐红==

h/teal teal | #h/teal ==藍綠==

h/purple purple | #h/purple ==紫==

h/lime lime | #h/lime ==青檸綠==

h/olive olive | #h/olive ==橄欖綠==

h/navy navy | #h/navy ==藏青==

範例

基本顏色

要 #h/purple ==強調== 的文字用兩個等號，很 #h/red **重要** 的 #h/green _文字_，特別變更顏色

要 #h/purple ==強調== 的文字用兩個等號，很 #h/red 重要 的 #h/green 文字，特別變更顏色

組合顏色

#h/white ==#h/red **白底紅字**==
#h/black ==#h/red **黑底紅字**==

h/white ==#h/red 白底紅字==

h/black ==#h/red 黑底紅字==

安裝步驟

  1. 由GitHub下載
  2. 設定→外觀→CSS片段→開啟CSS片段資料夾，將下載的CSS檔案複製到資料夾
  3. 啟用複製了的CSS檔

相關連結

教學影片

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

↧
Search

[Obs＃40] 日文學習利器！也能處理中文注音與拚音標記－Furigana外掛

May 13, 2021, 6:44 am
$
0
0

學習日文時經常需要知道漢字的發音（假名），Markdown-Furigana外掛可以很方便的輸入與顯示振假名（振り仮名／ふりがな），同時也能處理注音符號與漢語拚音。

振假名範例

{漢字|かんじ}，{漢字|ㄏㄢˋ|ㄗˋ}，{漢字|han|zi}

{地球|ほし} {漢|おとこ} {強敵|とも} {本気|マジ} {凝視|みつめ}る

01

格式

  1. {漢字|ㄏㄢˋㄗˋ}： {漢字|ㄏㄢˋㄗˋ} 
    <ruby>漢字<rt>ㄏㄢˋㄗˋ</rt></ruby>
  2. {漢字|ㄏㄢˋ|ㄗˋ}：{漢字|ㄏㄢˋ|ㄗˋ} 
    <ruby>漢<rt>ㄏㄢˋ</rt>字<rt>ㄗˋ</rt></ruby>

注音範例：《{錯誤|ㄘㄨㄛˋㄨˋ}》{鄭愁予|ㄓㄥˋㄔㄡˊㄩˇ}

{我打江南走過|ㄨㄛˇㄉㄚˇㄐㄧㄤㄋㄢˊㄗㄡˇㄍㄨㄛˋ}

{那等在季節裡的容顏如蓮花的開落|ㄋㄚˇㄉㄥˇㄗㄞˋㄐㄧˋㄐㄧㄝˊㄌㄧˇ˙ㄉㄜㄖㄨㄥˊㄧㄢˊㄖㄨˊㄌㄧㄢˊㄏㄨㄚ}

{東風不來|ㄉㄨㄥㄈㄥㄅㄨˋㄌㄞˊ}，
{三月的柳絮不飛|ㄙㄢㄩㄝˋ˙ㄉㄜㄌㄧㄡˇㄒㄩˋㄅㄨˋㄈㄟ}

{你的心如小小的寂寞的城|ㄋㄧˇ˙ㄉㄜㄒㄧㄣㄖㄨˊㄒㄧㄠˇㄒㄧㄠˇ˙ㄉㄜㄐㄧˊㄇㄛˋ˙ㄉㄜㄔㄥˊ}

{恰若青石的街道向晚|ㄑㄧㄚˋㄖㄨㄛˋㄑㄧㄥㄕˊ˙ㄉㄜㄐㄧㄝㄉㄠˋ}

{跫音不響|ㄑㄩㄥˊㄧㄣㄅㄨˋㄒㄧㄤˇ}，
{三月的春幃不揭|ㄙㄢㄩㄝˋ˙ㄉㄜㄔㄨㄣㄨㄟˊㄅㄨˋㄐㄧㄝ}

{你的心是小小的窗扉緊掩|ㄧˇ˙ㄉㄜㄒㄧㄣㄕˋㄒㄧㄠˇㄒㄧㄠˇ˙ㄉㄜㄔㄨㄤㄈㄟㄐㄧㄣˇㄧㄢˇ}

{我達達的馬蹄是美麗的錯誤|ㄨㄛˇㄉㄚˊㄉㄚˊ˙ㄉㄜㄇㄚˇㄊㄧˊㄕˋㄇㄟˇㄌㄧˋ˙ㄉㄜㄘㄨㄛˋㄨˋ}

{我不是歸人|ㄨㄛˇㄅㄨˋㄕˋㄍㄨㄟㄖㄣˊ}，

{是個過客|ㄕˋ|˙ㄍㄜ|ㄍㄨㄛˋ|ㄎㄜˋ}

02

HTML標籤 ruby

ruby(印刷用字)

旁註標記（ruby character），或稱注音標示、加注音、Ruby字元、ruby或rubi，是一種表意文字的音標印刷方式，廣泛地運用於日文及中文。一般這些字是放於表意文字的上方或右邊，作為文字的拼音或註解。

來源：旁註標記 – 維基百科，自由的百科全書

樣式 ruby-position

<ruby style="ruby-position:over">
漢字<rt>ㄏㄢˋ ㄗˋ</rt>
</ruby>

<ruby style="ruby-position:under">
漢字 <rt>ㄏㄢˋㄗˋ</rt>
</ruby>
  • 注音在上：
<ruby  style="ruby-position:over">漢字<rt>ㄏㄢˋ ㄗˋ</rt></ruby>
  • 注音在下：
<ruby  style="ruby-position:under">漢字 <rt>ㄏㄢˋㄗˋ </rt></ruby>

相關連結

教學影片

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

↧

[Obs＃41] Excalidraw手繪圖表工具－幫你擺脫一成不變

May 14, 2021, 8:25 am
$
0
0

2020年七月有錄製影片介紹過Excalidraw手繪圖表工具－幫你擺脫一成不變 (CC字幕)，使用Excalidraw可以讓我們繪製手繪風格的創意展示圖（同時介紹了Excalidraw Animate和Claymate兩個擴充）。obsidian-excalidraw-plugin外掛把Excalidraw整合到Obsidian，我們可以輕鬆的像建立筆記一樣的建立新的Excalidraw繪圖。

透過Excalidraw網站建立的繪圖是存放在本機的特定資料夾，換一台電腦就找不到在別台電腦建立的繪圖，而透過用Excalidraw外掛能使用Obsidian來管理所有的繪圖，不用擔心找不到檔案的問題。

操作

  1. 安裝並啟用外掛後，先去設定繪圖檔（副檔名為.excalidra）的存放資料夾
  2. 可以指定繪圖的樣板檔，新繪圖會先複製樣板的內容
  3. 在檔案管理器資料夾按右鍵→Create Excalidraw drawing

相關連結

教學影片

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

↧
↧

本日笑點：「台獨是保護智慧財產權的最好方法」

May 14, 2021, 8:42 am
$
0
0

「台獨是保護智慧財產權的最好方法」。

01

來源：

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

↧

[Obs＃42] Buttons外掛 0.4.5 新功能

May 19, 2021, 6:29 am
$
0
0

1. Button Maker: 快速建立按鈕的GUI

  • 按〔Ctrl+P〕/〔Cmd+P〕，輸入Buttons，點擊【Buttons: Button Maker】
  • 結尾的倒引號下一行加上區塊代碼，以方便引用

```button
name Open Settings
type command
action 開啟設定
color red
```
^button-settings

```button
name Open Command Palette
type command
action 開啟命令面板
color blue
```
^button-palette

```button
name 在檔案管理器顯示當前筆記
type command
action 在檔案管理器顯示當前筆記
```
^button-show-explorer

2. 行內按鈕 (Inline buttons)

  • 格式： 按鈕的區塊代碼
  • 按鈕本體可以定義在其他筆記

範例：常用命令

操作 按鈕
Open Settings `button-settings`
Open FileExplorer `button-show-current-file`

01

範例：動態查詢

查詢類別 執行 開啟結果
本日 `button-daily-new` `button-daily-changed` [[!query-today-new|本日建立]] [[!query-today-changed | 本日修改]]
本週 `button-weekly-new` `button-weekly-changed` [[!query-week-new|本週建立]] [[!query-week-changed|本週修改]]
月 `button-monthly-changed` `button-3months-changed`
年 button-yearly-changed

02

3. 用樣板建立動態檔名

  • split參數開啟到新面板
```button
name 查詢今天修改
type note(!daily-<% tp.date.now("YYYYMMDD") %>,split) template
action template-query-daily-changed
templater true
```
^button-daily-note

```button
name Swap
swap [settings,command]
color red
```
^button-swap1

4. Swap button只能用inline按鈕調用

button-swap1

教學影片

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

↧

[JR01] 用 Jaspersoft Studio 輕鬆掌握 JasperReports 報表引擎｜拖拉式報表工具教學

May 29, 2021, 1:44 am
$
0
0

JasperReports是什麼?

JasperReports（JasperReports® Library | Jaspersoft Community）是一套使用Java開發的報表引擎（程式庫），因為是開源且有較多資源，在Java的環境裡被廣泛使用。

而Jaspersoft® Studio與iReport則是用來產生JasperReports原始檔的圖形工具，我建議使用Jaspersoft Studio來製作報表，因為iReport最後一個版本是在2014年釋出的5.6版，對應到JasperReports 5.6，而最新的JasperReports已經是6.15版了，Jaspersoft Studio則仍持續跟進推出新版。

JasperReports架構

與一般編譯式程式語言一樣，JasperReports也有文字格式的原始碼檔案和編譯後的二進位檔案，前者是.jrxml（XML內容），後者是.jasper（設定與類別內容），產生報表時只要提供.jasper檔讓Java直接載入並執行。

01

Jaspersoft Studio安裝

  • 由GitHub下載：Releases · TIBCOSoftware/jaspersoft-studio-ce
  • Windows：可下載.zip以直接解壓縮到特定資料夾
  • 執行：
    • Windows：安裝資料夾裡的”Jaspersoft Studio.exe”
    • MacOS：無法啟動的話，由Finder找到應用–>右鍵–>打開

Jaspersoft Studio使用介面

＃ 面板 說明
1 Repository Explorer 資料來源，預設有One Empty Record與Sample DB
2 Project Explorer 專案列表
3 Outline 報表大綱
4 Designer分頁 設計面板報表分頁
5 Designer編輯區 設計編輯區
6 Designer功能分頁 Design、Source、Preview功能
7 Palette 調色盤(組件選單)
8 Component Properties 選取編輯區某組件後的屬性
9 Report State 中央底部有編譯與執行狀態

第一次執行

建立範例專案供測試與研究。

  1. Project Explorer–>New–>Project…–>Jaspersoft Studio–>JasperReports Samples–>Next >–>Finish
  2. 在Project Explorer開啟JasperReports Samples專案
  3. 點擊jasper→FirstJasper.jrxml
  4. 編譯並點擊Preview

Resource Database URL
* Driver and Protocol: jdbc:hsqldb:res:
* Database URL: jdbc:hsqldb:res:/defaults/hsqldb/test

Database files can be loaded from one of the jars specified as part of the Java command the same way as resource files are accessed in Java programs. The /adirectory above stands for a directory in one of the jars.

相關連結

教學影片

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

↧
Viewing all 904 articles
Browse latest View live
Search