タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

imageとzennに関するopparaのブックマーク (2)

  • Zenn の新機能「GitHub画像管理」と VSCode の Paste Image プラグインを組み合わせれば快適

    Zenn の新機能がリリースされました。私も早速試しています。 これまで、GitHub連携している場合は以下のステップが必要でした: まずローカルに画像を保存する 相対パスで記述してプレビューする コミット直前に画像をZennにアップしてURLを書き換える このリリースにより次の手順に変更すればOKになります: /images ディレクトリに画像を保存する 記事やに ![](/images/sample.png) のように画像を埋め込む コミット・プッシュする 画像のアップと記事の画像パス修正が不要になります。嬉しいですね。 スクリーンショットを張り付ける場合は、Zennの画像ペースト機能が便利 が!しかし、ひとつ考えなければならない点があります。それがスクショを記事に埋め込みたいケースです。スクショは以下のようにしてZennにアップロードできます。 撮影した後、Zennの画像アップロー

    Zenn の新機能「GitHub画像管理」と VSCode の Paste Image プラグインを組み合わせれば快適
  • GitHubリポジトリ連携で画像をアップロードする方法

    GitHub リポジトリ連携機能により、GitHub リポジトリで管理されている画像を Zenn にアップロードすることができます。 画像ファイルの配置ルール 画像ファイルはリポジトリ直下の /images ディレクトリに配置します。 /images ディレクトリの中の構造に制限はありませんが、拡張子だけはチェック対象となります。 . ├─ articles │ └── example-article-1.md └─ images ├── example-image1.png └── example-article-1 └─ image1.png 画像ファイルの制限事項 画像ファイルの制限は以下の通りです。違反する場合はデプロイ時にエラーとなります。 ファイルサイズは 3MB 以内 対応する拡張子は .png .jpg .jpeg .gif .webp のみ 画像の参照方法 画像は、記事の

    GitHubリポジトリ連携で画像をアップロードする方法
  • 1