画像タグに幅と高さの属性を自動的に追加します

Question

私はimgに画像widthとheightを自動的に追加するスクリプトを作成しようとしています。私はすでにこの質問を見てきました：

Automatically adding width and height attributes to <img> tags with a PHP function

しかし、私はjekyllを使用しています。

私の最初の考えは、私の投稿ディレクトリにgrepを実行し、imgの各出現について、画像URIを得て、そのサイズを計算する。これは可能ですか？

私もfastImageに見てきたが、それはジキルとローカルファイルでうまく動作しません（Here is a Jekyll filter）

あなたは私にこれを実現する方法についていくつかのヒットを与えてもらえますか？ 。

Answer 1

私は最終的に解決策、Pythonスクリプトを思い付いた、ここでそれは（私はgithub gist)をも作成しましたです

ここでは、コードの背後にある主要なアイデアです：すべての上

• 反復ブログの記事。
• は各ポスト内のすべてのimgのタグを検索します。
• がsrc属性の内容を抽出します。
• 画像を開きますそのサイズを抽出する。
• imgの画像のサイズはwidthとheightとなります。

コード：ちょうどあなたのマシンでスクリプトを作成し、あなたの記事がどこにあるか指すようにpath変数を変更

を使用する方法

#!/bin/python 
from BeautifulSoup import BeautifulSoup 
from os.path import basename, splitext 
from PIL import Image 
import glob 

# Path where the posts are, in markdown format 
path = "/ruta/ficheros/*.md" 

# Iterate over all posts 
for fname in glob.glob(path): 
    # Open the post 
    f = open(fname) 
    # Create a BeautifulSoup object to parse the file 
    soup = BeautifulSoup(f) 
    f.close() 
    # For each img tag: 
    for img in soup.findAll('img'): 
     if img != None: 
      try: 
       if img['src'].startswith("/assets") == True: 
        # Open the image 
        pil = Image.open("/ruta/carpeta/imagenes" + img['src']) 
        # Get its size 
        width, height = pil.size 
        # Modify img tag with image size 
        img['width'] = str(width) + "px" 
        img['height'] = str(height) + "px" 
      except KeyError: 
       pass 
    # Save the updated post 
    with open(fname, "wb") as file: 
     file.write(str(soup)) 

。

は、あなただけのクライアント側でこれを実行するためにJavaScriptを使用することができ、私もwrote a blog post about this issue