*[[Obsidian]]の仕様変更により動作しなくなる可能性がある*
[[内部リンク]]の記法 (`[[hoge]]`)を使わずに、プレビューや[[Obsidian Publish]]で[[内部リンク]]のような振る舞いをするリンクを作る方法。
- `<a>`タグに`class="internal-link"`を追加
- `<a>`タグに`data-href="..."`を追加
- `...`は[[内部リンク]]の文字列
**[[バックリンク]]は作成されない**ので注意。
## 例1
以下の[[HTML]]は[[Obsidian]]への[[内部リンク]]になる。
### [[HTML]]
```html
<a data-href="Obsidian" class="internal-link">ObsidianへのInternal Link</a>
```
### プレビュー表示
<a data-href="Obsidian" class="internal-link">ObsidianへのInternal Link</a>
## 例2
以下のようにリッチな表現もできる。
### [[HTML]]
```html
<div class="link-card">
<div class="link-card-header">
<img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon.ico" class="link-card-site-icon"/>
<span class="link-card-site-name">minerva.mamansoft.net</span>
</div>
<div class="link-card-body">
<div class="link-card-content">
<div>
<p class="link-card-title">📘純白のHHKBで無刻印デビューしてみた</p>
</div>
<div class="link-card-description">HHKB Professional HYBRID Type-S 日本語配列／雪を無刻印キートップと一緒に購入して使ってみた感想の記事です。</div>
</div>
<img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-11-02.jpg" class="link-card-image"/>
</div>
<a data-href="📘純白のHHKBで無刻印デビューしてみた" class="internal-link"></a>
</div>
```
### プレビュー表示
<div class="link-card">
<div class="link-card-header">
<img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon.ico" class="link-card-site-icon"/>
<span class="link-card-site-name">minerva.mamansoft.net</span>
</div>
<div class="link-card-body">
<div class="link-card-content">
<div>
<p class="link-card-title">📘純白のHHKBで無刻印デビューしてみた</p>
</div>
<div class="link-card-description">HHKB Professional HYBRID Type-S 日本語配列／雪を無刻印キートップと一緒に購入して使ってみた感想の記事です。</div>
</div>
<img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2021-11-02.jpg" class="link-card-image"/>
</div>
<a data-href="📘純白のHHKBで無刻印デビューしてみた" class="internal-link"></a>
</div>