twitterカード画像自動生成機能
20200427_lunch
· ☕ 1
ウォーターサーバーがほしくて、色々比較した話

hugo newのカスタマイズ twitterカード画像自動生成機能⑥
· ☕ 2
twitterカード画像自動生成機能は画像を自動生成するだけなので、各記事のheaderにmeta_imageを自力で設定しないといけなかった。 そこもいい感じにしてくれるようにする。 hugo newのカスタマイズ hugoでは hugo new xx.md とすることで、xxという記事のテンプレートが出来上がる。 このテンプレートの設定

画像生成スクリプトをビルド時に動かす twitterカード画像自動生成機能⑤
· ☕ 2
昨日作った画像生成スクリプトの残作業を進める ビルドコマンドと昨日のスクリプトをshでラッピングする 指定したディレクトリ内のファイルに対して、画像生成スクリプトを回し、最後にビルドする。 いつも忘れるシェルのループの書き方はこの辺を参考に。 シェルスクリプトのforループでフォルダやファイルを一括処理 で、

twitterカード画像自動生成機能を記事ごとに動かす twitterカード画像自動生成機能④
· ☕ 2
朝作ったスクリプトをいい感じで自動で動かす方法を考える! 朝の記事は こちら 引数を渡す まずは、引数渡せるようにして、いい感じのファイルを作れるようにする。 とりあえずファイル名を指定できるようにする。 import sys target = sys.argv[1] print(f"target:{target}") で、 img.save(f"content/posts/meta_image/{target}.png") これで、対象の記事に対してスクリプトが動く targetのmdからタイトルと内容を取得 で、

twitterカード自動生成機能作った twitterカード画像自動生成機能③
· ☕ 3
昨日あれから、寝る前にどうやるか、よく考えた。 で、思った。 どうせバッチっぽいの回すなら、jsでなくてよくね?? Pythonで画像に文字描画 という事でPythonでできないか調べた 「Python 画像 文字描画」とかで検索 なんかね、簡単に出来そう! よーし、日曜日だし、これから越後湯沢に旅行だけど、気合い入

Twitterカードの画像の自動生成機能を考える twitterカード画像自動生成機能②
· ☕ 3
朝の続き。 朝活の後、カラオケオフ会に行ってきましたよw うん、やっぱり楽しい! 歌、上手くなりたいなー… さて、twitterカードの画像を自動生成したいというお話。 完成イメージの方針 大きく二つ スクショを取る 画像を作成する どっちでもいいから、楽な方にしたいんだけど… とりあえず両方考える! スクショを撮る こん

Twitterカードの設定 twitterカード画像自動生成機能①
· ☕ 2
hugoのzzoでtwitterカードを設定する! 今はこんな感じ… 可愛くない… 可愛くしたい! ちなみに、twitter上にどう表示されるか?は以下のツールで確認できます! twitter公式Card validator 画像の自動生成とかしたいんだけど、長くなりそうだから、まずは固定の画像と固定のディスクリプションの追加。