هنگامی که صحبت از ایجاد وب سایت می شود، چندین راه حل در دسترس توسعه دهندگان وجود دارد: شروع از ابتدا (از ابتدا، از CMS استفاده کنید (سیبی چادر ممدیریت اسسیستم) یا از یک مولد سایت استاتیک استفاده کنید. در این مقاله مقایسه ای بین این ابزارها انجام نمی دهم، هر کدام از این راه حل ها مزایا و معایب خاص خود را دارند.
موضوع این مقاله استفاده از مولدهای سایت استاتیک خواهد بود هکسو et هوگو، که قبلاً فرصت استفاده از آن را داشته ام. چه مبتدی باشید و چه با تجربه تر، یک مولد وب سایت واقعا ابزار جالبی برای راه اندازی سریع پروژه های وب است و ما قصد داریم به این موضوع نگاه دقیق تری داشته باشیم!
سایت های استاتیک، ژنراتورها، آنها چیست؟
قبل از پرداختن به اصل موضوع، باید چند مفهوم اساسی را یادآور شویم:
- سایت استاتیک چیست؟
- مولد سایت استاتیک چیست؟
سایت ایستا
و سایت استاتیک سایتی است که در آن تمام صفحات در اصل HTML و CSS هستند. همچنین زمانی که می خواهید کمی پویایی به وب سایت خود داشته باشید، می توانید جاوا اسکریپت را اضافه کنید. برخلاف سایتی که به عنوان “پویا” توصیف می شود، یک سایت استاتیک همان صفحه را برای همه بازدیدکنندگانی که آن را درخواست می کنند نمایش می دهد.
مزیت سایت استاتیک در این است سرعت بارگذاری آن. با این حال، هر چه تعداد صفحات سایت بیشتر باشد، HTML، CSS و جاوا اسکریپت بیشتری باید بنویسید، که زمان می برد. دما و معینی را طلب می کند تلاش.
مولد سایت استاتیک
و مولد سایت استاتیک ابزاری است که با استفاده از پیکربندی ها و قالب ها امکان ایجاد یک سایت ثابت را می دهد. صفحات با اطلاعات ذخیره شده در فایل های پیکربندی پر می شوند، توسط قالب ها تنظیم می شوند و سپس در قالب صحیح (HTML، CSS، جاوا اسکریپت) تولید می شوند.
ژنراتور همچنین با ادغام یک موضوع، طرح بندی صفحات مختلف سایت را تسهیل می کند، که همیشه می تواند بعداً تغییر یابد.
استفاده از یک ژنراتور، همانطور که متوجه شده اید، باعث می شود تا حدودی سرعت ایجاد یک سایت ساده را با تولید سریع صفحات، محتوا و طرح بندی افزایش دهید.
بین Hexo و Hugo چه چیزی را انتخاب کنیم؟
هنگامی که شما برای یک سایت تولید کننده استاتیک در گوگل جستجو می کنید، اولین نتایجی که احتمالاً پیدا می کنید مقایسه یا مقالاتی است که توضیح می دهد چرا این یا آن ژنراتور بهترین است.
اثبات، به سادگی با نوشتن “Static generator”:
من که فقط Hexo و Hugo را آزمایش کردم، نتوانستم ده ژنراتور را با هم مقایسه کنم. بنابراین، بیایید روی این دو ژنراتور تمرکز کنیم.
هکسو
هکسو یک مولد سایت استاتیک منبع باز مبتنی بر Node.js است. این به شما اجازه می دهد تا به سرعت وب سایت های ساده ایجاد کنید، که اغلب برای اجرای وبلاگ یا سایت های نوع صفحه شخصی استفاده می شود. این به شما امکان می دهد مقالاتی را در Markdown بنویسید، آنها را به صفحات HTML ثابت تبدیل کنید، سپس آنها را روی هر سروری (Amazon S3، Github Pages و غیره) میزبانی کنید.
Hexo همچنین اجازه سفارشی‌سازی را از طریق تم‌های ارائه شده در سایت خود می‌دهد (بخش «موضوع» سایت Hexo برخی از موارد بسیار زیبا را در واقع فهرست می‌کند)، یا از طریق تمی که می‌توانید خودتان با فشار دادن اسناد ایجاد کنید.
همچنین به لطف سیستمی امکان افزایش ظرفیت های سایت شما وجود دارد پلاگین ها. پلاگین ها می توانند اسکریپت های جاوا اسکریپتی باشند که خودتان نوشته اید یا حتی بسته های NPM که می توانند بسیار کاربردی باشند.
هوگو
مانند هکسو، هوگو یک مولد سایت استاتیک منبع باز است، اما بر اساس زبان برنامه نویسی Go است و بیشتر به دلیل انعطاف پذیری آن تبلیغ می شود.
تقریباً همان ویژگی‌های Hexo را دارد، اگرچه کتابخانه موضوعی کمی کوچک‌تر دارد و نسبت به برخی از رقبای خود در بازار (مثل جکیل، به ویژه) محبوبیت کمتری دارد.
یک انتخاب، واقعا؟
هنگامی که ما به دنبال تولید کننده های سایت استاتیک می گردیم، اغلب با مقالاتی مواجه می شویم که آنها را با هم مقایسه می کنند یا حتی سعی می کنیم آنها را از “بهترین” به “بدتر” طبقه بندی کنیم. مهم است که انتخاب چنین ابزاری را تفاوت ظریفی ایجاد کنید.
تفاوت های ظریف مهم است، و این در مورد انتخاب ابزار ما نیز صدق می کند. در اینجا فکر نمی کنم نیازی به انتخاب فقط یکی از این دو باشد. کسانی که تجربه بیشتری با Node.js دارند، اگر بخواهند سایت خود را سفارشی کنند، می توانند به Hexo مراجعه کنند. کسانی که قبلاً زبان Go را دستکاری کرده اند به همین دلایل به هوگو روی می آورند. مختصر، هیچ چیز ثابت نیست.
علاوه بر این، گاهی اوقات اتفاق می افتد که ما با یک تم باشکوه روبرو می شویم که برای یکی از این دو ژنراتور موجود است اما برای دیگری نه. پس از آن مایه شرمساری است که بدون آن کار کنیم زیرا یک سایت به ما گفته است که نسبت به یک ژنراتور دیگر “کمتر خوب است”.
تجربه من با Hexo و Hugo
وقتی می خواستم وب سایت خودم را ایجاد کنم، باید به این فکر می کردم که چگونه می خواهم این کار را انجام دهم. من که نمی خواستم زمان زیادی را صرف آن کنم، ابتدا یک سایت استاتیک خانگی را انتخاب کردم. با این حال، من مجبور بودم بخش “وبلاگ” سایتم را خودم انجام دهم، که باعث شد به دنبال راهی برای انجام سریع آن باشم و به من اجازه داد تا مولدهای سایت استاتیک را کشف کنم.
اگرچه من به زبان Go تسلط ندارم، اما با تجربه و مستندات هوگو، می توان یک تم از پیش ساخته شده را تغییر داد، که توانستم برای یکی از پروژه هایم انجام دهم. در مورد Hexo نکته ای که همیشه بر آن تاکید نمی شود این است که یک ژنراتور است اکثریت جامعه در آسیا واقع شده است. این عملاً محبوبیت Hexo را افزایش می‌دهد، علاوه بر این که بیشتر تم‌ها به‌جای متن حروف رومی، برای ایدئوگرام‌ها بهینه‌سازی شده‌اند. این تم ها به ندرت به زبان انگلیسی مستند می شوند، که همچنین تعداد تم های قابل استفاده برای کاربران غربی را کاهش می دهد.
نتیجه
Hexo و Hugo ابزارهای خوبی برای توسعه دهندگان هستند، اما همچنین برای کسانی که می خواهند سایتی را به سرعت و بدون هزینه (یا پول) آنلاین قرار دهند. علاوه بر این، این راه‌حل‌ها جنبه‌های خاصی از راه‌اندازی یک سایت، مانند سبک یا حتی استقرار روی سرور را تسهیل می‌کنند، که وقتی می‌خواهید تا حد امکان کمتر انجام دهید، می‌تواند واقعاً یک مزیت باشد.
به طور خلاصه، چه برای یک پروژه شخصی، یک پروژه دوره آموزشی یا برای فروش یک محصول، این مولدهای سایت استاتیک واقعا می توانند کار شما را آسان تر کنند. در استفاده از آن تردید نکنید و حتی دیگران را امتحان کنید، مانند جکیل یا حتی گتسبی!
بعدا می بینمت ! 👋
