OpenStickerのMisskeyに対応した CSS を生成します
基本的には本家やInstanceTickerの見た目に倣いつつ細かいところを kkcake の好みに修正した感じです
↓ こんな感じのデコレーションがされます
データは公開されている jsonを利用しています
node.js でうごいてます
- Google Cloud Functions(推奨)
herokuレスポンスが悪いので実用には不向きかも GCP を使ってください
どっちも無料枠内での運用のつもりだから急に使えなくなったりしたらごめん
自力デプロイできる人はソース引っ張ってきて自前環境でデプロイして使用する方がいいかもしれないです
Misskey のファイルのsrc/server/web/views/base.pug
のhead
内部で読み込ませます
preload
推奨です(普通に読み込ませようとすると高確率でレンダリング阻害されてクライアントが使えなくなります)
もっと上手いやり方があれば教えてください
デフォルト状態では自鯖ユーザーの発言がデコレーションされません
domain
パラメーターでインスタンスのドメインを渡してやることでデコレーションされるようになります
kkcake の自鯖(ms.kvche.ch)の例
CSS を非同期ロードする最も簡単な方法 - Qiitaを参考にした記述をちょっと追加しています
下コピペでドメイン部分だけ変更すれば多分つかえるはず
link(rel="preload" href="https://asia-northeast1-opensticker-css-for-misskey.cloudfunctions.net/create_css?domain=ms.kvche.ch" as="style")
link(rel="stylesheet" href="https://asia-northeast1-opensticker-css-for-misskey.cloudfunctions.net/create_css?domain=ms.kvche.ch" media="print" onload="this.media='all'")
- Misskey
- OpenSticker
- misskey に opensticker を適用する
元々こちらの記事で公開されていた css を利用させていただこうとしていたのですが自鯖にデコレーションがされないように見えた(のですが実は後々検索かけたところその対応もされていた様だったので完全な二番煎じと化してしまった)ので自前で実装したのがこれになります
個人的な用途で作り出したのでいろいろ雑+素人も良いところなので PR 大歓迎です
つくったひと:kkcake