Notion・Obsidian にWebページをきれいに貼る方法

公開: ・ 書いた人:Sh23

調べものの途中で見つけたページを、Notion や Obsidian にメモしておきたいことがあります。でも、そのまま貼ると、文字の色や大きさがばらばらになったり、メニューの文字までついてきたりします。この記事では、きれいに貼るための方法を3つ紹介します。

まず知っておきたいこと

つまり、どちらのアプリも Markdown と相性が良いです。Webページを Markdown にしてから貼るのが、きれいに貼る近道です。

方法1:ふつうにコピーして貼る

いちばん手軽な方法です。本文を選んでコピーし、そのまま貼ります。

形をつけずに文字だけ貼りたいときは、Ctrl+Shift+V(Mac は Command+Shift+V)を使います。多くのアプリで「書式なしで貼り付け」になります。この場合、見出しや表の形は自分で整えます。

方法2:Markdown にしてから貼る

Webページを Markdown に変えてから貼ると、余計な色や文字が入らず、形もそろいます。Markdown にする方法は、Webページを Markdown でコピーする方法でくわしく説明しています。ここでは、拡張機能 SumiClip を使う例を紹介します。

  1. メモしたいページを開きます。
  2. ツールバーの SumiClip のアイコンを押し、「ページ本文をコピー」を押します。一部だけなら、文字を選んで「選択範囲をコピー」を押します。
  3. Notion のページ、または Obsidian のノートに貼り付けます。

たとえば、次のような Markdown がコピーされます(説明のために作った例です)。

# ベランダでミニトマトを育てる

出典: https://garden.example/tomato

## 用意するもの

- 深さ30cmくらいのプランター
- 野菜用の土
- 支柱

## 水やり

| 時期 | 回数 |
| --- | --- |
| 春 | 2日に1回 |
| 夏 | 毎朝 |

Notion に貼ると、見出し・箇条書き・表のブロックになります。Obsidian に貼ると、この文字のまま保存され、読む画面では見出しや表として表示されます。画像は ![説明](URL) の形で URL として入ります。どう表示されるかは、貼り付け先によります。

Obsidian 向けのひと工夫:プロパティをつける

Obsidian では、ノートの先頭に --- ではさんだ「プロパティ」を書けます。あとで出典や日付で探せるので便利です。SumiClip では、設定の「テンプレートを使う」をオンにして、次のように書いておくと、毎回この形でコピーできます。

---
title: {{title}}
source: {{url}}
date: {{date}}
---

{{content}}

くわしい設定のしかたは、使い方の「設定」をご覧ください。

方法3:クリップ用の拡張機能を使う

Notion と Obsidian には、それぞれ公式のクリップ用の拡張機能があります。

決まったアプリに保存するだけなら、公式の拡張機能がいちばん手早いこともあります。一方で、SumiClip のように Markdown をクリップボードにコピーする方法は、Notion・Obsidian・AIチャット・ほかのエディタなど、どこにでも貼れるのが良いところです。使い方に合わせて選んでください。

きれいに貼るためのコツ

気をつけること