今日できたこと:画像の自動生成の仕組み&リンクカード関連#SSG導入日記変換したい画像リストを別ファイルに切り離してそこから読み込む静的サイトジェネレータ(SSG)の機能でページごとに設定されているOGP画像のパスをリストにまとめて出力↑のリストから小さい画像を生成リンクカードの画像を挿入するところに生成された画像 or 画像が設定されていないときはデフォルトの画像を表示SSGでページを生成→画像を生成 の順でプログラムが動くようにコマンドラインのコマンドを設定→SSGの設定で「ページ生成後にプログラムを動かす」ことができるのを発見したのでそっちに組み込みこれで画像付きのリンクカードがショートコード1個で作れる&サイトに必要なhtml,css,javascriptと画像の生成がコマンド1個でできる仕組みができましたそういえば小さい画像を作るのに使っているモジュール(sharp)に、画像を切り取るときにいい感じのところを真ん中に持ってきてくれる設定(よくわからないけど多分そう)があるのを発見しました おおむねいい感じに切り取ってくれている気がするけど、デカい文字があるとそこを切り取っちゃうぽいのでやっぱり手動で設定する何らかも欲しいかもしれないあとは…今はページごとにOGP画像を手入力で設定するしかできないので、イラストとか落書きまとめのページは中身から自動で設定できるようにもしたい でもどうしたらいいか皆目見当もつかないなあ~ ひとりごと2023/02/05(日)
Log 2024年(25)2024年4月(9)2024年3月(3)2024年2月(4)2024年1月(9)2023年(108)2023年12月(4)2023年11月(7)2023年10月(9)2023年9月(3)2023年8月(9)2023年7月(18)2023年6月(13)2023年5月(6)2023年4月(7)2023年3月(8)2023年2月(12)2023年1月(12)2022年(137)2022年12月(3)2022年11月(3)2022年10月(5)2022年9月(12)2022年8月(16)2022年7月(9)2022年6月(8)2022年5月(21)2022年4月(13)2022年3月(8)2022年2月(16)2022年1月(23)2021年(209)2021年12月(34)2021年11月(34)2021年10月(12)2021年9月(13)2021年8月(19)2021年7月(13)2021年6月(17)2021年5月(18)2021年4月(20)2021年3月(10)2021年2月(13)2021年1月(6)2020年(212)2020年12月(23)2020年11月(26)2020年10月(27)2020年9月(22)2020年8月(28)2020年7月(13)2020年6月(9)2020年5月(9)2020年4月(6)2020年3月(8)2020年2月(22)2020年1月(19)
Hashtag きょうのblender(60) blender(54) wip(38) 妄言(19) SSG導入日記(17) 5c2(13) 〆ギド(7) 感謝(6) 与太(1) コーナーで差をつけろ(1)
Search 投稿年月:全年月 (691)2024年 (25)2024年4月 (9)2024年3月 (3)2024年2月 (4)2024年1月 (9)2023年 (108)2023年12月 (4)2023年11月 (7)2023年10月 (9)2023年9月 (3)2023年8月 (9)2023年7月 (18)2023年6月 (13)2023年5月 (6)2023年4月 (7)2023年3月 (8)2023年2月 (12)2023年1月 (12)2022年 (137)2022年12月 (3)2022年11月 (3)2022年10月 (5)2022年9月 (12)2022年8月 (16)2022年7月 (9)2022年6月 (8)2022年5月 (21)2022年4月 (13)2022年3月 (8)2022年2月 (16)2022年1月 (23)2021年 (209)2021年12月 (34)2021年11月 (34)2021年10月 (12)2021年9月 (13)2021年8月 (19)2021年7月 (13)2021年6月 (17)2021年5月 (18)2021年4月 (20)2021年3月 (10)2021年2月 (13)2021年1月 (6)2020年 (212)2020年12月 (23)2020年11月 (26)2020年10月 (27)2020年9月 (22)2020年8月 (28)2020年7月 (13)2020年6月 (9)2020年5月 (9)2020年4月 (6)2020年3月 (8)2020年2月 (22)2020年1月 (19) カテゴリ:全カテゴリつぶやき (216)絵 (240)ひとりごと (343)どれにも属していない #タグ:全ハッシュタグきょうのblender (60)blender (54)wip (38)妄言 (19)SSG導入日記 (17)5c2 (13)〆ギド (7)感謝 (6)与太 (1)コーナーで差をつけろ (1)
これで画像付きのリンクカードがショートコード1個で作れる&サイトに必要なhtml,css,javascriptと画像の生成がコマンド1個でできる仕組みができました
そういえば小さい画像を作るのに使っているモジュール(sharp)に、画像を切り取るときにいい感じのところを真ん中に持ってきてくれる設定(よくわからないけど多分そう)があるのを発見しました おおむねいい感じに切り取ってくれている気がするけど、デカい文字があるとそこを切り取っちゃうぽいのでやっぱり手動で設定する何らかも欲しいかもしれない
あとは…今はページごとにOGP画像を手入力で設定するしかできないので、イラストとか落書きまとめのページは中身から自動で設定できるようにもしたい でもどうしたらいいか皆目見当もつかないなあ~