以前、複数列表示のスタイルを採用したプラグインをいくつか紹介しました：

Horizontal Blockは新しいプラグインで、特徴は以下の通りです：

  1. 外観のカスタマイズ：各領域に設定ボタンを表示し、背景色、文字色、欄幅の縮小・拡大を設定可能
  2. 欄幅をウィンドウ感覚でドラッグして調整可能
  3. 列の区切り記号は --- を使用し、バッククォート3つは不要なのでコードブロックとの親和性が高い
  4. Simple Columns は先頭で ID 指定が必要だが、Horizontal Block は ID 不要
  5. Simple Columns にはブロック追加のコマンドがある

1. 使用例

  • コード言語：horizontal または hblock
  • 列の区切り：---
````hblock
### Callouts
> [!INFO] Callouts
>  column 3-1
>  column 3-2
>> [!ERROR] Error description
>>  Nested callout
---
### Codeblock
JavaScript
```js
let msg = "Hello, world!";
let url = window.location.href;
```
---
### 3.1. Image
![](https://raw.githubusercontent.com/emisjerry/upgit/master/2024/1711524303000xhzo15.png)
````

gh|700

2. 使い方

  1. コードブロックを挿入し、言語指定を horizontal または hblock にする。
  2. サブブロックは --- で区切る。
  3. 設定オプションでサブブロックの機能ボタンを有効化できる。

3. 💡 関連リンク

💡 解説記事（繁體中文）：https://jdev.tw/blog/8991/
💡 Explanation article (English)
💡 解説記事（日本語）

✅ Simple-Columns プラグイン: https://github.com/Josie1902/Simple-Columns
✅ Horizontal Block プラグイン: https://github.com/iCodeAlchemy/horizontal-blocks

#Obsidian #複数列 #カスタマイズ