[📗Obsidian Publishのサイトにプロパティ(メタデータ)を表示したい - Minerva](https://minerva.mamansoft.net/%F0%9F%93%97Obsidian%E9%80%86%E5%BC%95%E3%81%8D%E3%83%AC%E3%82%B7%E3%83%94/%F0%9F%93%97Obsidian+Publish%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E3%83%97%E3%83%AD%E3%83%91%E3%83%86%E3%82%A3(%E3%83%A1%E3%82%BF%E3%83%87%E3%83%BC%E3%82%BF)%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%97%E3%81%9F%E3%81%84#%E4%BB%BB%E6%84%8F%E3%81%AE%E3%83%97%E3%83%AD%E3%83%91%E3%83%86%E3%82%A3%E3%82%92%E4%BB%BB%E6%84%8F%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%A7%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%E5%A0%B4%E5%90%88)を参考に行う。`function insertMetaDates()`に下記の項目を記入
```js
if (!frontmatter) {
return;
}
const cover = frontmatter["cover"]
if (!cover) {
return;
}
const frontmatterEl = document.querySelector(".frontmatter");
if (!frontmatterEl) {
return;
}
frontmatterEl.insertAdjacentHTML(
"afterend",
`
<div class="properties">
<img class="properties--iamge__margin" src="https://publish-01.obsidian.md/access/<自サイトのID>/${cover}">
`
);
```
自サイトのIDは一度Obsidian Publishで画像をアップロードを行い、URLを確認すること。
## リンク
- [[Obsidianで設定したOGPフロントマターをQuartzのコンテンツに表示させる]]（Quartz版）
- [📗Obsidian Publishのサイトにプロパティ(メタデータ)を表示したい - Minerva](https://minerva.mamansoft.net/%F0%9F%93%97Obsidian%E9%80%86%E5%BC%95%E3%81%8D%E3%83%AC%E3%82%B7%E3%83%94/%F0%9F%93%97Obsidian+Publish%E3%81%AE%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E3%83%97%E3%83%AD%E3%83%91%E3%83%86%E3%82%A3%28%E3%83%A1%E3%82%BF%E3%83%87%E3%83%BC%E3%82%BF%29%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%97%E3%81%9F%E3%81%84)