ブログの投稿スクリプトと画像

Blogger API での画像

Blogger に記事を投稿する際、画像を一緒に投稿できたら便利だなーと Blogger の API を確認してみましたが、残念ながら画像を投稿できそうな API が見つかりませんでした。

どうも調べてみると Blogger の画像自体は Google アルバム アーカイブ に保存されているよう。

別の話になりますが、 Blogger のエディターを使ってアップロードした画像を消したくなったときはここから消せばよさそうです。

多分 Google の別のサービス (Google フォト?) の API を使用すれば多分同じことができるのだと思いますが、記事のソースである Markdown と画像が GitHub と Google アルバム アーカイブ に別れて管理されるのは美しくないので画像も GitHub に管理することにしました。

GitHub の画像の参照

GitHub のレポジトリに画像をアップロードするとその画像を参照する URL を発行してくれます。
今回はその URL をブログの記事に埋め込んで画像を表示しようと思います。

コミットした画像はその際のハッシュとリポジトリ内のパスを使って参照する URL を求めることができます。

例えばこのブログのソースを管理しているレポジトリのある画像は、以下のパラメータを組み合わせて画像のデータを参照する URL が次のように求まります。

パラメータ

パラメータ 値
GitHub のレポジトリの URL https://github.com/uttne/blog.git
画像をコミットしたときのハッシュ値 3143021a9a16cb5a66b0125fdd6a77e86039cb87
リポジトリ内の画像のパス posts/00003-upload-images-test/test-image.png

求められる URL

https://raw.githubusercontent.com/uttne/blog/3143021a9a16cb5a66b0125fdd6a77e86039cb87/posts/00003-upload-images-test/test-image.png

raw.githubusercontent.com は GitHub の生データにアクセスするためのドメインになります。

因みにコミットをたどって この画像の表示画面 にいくと以下のような Download ボタンが表示されます。

2022-03-18-00-56-55.png

この Download ボタンのリンクをコピーすると以下の URL が取得できます。

https://github.com/uttne/blog/raw/3143021a9a16cb5a66b0125fdd6a77e86039cb87/posts/00003-upload-images-test/test-image.png

取得した URL にアクセスすると上記で求めた URL にリダイレクトされます。

因みにこの URL をそのまま Blogger の記事に貼っても普通に画像は表示されました。

Python で上記の URL を求める

GitHub に画像をアップロードすれば Blogger から参照しても表示されることがわかったので Python を使い、上記のような URL を計算する処理を書きました。
求めた URL で Markdown からの相対参照で書かれていた画像のパスを置換し、その新しい Markdown を HTML に変換するように処理を変更しました。

簡単な流れは以下のようになります。

  1. Markdown で記事を書く
  2. 画像をレポジトリ内に保存し Markdown から相対参照する
  3. 記事と画像をコミットする
  4. GitPython を使って remote origin から GitHub のリポジトリの URL を求める
  5. 対象の Markdown を解析して画像のリポジトリ内でのパスを取得する
  6. GitPython を使い取得した画像のハッシュ値を取得する
  7. 集めたパラメータから画像参照用の URL を求める
  8. Markdown から HTML の変換をする前処理として Markdown の中の画像相対パスを求めた URL に置換する
  9. Markdown を HTML に変換して API でブログに投稿する
  10. ローカルのコミットは全て remote に push する

実際の処理の場所は ここ になります。

これでようやく最低限ブログを書く準備ができたので、ブログの自動化以外の話題も少しずつ頑張って書いていこう思います。

参考

追記 2022-03-19

画像の参照方法を GitHub Raw から GitHub Pages に変更した記事を作成しました。

https://first-step-of-3930.blog.uttne.net/2022/03/css-github-pages.html

コメント

コメントを投稿

このブログの人気の投稿

better-sqlite3 を AWS の Lambda で動かす

動かない... AWS の Lambda 上で Sqlite を動かしたいと思ったので試してみたが、素直に動かせなかったので動かせるようになるまでの記録を残しておく。 現象 nodejs で Sqlite を動かすために better-sqlite3 をインストールし、 AWS の Lambda にデプロイして実行すると以下のようなエラーが発生し実行ができなかった。 /lib64/libm.so.6: version `GLIBC_2.29' not found どうも nodejs 18 が動いている Amazon Linux 2 の /lib64/libm.so.6 に GLIBC_2.29 が入っていないが、 better-sqlite3 では 2.29 を使っているため実行エラーになってしまっている様子。 ちなみに Amazon Linux 2 の /lib64/libm.so.6 の確認は以下のように行った。 # Amazon Linux 2 のコンテナを起動 > docker run -it --rm --entrypoint "bash" public.ecr.aws/lambda/nodejs:18-x86_64 以下をコンテナ内で実行 > yum install binutils > strings /lib64/libm.so.6 | grep GLIBC_ GLIBC_2.2.5 GLIBC_2.4 GLIBC_2.15 GLIBC_2.18 GLIBC_2.23 GLIBC_2.24 GLIBC_2.25 GLIBC_2.26 GLIBC_PRIVATE GLIBC_2.15 ... 解決方法 AWS Lambda の nodejs 18.X ランタイムが動いている Amazon Linux 2 用に better-sqlite3 をビルドし直した。 ビルド方法 AWS Lambda nodejs 18.X の実行コンテナイメージは公開されているので、それを使ってビルドした。 今回対象としている better-sqlite3 のバージョンは 8.3.0。 Amazon Linux 2 が更新されない限り、これ以降のバージョンを使う場合で...
続きを読む

Python の oletools で日本語の VBA を出力する方法

VBA はどこにある? 以下の記事がとても参考になる。 実務であまり役に立たないVBAの内部の話 - Qiita マクロの実体は vbaProject.bin というバイナリファイルの中にあるらしく、これを解析すると VBA を取得することができる。 このファイルは Compound File Binary Format というファイル形式で仕様は効果されているらしい。 時間があるときに確認してみたい。 [MS-CFB]: Compound File Binary File Format oletools で VBA を出力する方法 vbaProject.bin を自分で解析して VBA を出力するのは大変なので oletools というライブラリを使用する。 このライブラリは olefile というパーサを使いやすくしたもの。 ただし、このライブラリで VBA を出力すると以下の記事にもあるように日本語は文字化けをしてしまう。 ExcelマクロのVBAソースコードをAzure DevOpsでバージョン管理する方法 この記事では extract_macros を自作することで対応をしていたが、以下のように bytes2str を置き換えることでも日本語することができた。 記述量も少なく手軽に実行できるので記事にしておく。 import os import oletools.olevba as vba # ------------------------------------------------------------------ # 定数 OUT_DIR = "./out" """出力するフォルダ""" # ------------------------------------------------------------------ # 日本語出力用の設定 def _bytes2str ( bytes_string : bytes , encoding = "utf-8" ): # ShiftJis でデコードする return bytes_strin...
続きを読む

Amazon Linux 2 に PostgreSQL をインストールする

Amazon Linux 2 に PostgreSQL をインストールして外部のクライアントからアクセスするまでを忘れないようにメモとして残しておく。 環境 AMI Amazon Linux 2 Kernel 5.10 AMI 2.0.20221004.0 x86_64 HVM gp2 インスタンスタイプ t3a.small ストレージ 16GB EC2内での手順 sudo amazon-linux-extras install -y postgresql14 sudo yum install -y postgresql-server postgresql-devel パッケージ 説明 postgresql-server initdb や pg_ctl などのユーティリティ postgresql-devel ヘッダや pg_config などの開発関連 export PGSETUP_INITDB_OPTIONS = "--encoding=UTF8 --locale=ja_JP.UTF-8 --lc-collate=ja_JP.UTF-8 --lc-ctype=ja_JP.UTF-8" オプション 説明 --encoding initdbでPostgreSQLクラスタのデフォルト文字セット(エンコーディング) --locale ロケールのサポートはアルファベット、並び換え、数字の書式など文化的嗜好を配慮したアプリケーションを対象にします。 --lc-collate 文字列の並び換え順 --lc-ctype 文字の分類（文字とはどんなもの？大文字小文字を区別しない？） sudo postgresql-setup --initdb sudo systemctl start postgresql.service sudo systemctl enable postgresql.service 以下のコマンドで PostgreSQL が実行されているかを確認できる。 systemctl status --no-pager postgresql.service インストールが完了すると...
続きを読む