آموزش پردازش تصویر و عکس‌های واکنش‌گرا با Hugo مولد سایت استاتیک

درس ها Lessons

• فرمت تصویر WebP را با فرمت تصویر بازگشتی اضافه کنید Add WebP image format with fallback image format

• فایل پیکربندی Config File

• منابع. دریافت کنید resources.Get

• ایجاد render-hook برای استفاده از نشانه گذاری Create render-hook for markdown use

• ایجاد پردازش تصویر جزئی Create image processing partial

• قابلیت تراکم پیکسلی را اضافه کنید Add pixel density functionality

• قابلیت نسبت ابعاد را اضافه کنید Add aspect ratio functionality

• اعتبار سنجی ورودی های کاربر Validate user inputs

• رنگ پس زمینه Background Colour

• ورودی های پیکربندی را ایجاد کنید Create configuration entries

• .فیلتر .Filter

• نمونه مجدد فیلتر Resample Filter

• .منابع.GetMatch .Resources.GetMatch

• سفارشی کردن کد، و outro Customise code, and outro

• لنگر Anchor

• .برش .Crop

• کیفیت Quality

• چرخش Rotate

• ایجاد کد کوتاه برای استفاده از علامت گذاری Create shortcode for markdown use

• تغییر تصویر و متن عنوان Image alt and title text

• مقدمه Intro

• فرمت هدف Target Format

• سرعت ساخت و اندازه پروژه را بهینه کنید Optimise Build Speed and Project Size

• .مناسب .Fit

• SRCSET برای تراکم پیکسل SRCSET for pixel densities

• کد شکل تصویر را ایجاد کنید Create image figure code

• SRCSET تصاویر پاسخگو برای عرض صفحه SRCSET Responsive images for screen widths

• اشاره Hint

• .منابع.ByType .Resources.ByType

• نسبت تصویر Aspect Ratio

• .منابع.مطابقت .Resources.Match

• پروژه را از اینجا شروع کنید Start Project Here

• تغییر اندازه .Resize

درس ها Lessons

• سرعت ساخت و اندازه پروژه را بهینه کنید Optimise Build Speed and Project Size

• فرمت هدف Target Format

• .برش .Crop

• سفارشی کردن کد، و outro Customise code, and outro

• اشاره Hint

• اعتبار سنجی ورودی های کاربر Validate user inputs

• پروژه را از اینجا شروع کنید Start Project Here

• SRCSET تصاویر پاسخگو برای عرض صفحه SRCSET Responsive images for screen widths

• قابلیت نسبت ابعاد را اضافه کنید Add aspect ratio functionality

• SRCSET برای تراکم پیکسل SRCSET for pixel densities

• فایل پیکربندی Config File

• کد شکل تصویر را ایجاد کنید Create image figure code

• مقدمه Intro

• ایجاد پردازش تصویر جزئی Create image processing partial

• لنگر Anchor

• ورودی های پیکربندی را ایجاد کنید Create configuration entries

• .منابع.ByType .Resources.ByType

• منابع. دریافت کنید resources.Get

• تغییر تصویر و متن عنوان Image alt and title text

• .فیلتر .Filter

• کیفیت Quality

• ایجاد render-hook برای استفاده از نشانه گذاری Create render-hook for markdown use

• چرخش Rotate

• .منابع.GetMatch .Resources.GetMatch

• رنگ پس زمینه Background Colour

• ایجاد کد کوتاه برای استفاده از علامت گذاری Create shortcode for markdown use

• .منابع.مطابقت .Resources.Match

• .مناسب .Fit

• نسبت تصویر Aspect Ratio

• نمونه مجدد فیلتر Resample Filter

• تغییر اندازه .Resize

• فرمت تصویر WebP را با فرمت تصویر بازگشتی اضافه کنید Add WebP image format with fallback image format

• قابلیت تراکم پیکسلی را اضافه کنید Add pixel density functionality