آموزش با Hugo و Bootstrap 5 یک بلاگ سریع و کاملاً قابل تنظیم ایجاد کنید!
Create a fast, fully customisable BLOG with Hugo and Bootstrap 5!
- در حال بارگزاری، لطفا صبر کنید...
این دوره همه چیز در مورد ایجاد یک وبلاگ با Hugo، مولد سایت استاتیک است. به جای اینکه به شما نشان دهم چگونه یک تم دانلود کنید و چند چیز را تغییر دهید، من به شما نشان می دهم که چگونه وبلاگ را از ابتدا با بوت استرپ راه اندازی کنید.
برخلاف وردپرس و سایر سیستم‌های مدیریت محتوای پویا (CMS)، سفارشی‌سازی قالب‌ها و طرح‌بندی کلی با Hugo بسیار آسان است. بهتر از همه، وقتی وبلاگ شما را منتشر می کنید، سریع خواهد بود. `
برای تکمیل این دوره، انتظار می رود که از قبل اصول Hugo را بدانید -
در صورت اختیاری، دانستن یک یا دو چیز در مورد و ساختمان CSS ضرری ندارد. (من قبلاً اینها را برای شما در قالب پروژه کلاس تنظیم کرده ام)
در حالت ایده‌آل، یک و تصاویر پاسخگو و را در وبلاگ خود قرار دهید. برای کسب اطلاعات بیشتر، دوره های من را ببینید!
من همچنین یک دوره آموزشی دارم که یک مرور کلی برای هوگو است.
در دوره می بینمت!
این پروژه شامل ایجاد یک موضوع وبلاگ با Hugo، شامل الگوهایی برای همه صفحات و ابزارک های ضروری است. در حین تکمیل پروژه، مهارت های مورد نیاز برای تغییر موضوع وبلاگ را برای مطابقت با نیازها و سبک خلاقانه خود یاد خواهید گرفت.
لطفاً یک اسکرین شات از طرح تکمیل شده خود را در بخش پروژه به اشتراک بگذارید، و حتی بهتر است یک پیوند به کد خود اضافه کنید تا سایر دانش آموزان و من بتوانیم در مورد پیشرفت شما نظر بدهیم و در صورت لزوم کمک کنیم.
از منابع وب سایت زیر در دوره استفاده می شود:
https://gohugo.io/content-management/related/
https://getbootstrap.com/docs/4.0/layout/overview/
https://getbootstrap.com/docs/5.0/components/navbar/
https://gohugo.io/content-management/archetypes/
درس ها Lessons
-
ویجت: پست های اخیر Widget: Recent Posts
-
طرح بندی وبلاگ واکنش گرا Responsive Blog Layout
-
ویجت: برچسب های پست Widget: Post Tags
-
قالب پست وبلاگ منفرد Single Blog Post Template
-
ایجاد پست جدید Create New Post
-
فهرست داده های الگو List Template Data
-
معرفی Introduction
-
داده های تک الگو Single Template Data
-
برجسته سازی نحو کد Code Syntax Highlighting
-
قالب لیست وبلاگ Blog List Template
-
ویجت: جستجو Widget: Search
-
سفارشی کردن سبک ها Customise Styles
-
ویجت: پست های مرتبط Widget: Related Posts
-
کد کوتاه تصویر پست وبلاگ Blog Post Image Shortcode
-
ویجت: دسته بندی پست Widget: Post Categories
-
شروع کار با پروژه Getting started with the Project
https://donyad.com/d/30da9a
Sean Emerson
توسعه دهنده وب و متخصص سایت استاتیک
نمایش نظرات