GitHub Pages, sıfırdan kendi kişisel sitenizi oluşturmanın harika bir yoludur. Tamamen ücretsizdir ve yalnızca bir GitHub hesabı gerektirir. Yine de GitHub Sayfalarının web siteleri yapmak için en kullanıcı dostu tasarımı sunmadığını (Wix veya Squarespace'in aksine) unutmayın, ancak HTML/CSS/JS ve bir web sitesinin tüm öğeleriyle deneyim kazanmanın harika bir yoludur. Bu wikiHow makalesi sana nasıl başlayacağını gösterecek.
adımlar
Adım 1. Henüz bir hesabınız yoksa GitHub'da bir hesap açın
GitHub sayfalarında kendi web sitenizi oluşturabilmeniz için önce GitHub'da bir hesap oluşturmanız gerekir. GitHub'da zaten bir hesabınız varsa, giriş yaptığınızdan emin olun. Her ikisine de sağ üst araç çubuğundan erişilebilir.
Adım 2. GitHub'da bir depo oluşturun.
Depoyu "[GitHub kullanıcı adınız burada].github.io" olarak adlandırdığınızdan emin olun. Bu, GitHub web sitenizi başlatacaktır.
Yöntem 1/2: Kod Düzenleyicisi Kullanma
Adım 1. Henüz yüklemediyseniz GitHub masaüstünü indirin
GitHub masaüstünü kurmak, https://desktop.github.com/ adresine gidip büyük mor "İndir" düğmesine tıklamak kadar basittir. Ardından yükleyiciyi çalıştırın. Deponuzdaki değişiklikleri zorlamak için bu gereklidir.
Adım 2. Bir kod düzenleyici kurun
GitHub'da sözdizimi vurgulaması elde etmek için birine ihtiyacınız var. Popüler seçenekler arasında Atom, Visual Studio Code, Sublime Text ve Notepad++ bulunur ve bu özellikler zengin özelliklere ve minimalist hislere sahiptir. Bir kod düzenleyici yükledikten sonra, başlamaya hazırsınız.
Adım 3. "index.html" adlı bir dosya oluşturun
Bunu kod düzenleyicinizde veya çevrimiçi olarak yapabilirsiniz. Ayrıca sabit sürücünüzdeki havuzunuzun konumuna gidebilir ve sürücünüzdeki havuz klasöründe bir "index.html" dosyası oluşturabilirsiniz.
Adım 4. HTML'nizi ekleyin
Temel bir web sayfasını kodlayabilmek için HTML öğrenmeniz gerekecek. Web sayfanıza stil ve işlevsellik katabilmeniz için CSS ve JavaScript öğrenmeniz de faydalı olacaktır.
Dosyayı kaydetmeyi unutmayın
Adım 5. Değişiklikleri gerçekleştirin
GitHub masaüstüne geri dönün ve mavi Master to Master düğmesine tıklayın. Ardından Push Origin'e tıklayın. Bu, değişiklikleri GitHub'a yükleyecektir.
Daha fazla değişiklik yapmayı planlıyorsanız, Origin'i de çekmek isteyeceksiniz. Makinenize en son taahhüdü indirmek için GitHub masaüstündeki Kaynağı Çek düğmesine tıklayın
Adım 6. Web sayfanızı görüntüleyin
Bir web tarayıcısında "[GitHub kullanıcı adınız].github.io"ya gidin. Yeni web sayfasını görüntülemek için yenile düğmesini tıklatırken Ctrl veya ⌘ Command tuşunu basılı tutarak tarayıcınızın önbelleğini atlamanız gerekebilir.
Yöntem 2/2: GitHub Online'ı Kullanma
Adım 1. "index.html" adlı bir dosya oluşturun
Dosya ekle'ye ve ardından Yeni dosya oluştur'a tıklayın. Bu bir dosya düzenleyici açacaktır. "Dosyanızı adlandırın" alanına "index.html" ekleyin.
Adım 2. HTML'nizi ekleyin
Temel bir web sayfasını kodlayabilmek için HTML öğrenmeniz gerekecek. Web sayfanıza stil ve işlevsellik katabilmeniz için CSS ve JavaScript öğrenmeniz de faydalı olacaktır.
Dosyayı kaydetmeyi unutmayın
Adım 3. Değişiklikleri kabul edin
Dosyayı GitHub'a kaydetmek için yeşil Yeni dosyayı taahhüt et düğmesine tıklayın.
Adım 4. Web sayfanızı görüntüleyin
Bir web tarayıcısında "[GitHub kullanıcı adınız].github.io"ya gidin. Yeni web sayfasını görüntülemek için yenile düğmesini tıklatırken Ctrl veya ⌘ Command tuşunu basılı tutarak tarayıcınızın önbelleğini atlamanız gerekebilir.
İpuçları
- Alt sayfalar eklemek için GitHub'da yeni bir klasör oluşturmanız ve bu klasöre bir "index.html" dosyası eklemeniz yeterlidir.
- Bir alan adı kaydettirirseniz, GitHub Sayfalarının varsayılan yerine bu alan adını kullanmasını sağlayabilirsiniz.
- Premium hesabınız yoksa GitHub sayfaları havuzları herkese açık olmalıdır.
