跳到正文
cccskills
免费在 GitHub 公开

img

Size local blog images and add rendered dimensions to Markdown image URLs in jxck.io. Use when inserting article images, normalizing their displayed sizes, or invoking /img for a Markdown file.

中文简介正在准备中。当前显示原文说明。

查看安装方法

包含的文件(1)

  • SKILL.md1.6 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

img

このリポジトリの記事画像について、Markdown に埋め込む表示サイズを決める。

Workflow

  1. 対象 Markdown のローカル画像参照を全て抽出する
  2. 画像パスを Markdown と同じディレクトリから解決する
  3. 対応画像をまとめて /Users/jxck/dotfiles/bin/img に渡し、各画像の縮尺候補を取得する
  4. 記事全体で画像の表示幅が揃う候補を選ぶ
  5. Markdown の画像 URL を <path>#<width>x<height> に更新する
  6. 全参照に寸法が入り、アスペクト比が候補出力と一致することを検証する

Size selection

  • 元画像を拡大しない
  • 同種・同用途の画像は、候補の中から近い表示幅を選ぶ
  • 画像ごとに倍率を揃えるのではなく、記事上の表示幅を揃える
  • スクリーンショット内の文字や細部が読めなくなる候補は避ける
  • 縦長画像や意図的に小さく見せる画像は、横長画像と同じ幅に無理に揃えない
  • 判断に迷う場合は、候補の中で本文カラムに収まりやすい600px前後を基準にする

Markdown format

例えば photo.png の採用候補が 633x323 の場合は次のように書く。

![Alt text](photo.png#633x323)

画像ファイル自体は変更せず、URL fragment の寸法だけを編集する。

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Proofread and review articles under blog.jxck.io/entries following the repository's editorial policy. Use when asked to review, proofread, or 校正 a draft or published article.

中文简介正在准备中。当前显示原文说明。

Jxck/jxck.io462026年10月17日 更新

Write git commit messages for this repository following the `[area]` prefix convention. Use when composing or reviewing a commit message in jxck.io.

中文简介正在准备中。当前显示原文说明。

Jxck/jxck.io462026年10月17日 更新

查看 Jxck 的全部技能

报告此技能的问题