本記事では、はてなブログにスクロール可能なpdfを埋め込む方法をまとめました。自分用の備忘録です。
html編集を使いますが簡単なので大丈夫！
準備物
Google Drive経由でアップロードしていきますので、必要なのはGoogle アカウントのみです。それでは早速みていきましょう。
PDF埋め込みの手順
Google Driveでの作業
１．GoogleアカウントでGoogle Driveにアクセス（https://drive.google.com/drive/u/2/my-drive）
２.埋め込みたいファイルをアップロード
こんな感じで表示されます
３．右上の［共有ボタン］からアクセス権限を「リンクを知っている全員」にする
編集権限については「閲覧者」で大丈夫でしょう。
左下の［リンクをコピー］を押す
はてなブログでの作業
４．（３）でコピーしたリンクをHTML編集画面に貼り付け
例. https://drive.google.com/file/d/1ZvwouP3l8Kr3QlqJ6YI4cCzp0DYTnemE/view?usp=sharing
５．太字部分をpreviewに変更
例. https://drive.google.com/file/d/1ZvwouP3l8Kr3QlqJ6YI4cCzp0DYTnemE/view?usp=sharing
↓
改変後：https://drive.google.com/file/d/1ZvwouP3l8Kr3QlqJ6YI4cCzp0DYTnemE/preview
６．改変後のURLを<p><iframe src=""></iframe></p>タグで挟む
<p><iframe src="https://drive.google.com/file/d/1ZvwouP3l8Kr3QlqJ6YI4cCzp0DYTnemE/preview" height="500" width="400"></iframe></p>
青文字は、表示するフレームの大きさを指定しています。
７．完成！HTML編集画面ではこのように表示されます。
うまくいくと、以下のように表示されます。
ちなみに、（5）のpreviewに変える手順を飛ばすと、以下のようにエラーが出てしまいます。
最後まで読んでいただきありがとうございます🐾
