مقدمه

تو این پست قراره صفر تا صد مراحل ساخت یه سایت رو با دامنه اختصاصی .ir بهتون بگم؛ این یه روش کاملا رایگانه فقط برای شخصی سازی و بالا آوردن روی دامنه اختصاصیتون لازمه یه نمه سر کیسه رو شل کنید.  

اگه فعلا قصد دارید صرفا سایت رو بالا بیارید بعد دامنه بخرید براش، از اینجا بخونید.

ثبت دامنه اختصاصی .ir

مرحله اول مربوط به خرید دامنه اختصاصی هستش چون پروسه ثبت و تنظیم DNS یکم زمانبره برای همین اول کار میگم که اگه قصد دارید رو دامنه خودتون بالا بیارید قبل هر چیزی دامنه رو بخرید که بعدا وقتتون تلف نشه!  

نگرخید هزینه خیلی زیادی نداره و برای دامنه ی یکساله فقط کافیه 40 ت هزینه کنید :)  

پیشنهاد میکنم بخرید چون دامنه اصلی io که قراره روی اون سایتتون رو بسازید تو بعضی از نت ها بالا نمیاد و فیلتره.. پس بخرید !

مراحل ثبت دامنه از طریق nic.ir

برای ثبت دامنه تو سایت ایرنیک اول باید توی سایت ثبت نام کنید، مراحل ثبت نام سخت و عجیب غریبی نداره با ایمیل و مشخصاتتون توی سایت ثبت نام کنید؛ بعد از اون اقدام به ثبت دامنه کنید.   بعد از ثبت نام از منوی بالا روی دامنه ها بزنید و بعد گزینه ثبت دامنه رو انتخاب کنید.

بعد از اون باید دامنه ای که میخواید رو انتخاب کنید.   مثل انتخاب آیدی میمونه و فقط باید یه آیدی رو بزنید که قبلا تکرار نشده باشه!   بعد انتخاب دامنه اگه زد قابل ثبت یا همچین چیزی بزنید روی ادامه و برید پرداخت کنید؛ البته قبلش تیک همه گزینه های موجود رو روی خودم بزنید.

حالا باید منتظر شید وضعیتش به حالت ثبت شده تغییر پیدا کنه تا بتونید DNS تنظیم کنید.

چند ساعتی طول میکشه

این مرحله رو میتونید بعد از ساخت ریپو هم ادامه بدید تا وقتی که وضعیت به حالت ثبت شده تغییر پیدا کنه..

تنظیم DNS

برای تغییر DNS و تنظیم رکورد علاوه بر سایت ایرنیک شما به سایت دیگه ای هم نیاز دارید؛ با استفاده از سایت cloudflare میتونید رکورد های گیت هاب رو روی دامنه اتون ست کنید.  

با استفاده از اکانت گوگلتون توی این سایت ثبت نام کنید.

و دامنه اتون رو وارد کنید.

دامنه رو دستی بنویسید کپی پیست نکنید.

پلن رایگان رو انتخاب کنید (همینو لازم داریم و کارمون راه میفته)   حالا لازمه name server های دامنه امون رو از طریق سایت ایرنیک ست کنیم تا بتونیم با استفاده از cloudflare رکورد های گیت هاب رو تنظیم کنیم که برای اینکار لازمه که دامنه اتون وضعیتش تغییر کرده باشه تا بتونید نیم سرور هاشو تغییر بدید

بعد از اینکه وضعیت به ثبت شد تغییر کرد، روی دامنه اتون کلیک کنید و با انتخاب گزینه ویرایش ردیف های کارگزاری نام و ومیزبانی دامنه وارد صفحه تنظیمات DNS بشید.

فقط کافیه این بخش هارو که تو تصویر پر کردم با این نیم سرور ها تغییر بدید و پایین حتما قبل از اعمال، سوال امنیتی رو جواب بدید؛ حالا برید تو سایت cloudflare و روی check nameserver now رو بزنید.

این مرحله حداقل نیم ساعت / یه ربع وقت میبره..

anna.ns.cloudflare.com  

vicente.ns.cloudflare.com

بعد از اینکه ایمیل تغییر dns رو دریافت کردید دوباره وارد سایت cloudflare بشید و صفحه رو رفرش کنید، باید یه باکس سبز رنگی ببینید که نوشته Active، این یعنی نیم سرور ها درست تنظیم شدند و الان میتونید رکورد هارو تنظیم کنید.

روی لینک DNS Records که آبی نوشته شده بزنید و وارد صفحه اضافه کردن رکورد ها بشید و طبق این تنظیماتی که نوشتم رکورد هارو اضافه کنید.

باید چهار تا رکورد A تنظیم کنید با این Ip هایی که مینویسم؛ بخش Name همشون رو @ وارد کنید.  

185.199.108.153  

185.199.109.153  

185.199.110.153  

185.199.111.153  

و یک رکورد CNAME با این تنظیمات که Name رو www و ip رو username.github.io قرار بدید.   یوزرنیم رو باید آیدی اکانت گیت هابتون قرار بدید.  

در آخر باید رکورد هایی که تنظیم کردید به این شکل باشه:

یه نکته بگم راجب رکورد هایی که ست میکنید؛ در حالت عادی باید تیک proxy فعال باشه ولی ممکنه توی مرحله چک کردن دامنه و دی ان اس توی گیت هاب مشکلی پیش بیاد (قطعی نیست ولی رعایتش ضرر نداره) برای همین پیشنهاد میکنم قبل از اینکه گیت هاب دامنه اتون رو تایید نکرده و شما HTTPS رو فعال نکردید، پروکسی رو روی همه رکورد هاتون غیرفعال کنید. بعد از تایید گیت هاب برگردید و پروکسی رو دوباره برای رکورد هاتون فعال کنید.

ساخت ریپازیتوری در گیت هاب

بزارید اینطوری بگم که ریپو یک ظرفیه که قراره محتویات اصلیه سایتتون رو توش قرار بدید؛ برای اینکه ریپو بسازید اول با اکانت گوگلتون توی سایت گیت هاب ثبت نام کنید و بعد توی پروفایلتون یه بخشی هست بنام Repositories وارد اون بخش بشید و روی new بزنید تا به صفحه ساخت ریپو جدید برید.

برای ذخیره کردم تغییرات، روی commit بزنید. حتما تیک README رو فعال کنید.

وصل کردن دامنه اختصاصی به ریپو (اگه دامنه خریدید)

بعد از اینکه تمام مراحل تنظیم DNS رو انجام دادید، وارد ریپوتون بشید و روی سه نقطه بزنید و وارد تنظیمات بشید؛  

برید به بخش Pages

تو این بخش Branch رو روی main و / root قرار بدید.   و دامنه رو دستی بنویسید توی کادر مشخص شده و بعد از اینکه DNS تایید شد تیک HTTPS رو هم حتما فعال کنید.

ساخت فایل های مورد نیاز سایت

من قراره کد های مورد نیاز سایت شخصی خودم رو براتون بزارم چون یه صفحه ساده و مینیمال هستش و چیزیه که فکر کنم در وهله اول نیازتون رو برطرف کنه.. حالا بعدا میتونید محتواشو کلا حذف و تغییرش بدید فعلا میخوام طریقه ساخت و جایگذاری محتوای سایت خودم رو بهتون آموزش بدم.  

برای ساخت سایت من سه تا فایل لازمه بسازید : index.html , style.css , script.js

بعد از ساخت هر فایل زود نرید فایل بعدیو بسازید، برید توی بخش Actions و منتظر بشید تا آپدیتش تموم شه بعد برید فایل بعدیو بسازید (فوقش 2 دقیقه زمان ببره زیاد طولانی نیست)

بعد از ساخت همه فایل ها (برای سیو شدن فایل کافیه روی commit changes بزنید ) و بعد از طی شدن همه مراحل ساختش، از تنظیمات برید بخش Pages و یکم پایینتر میبینید یه گزینه ای هست با عنوان visit site روی اون بزنید تا سایتتون براتون نشون داده بشه.

جایگذاری محتوای شخصی با محتوای اصلی کد

اصلی ترین بخش ساخت سایت، جایگذاری محتوای خودتون با محتوای اصلیه.. اگه یذره هم کد نویسی بلد باشید توی فایل ایندکس کامنت هایی گذاشتم که بدونید کجاهارو عوض کنید. ولی اگه هیچی از کد نویسی نمیدونید کافیه با کمک هوش مصنوعی  دیپ سیک یا چت جی پی تی  بخشهارو عوض کنید. کافیه فایل اصلی index.html رو توی چت پیست(جایگذاری) کنید و زیرش لیست محتوایی که میخواید عوض شه رو بنویسید. اینجا لیست بخشایی که باید عوض شه رو براتون مینویسم که موقع پرامپت دادن به هوش مصنوعی کارتون راحتتر شه.

این محتواهارو با محتوایی که جلوش گذاشتم عوض کنید؛


==detail==

og:title  =  my web

og:image  =  site-preview.jpg

og:description  =  description

shortcut icon  =  icon.png

title  =  web name

  

==menu==

link 1 = home / `#`

link 2 = about / `#about-me`

link 3 = links / `##my-link

  

==profile==

img = profile.jpg

p = say what you want !

highlight = highlight text

  

==hide section 1==

strong = title

links = examplelink1.ir / img.png   or   examplelink1.ir / link title

links..

.

.

  

==hide section 2==

strong = title

p = say what you want !

محتوای فایل index رو به دیپ سیک یا چت جی پی تی بفرستید و بگید که میخوام محتوای این فایل رو با محتوای شخصیم تغییر بدم؛ و این بخش هایی که مشخص کردم رو بعد جایگذاری براش بفرستید و بگید که این محتوا رو کامل با محتوایی که من فرستادم تغییر بده و کد کاملش رو بعد از تغییر برای من بفرست.

بعد از دریافت کد همش رو کپی کنید و توی فایل اصلی index جایگذاری و سیو کنید( با commit changes ).

همین، تمام !

 برای دیدن آموزش و ترفند های بیشتر به چنلمـــــون سر بزن