Skip to content
358 edited this page Aug 22, 2021 · 4 revisions

Anasayfa

Bu sayfa 2 bölüme ayrılır. Birinci bölümde kendiniz hakkında ufak bir bilgi yer alır ikinci bölümde ise eğer ayarladıysanız Discord profilinizin anlık durumu bulunur.

  • Ekran Görüntüsü Img

  • Hakkımda bölümü

Img

  • Discord Profili

Img

Gerekli ayarlar

Bu sayfada görüntülenecek öğeleri tek bir dosya üzerinden ayarlayabilirsiniz. src/__1.json içerisinde anasayfayla ilgili bir kaç değişken bulunmaktadır, bunları kendinize göre düzenleyip istediğiniz sonucu elde edebilirsiniz.

Değişken Açıklama Örnek Değer Zorunluluk
BIO Birinci ekran görüntüsünde yer alan ufak özeti buradan ayarlayabilirsiniz Günümün yarısını uzaylılarla geçiriyorum ve evden çalışıyorum Zorunlu
ID İkinci ekran görüntüsünde çıkan Discord profilini bu ayar ile düzenleyebilirsiniz 852854758641631232 Zorunlu
FA_URL Sitede kullanılacak Font Awesome kütüphanesinin linki https://kit.fontawesome.com/d9633633dc.js Zorunlu değil
NAME Sitenin başlığında görünecek isim 358 Zorunlu
  • Örnek Dosya
  
{
    "id": "852854758641631232",
    "FA_URL":"https://kit.fontawesome.com/d9633633dc.js",
    "name": "358",
    "bio": "Yaklaşık 3 yıldır yazılımla uğraşmaktayım. Bu süreç içinde bir çok web sitesi, uygulama, teknoloji v.s geliştirdim ve geliştirmeye devam ediyorum. Genellikle kullandığım teknolojiler ise Vue, React, Vite, NativeScript ve TailwindCSS. Geliştirdiğim çoğu projeyi <a class='link-item' href='https://github.com/i358'>Github</a> hesabımda paylaşıyorum, eğer işinize yarayan bir şey olursa fork edebilir ve starlayabilirsiniz. ",
    "sitename": "i358",
    "domain": "me"
}

Kurulum ve Yayınlama

Gerekli ayarları yaptığınızdan emin olduktan sonra kurulumu yapmak için aşağıdaki kodları yazın.

$ npm install -g @vue/cli yarn serve
$ yarn build
$ serve -s dist -p 80
  • Bu adımı uyguladıktan sonra kullandığınız makinenin IP'si üzerinden giriş yaptığınızda sitenin yayınlanmış olduğunu göreceksiniz

Projeyi starlamayı unutmayın :)

Clone this wiki locally