はてなブログにPDFを載せる方法
自分のためのメモとして書いています。
PDFをブログに載せて、ブログ画面上でスクロール可能、かつダウンロードも可能にする方法。 PDFはgoogleドライブ上に預けておくこと。
Googleドライブへのアップロード
PCのドライブから目的のPDFを選択し、Googleドライブを開いてそのファイル一覧領域にドラッグ&ドロップ。
はてなブログへの貼付け
- Googleドライブ上のPDFを選択して右クリック
リンクの取得
をクリック- 「リンクを知っている全員」になっていることを確認して
リンクをコピー
をクリック
以上でクリップボードにリンクが書き込まれる。
例
https://drive.google.com/file/d/1DuyjV_QF14Aa7WTtVsegrZ_h_FoW2rCs/view?usp=sharing
view?usp=sharing
の部分は不要。なのでエディターなどでテキストに貼り付けて不要部分をカットして仮保存。
ブログ記事はMarkdown編集で記述しているが、PDFを載せたい位置に次の様なHTML文の形で記述する。
<p><iframe src="リンクアドレス" width="600" height="500"></iframe></p>
例
<p><iframe src="https://drive.google.com/file/d/1DuyjV_QF14Aa7WTtVsegrZ_h_FoW2rCs/preview" width="600" height="500"></iframe></p>
"リンクアドレス"部分に先の仮保存から貼り付ける。
(view?usp=sharing
の不要部分の除外忘れるとFirefoxが許可してくれなくなった。)
「見たまま編集」を使っている記事は、HTML編集に切り替えて、以上のHTML文で出来る。