برنامه نویسی

چگونه یک سایت هوگو بسازیم و میزبانی کنیم

Hugo یک مولد سایت استاتیک است که برای اولین بار در سال 2013 راه اندازی شد. در حالی که بسیاری از مولدهای سایت استاتیک در Node.js ساخته شده اند، Hugo با استفاده از Go ساخته شده است. پروژه منبع باز در طول سال ها مورد توجه زیادی قرار گرفته است و در حال حاضر بیش از 77000 ستاره در Github دارد.

امروز، ما قصد داریم یک سایت هوگو را با استفاده از Orbiter بسازیم و میزبانی کنیم. Orbiter سریعترین و ساده ترین راه برای آنلاین کردن وب سایت های ثابت است.

شروع به کار

از آنجایی که ما قصد داریم یک سایت با استفاده از Hugo بسازیم و آن را با استفاده از Orbiter میزبانی خواهیم کرد، به چند چیز نیاز دارید:

  1. یک حساب کاربری رایگان در Orbiter. شما می توانید در اینجا ثبت نام کنید.
  2. Hugo را نصب کنید (همچنین ممکن است نیاز به نصب Homebrew بسته به سیستم عامل خود و نحوه نصب Hugo داشته باشید)

  3. یک ویرایشگر کد مانند VSCode یا Zed یا واقعاً هر چیز دیگری
  4. Git باید نصب شود (این روی اکثر رایانه ها وجود دارد، اما اگر به آن نیاز داشتید در اینجا یک راهنما وجود دارد)

همین! اکنون، می توانیم وارد ساخت سایت Hugo خود شویم. با فرض اینکه شما قبلا Hugo را نصب کرده اید، بیایید برنامه ترمینال را در رایانه خود باز کنیم و به پوشه ای که پروژه های خود را در آن نگهداری می کنیم بروید.

دستور زیر را برای مقداردهی اولیه پروژه Hugo جدید اجرا کنید:

hugo new site hugo-orbiter
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

شما می توانید سایت خود را هر چه که می خواهید تماس بگیرید. به مال خودم زنگ زدم hugo-orbiter.

اکنون، باید به فهرست پروژه جدید تبدیل شویم. این دستور را اجرا کنید:

cd hugo-orbiter
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

اکنون باید یک تم Hugo نصب کنیم. همانطور که در راهنمای شروع سریع Hugo توصیه شده است، از زیر ماژول های Git برای انجام این کار استفاده می کنیم. بنابراین، دستور زیر را اجرا کنید:

git init
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

سپس اجرا کنید:

git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

اکنون باید به هوگو بگوییم که از آن تم استفاده کند. با این دستور می توانیم این کار را انجام دهیم:

echo "theme="ananke"" >> hugo.toml
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

برای دیدن سایت خود، باید یک سرور محلی Hugo را اجرا کنیم. با این دستور می توانید این کار را انجام دهید:

hugo server
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

سایت در مرورگر در دسترس خواهد بود http://localhost:1313. این یک شروع است، اما ما می خواهیم قبل از میزبانی سایت خود، مقداری محتوا اضافه کنیم. برای انجام این کار، می توانید از Hugo برای ایجاد داربست علامت گذاری یک پست وبلاگ مانند این استفاده کنید:

hugo new content content/posts/my-first-post.md
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

با این کار یک پست علامت گذاری در قسمت ایجاد می شود content پوشه پروژه شما برای مشاهده این، پروژه را در ویرایشگر کد انتخابی خود باز کنید. را باز کنید content پوشه، و شما یک را خواهید دید posts پوشه داخل در داخل آن، فایل علامت گذاری را خواهید دید. در حال حاضر، چیز زیادی در فایل وجود ندارد، اما ما می توانیم آن را تغییر دهیم.

فایل علامت گذاری خود را به شکل زیر به روز کنید:

+++
date = '2025-01-20T15:32:29-06:00'
draft = false
title = 'My First Post'
+++

## Hello, Orbiter!

This is a simple example post that will be part of my Hugo site. It will be hosted on [Orbiter](https://orbiter.host). 
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

حال باید به هوگو بگوییم که سایت را با فایل های جدید بسازد. اگر سرور Hugo شما هنوز در حال اجرا است، می توانید آن را متوقف کنید crtl + c. سپس این دستور را اجرا کنید:

hugo server -D
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

اکنون، وقتی در مرورگر از سایت بازدید می کنید، باید پست خود را ببینید و می توانید روی دکمه ادامه مطلب کلیک کنید. باید چیزی شبیه این باشد:

CleanShot 2025-01-20 در 15.38.00@2x.png

ما اصول یک سایت را داریم. بیایید اکنون میزبانی آن را در Orbiter ببینیم.

میزبانی سایت

میزبانی یک سایت هوگو در Orbiter به سادگی آپلود فایل است. بیایید ابتدا مطمئن شویم که فایل های مناسبی برای آپلود داریم. سرور محلی Hugo را خاموش کنید و این دستور را اجرا کنید:

hugo
وارد حالت تمام صفحه شوید

از حالت تمام صفحه خارج شوید

با این کار سایت شما ساخته می شود و صفحات استاتیک در پوشه ای به نام خروجی می شود public. این پوشه ای است که برای آپلود در Orbiter استفاده می کنیم.

وارد حساب Orbiter خود شوید و روی دکمه آپلود سایت کلیک کنید. پوشه عمومی خود را به مدال بکشید یا روی دکمه Select Folder کلیک کنید سپس پوشه عمومی خود را انتخاب کنید. به سایت خود یک زیر دامنه بدهید و روی ایجاد کلیک کنید.

صفحه آپلود

در عرض چند ثانیه، سایت شما آنلاین و آماده برای اشتراک گذاری با جهان خواهد شد! اگر ترجیح می دهید در سطح خط فرمان کار کنید، می توانید از Orbiter CLI نیز استفاده کنید. اسناد را می توان در اینجا یافت.

و بس. شما سایت Hugo خود را تنها با چند کلیک در Orbiter میزبانی کرده اید و تنها چند ثانیه برای انجام آن وقت صرف کرده اید. به روز رسانی سایت شما به همین سادگی است. روی نماد چرخ دنده در کنار سایت خود کلیک کنید، به روز رسانی سایت را انتخاب کنید و سپس نسخه جدیدی از سایت را آپلود کنید. public پوشه

نتیجه گیری

هوگو یکی از محبوب ترین مولدهای سایت استاتیک در بازار است. میزبانی سایت های Hugo شما می تواند به سادگی یک آپلود باشد. در عرض چند ثانیه از سایت تولید شده به سایت میزبانی شده بروید. همین امروز شروع کنید!

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا