GitHub Profili Özelleştirme - Yılan Oyunu ve İstatistikler
Вставка
- Опубліковано 8 тра 2023
- Sadece 5 dakikada mühendislerin vitrini diyebileceğimiz GitHub profilimizi düzenlemeyi öğreniyoruz =)
GitHub Profile README Generator: rahuldkjain.github.io/gh-prof...
GitHub Contribution Graph Snake Game: dev.to/mishmanners/how-to-ena...
Fotoğraf ekleme : [
Discord Sunucumuz : / discord
Topluluğumuzun WhatsApp grubu: chat.whatsapp.com/HJcp4UJpw2P...
Developer Community Websitesi : devcom.web.tr/
Video : Çağatay Akkaş - / %c3%a7a%c4%9fatay-akka...
Kapak Fotoğrafı : Kerimcan Odabaş - / kerimcan-odaba%c5%9f-0...
Tekrardan selamlar Herkese =) nedendir bilinmez bazı arkadaşlarımızda (ben de dahil) yılan grafiği yarım olarak görünmeye başladı. Bunu tekrardan tam haline getirmek için :
1)Repo ayarlarını değistirmemiz gerekiyor. Bunun için oluşturduğumuz repo -> reponun ayarları (insight yanındaki settings butonu GitHub genel ayarları değil) -> actions -> general ->
Action Permission = "Allow all actions and reusable workflows" ,
For pull request = "Require approvel for first-time contributions" ,
Workflow Permission = "Read and write permissions" -> kaydedip diğer adımları yaptıktan sonra tekrar generate snake diyelim.
2)main.yaml dosyamıza bu kodu yapıştırıp sadece github_user_name'i değiştiriyoruz :
name: generate animation
on:
# run automatically every 24 hours
schedule:
- cron: "0 */24 * * *"
# allows to manually run the job at any time
workflow_dispatch:
# run on every push on the master branch
push:
branches:
- master
jobs:
generate:
runs-on: ubuntu-latest
timeout-minutes: 10
steps:
# generates a snake game from a github user () contributions graph, output a svg animation at
- name: generate github-contribution-grid-snake.svg
uses: Platane/snk/svg-only@v3
with:
github_user_name: CagatayAkkas
outputs: |
dist/github-contribution-grid-snake.svg
dist/github-contribution-grid-snake-dark.svg?palette=github-dark
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
# push the content of to a branch
# the content will be available at raw.githubusercontent.com//// , or as github page
- name: push github-contribution-grid-snake.svg to the output branch
uses: crazy-max/ghaction-github-pages@v3.1.0
with:
target_branch: output
build_dir: dist
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
3)Ardından
yerine aşağıdaki kodu yapıştırarak yine sadece CagatayAkkas yazan yerlere kendi kullanıcı adımızı yazıyoruz ve işlemimiz bitmiştir =) :
hocam bu sefer hiç gözükmüyor
Kodu tekrardan kendi profilimden kontrol ettim.Birebir aynı (sende kullanıcı adı kısmı farklı olmalı). Sıkıntı bu kodların dışında potansiyel olarak da actions kısmında olabilir.
Muhtemelen repo ayarlarını değistirmemiz gerekiyor. Bunun için oluşturduğumuz repo -> reponun ayarları (insight yanındaki settings butonu GitHub genel ayarları değil) -> actions -> general ->
Action Permission = "Allow all actions and reusable workflows" ,
For pull request = "Require approvel for first-time contributions" ,
Workflow Permission = "Read and write permissions" -> kaydedip tekrar generate snake diyelim.
Halen olmazsa açıklama kısmından sunucumuza gelirsen daha detaylı bakabiliriz. İyi çalışmalar olsun =)
@@CagatayAkkas hocam benim snake kısmında sadece iki mor nokta görünüyor diğer herşeyi burda yazan tüm problemleri denedim repo ayarlarını değiştirdim vs herşey tam kullanıcı adlarımı vs de değiştirdim neden hareket etmiyor anlamadım
@@meyymetamca Bu hem bende hem de diğer arkadaşlarda 3 hafta önce ortaya çıkan bir problemdi. Videodaki adımları tamamladıysan sabitlenmiş yorumdaki kodları da gereken yerlere yazdığın takdirde sorunun çözülmesi lazım. Çünkü zaten yaml dosyası actions kısmının nasıl çalışacağını ayarlıyor. README.md deki kod da actions dan alıp profile yerleştirmeye yarıyor. Kodlar da hem benim profille hem de kontrol etmesini istediğim bir arkadaşın profiliyle kullanıcı adları dışında birebir aynı. Yani olması lazım xd ama halen olmadığı takdirde sunucu teklifi halen geçerli. Gelirsen ekran paylaşımı vs. halletmeye çalışırız. Yardım etmeyi çok isterim =) İyi çalışmalar olsun.
hocam düzelttim teşekkür ederim
Eline sağlık çok güzel bir github profili oluşturdum.
Faydalı olmasına çok sevindim =)
Tam ihtiyacım olan bir video olmuş başarılar dilerim😊
Çok sevindim. Teşekkürler =)
ellerine sağlık tam da ihtiyacım olan bir video
Faydalı olduysa ne mutlu bana =)
Hocam Teşekkür ederim sayenizde github profilim çağ atladı :D
:D Yardımcı olabildiysem ne mutlu bana. Hayırlı olsun =)
Çok açıklayıcı olmuş, teşekkürler.
Faydalı olmasına sevindim =)
Eline sağlık,çok iyi duruyor.
Teşekkürler. Beğenmene sevindim =)
Teşekkürler
Güzel yorumunuz için ben teşekkür ederim =)
Çok başarılı bir video olmuş müsadenle referans olarak kullanacağım bu videonu eğtimlerimde vs
Güzel yorumun için teşekkürler. Her türlü eğitimde kullanmak serbesttir =)
Hocam generate snake yaptığımda hata veriyor
hocam öncelikle videonuz çok faydalı olmuş. Generate animation kısmını yapıyorum tüm eklentileri de ekliyorum (kullanıcı adı değiştirerek) fakat ekranda hala göremiyorum. Sebebi ne olabilir?
Selamlar Pelin güzel yorumun için teşekkürler =) Hem readme hem de main.yml dosyasına ekleyeceklerimizi senin yaşadığın hatayı yaşamamak adına güncelleyip sabitlenmiş yoruma ekledik.
Yapmamız gerekenler şöyle:
1)Sabitlenmiş yoruma giriyoruz.
2)main.yml dosyamızı temizleyip. Ardından yorumdaki ilk kodu o kısma yapıştırıp isim kısmını güncelliyoruz.
3)Ardından readme dosyamıza girip yılan oyunu için yazdığımız ![snake gif] ile başlayan satırı silerek sabitli yorumdaki ikinci kodu yapıştırıp ismi güncelliyoruz.
4)Ardından action kısmına girerek tekrar animasyonumuzu çalıştırıyoruz.
5)Bu noktada halen bir sıkıntı yaşanıyorsa açıklama kısmından Discord sunucumuza gelirsen ben direkt yardım edebilirim =) İyi çalışmalar olsun.
hocam eksiksiz oldu çok sağ ol ama bende most used languages kısmında no languages data yazıyor sende ki gibi atıyorum HTML %70.8 vsvs gibi ibareler yazmıyor.
Bana 3 ihtimal var gibi geldi:
1) Gizlilik ayarlarını güncellemek gerekiyor:
GitHub profil sayfan -> sağ üstten profil resmine tıklayarak settings -> public profile -> include private contributions on my profile = Bunu açtığımızda private repolarımızı da istatistiğe katar. Belki senin repolar ın gizlidedir.
2)Yetersiz veri girişi = Bazı repolar public olsa da içinde yeteri sayıda dosya yoksa istatistiklerde yetersiz veriden dolayı değişme olmaz.
3)Dosya tipleri = eğer kullandığın dosyalar javadoc vs dokümantasyon dosyaları ise kodlama dili dışındaki dosyaları da istatistiğe katmaz.
Hocam bu becerilerin c# gibi yanyana duruyorken altında mavi _ oluyor onu nasıl düzeltebiliriz?
Selamlar. Mavi çizgi olayını çözemedim :/ ama bu videonun ikinci bölümünde bu becerilerin güncellenmiş versiyonları var. Ben de kendi profilimde onları kullanıyorum. Belki sizin de daha hoşunuza gidebilir =)
resim eklemeyi yapamadım hocam nedense bir taktiği vs var mı ?
eklediğim resimler gözükmüyor boş duruyor.
Selamlar =) Ekleyeceğimiz resimleri internetten almalıyız ki kodumuz her an oradan o resmi çekebilsin. Bunun için internetten seçeceğimiz bir resme -> sağ tık -> resim adresini kopyala -> [
Eğer olmuyorsa
1)Koymaya çalıştığımız link internetten alınmış bir link değil. Örnek: kendi bilgisayarımızdan bir fotoğrafı alıp tarayıcıya koyarak ustteki adresi kopyalamamız yanlıştır. Mutlaka bir websitesinden alınması gerekir (istediğin fotoğraf internette yoksa GitHub profiline PUBLİC OLAN bir repo açarak oraya attığın resmin adresini koyabilirsin).
2)İstediğimiz fotoğrafın formatı uygun olmayabilir (örnekte kullanılan fotoğraf jpeg)
3)Eğer foto yerine beyaz belge şeklinde minik bir logo çıkıyorsa kullandığımız adresten veri çekilemiyor demektir. Yeni link belirlemeliyiz.
İlginçtir ki sabah mesajı yazarken benim profilde olan fotoğraf az önce kontrol ettiğimde hata veriyordu. Fotoğrafın linkini tekrar kopyalayıp aynı yere yapıştırdım. Düzeldi =) konumdaki link güncellenmiş olabilir. Bilgine.
Hocam bunu yaptıktan sonra sürekli bot update yapıyor github anasayfamı kaplıyor nasıl düzeltebilirim veya normal midir teşekkürler
Selamlar =) eğer ana sayfayı kaplamadan kastın:
1)Repolar arasında devamlı en yukarı çıkması ise :
+)İsediğimiz diğer repoları pinleyerek istenmeyen reponun ekranda gözükmesini engelleyebiliriz.
+)Pinlemeden üste çıkarmayı engellemek normalde repoyu private hale getirmekle oluyor. Ama bu repomuz istisnai, private yapamıyoruz.
2)Bildirim gelerek ekranı kaplıyorsa :
+)Bildirim ayarlarını güncelleyebiliriz : Profil resmi -> settings -> notifications (soldaki navigasyonda yukarıdan 5.) -> system (sayfanın altında) -> Actions -> Notify me kısmında sadece mail ve sadece workflow error verdiginde seceneklerini isaretleyerek oradan gelen bildirimleri engelleyebiliriz.
@@CagatayAkkas Teşekkürler hocam
dostum ben actions yaptığımda generate snake'e tıklıyorum runworkflow yapıyorum bekliyorum sonra hata veriyor çalışmıyor nasıl düzeltebilirim. aynen yaptığın gibi yapıyorum yine de olmuyor.
Muhtemelen repo ayarlarını değistirmemiz gerekiyor. Bunun için oluşturduğumuz repo -> reponun ayarları (insight yanındaki settings butonu GitHub genel ayarları değil) -> actions -> general ->
Action Permission = "Allow all actions and reusable workflows" ,
For pull request = "Require approvel for first-time contributions" ,
Workflow Permission = "Read and write permissions" -> kaydedip tekrar generate snake diyelim.
yapdm yine olmadı@@CagatayAkkas
@@aygroupcode gelen güncellemeden sonra birkaç değişikliğe daha ihtiyacımız oldu. Sabitlenmiş yorumdaki adımları uygularsanız olacağını tahmin ediyorum =)
abi proje nasıl oluşturuluyr bazıları blog gibi yazılr yazıyor nsıl yapabiliriz
GitHub da proje oluşturmak için sağ üstteki profil resmimize tıklıyoruz -> ardından your repositories kısmını seçiyoruz -> açılan ekranda yeşil renkli görünen new repositorie kısmını seçiyoruz -> repomuzun ismini yazıp ardından sayfanın altındaki yeşil butona (repoyu oluştur butonu) basarak projemizi başlatmış oluyoruz.
Blog yazılarını çoğu kişi Medium adındaki websitesinde yazıyor. Sen de yeni bir hesap oluşturarak orada yazabilirsin. Formatı anlamak adına bizim topluluğun Medium sayfasına bakabilirsin medium.com/gs-developer-community iyi çalışmalar olsun Emir =)
Merhaba run kısmında sorun yaşıyorum. Kabul etmiyor sebebi nedir?
Selamlar. Şu ana kadar karşılaştığımız tüm sorular şu 3 başlık altında toplanıyor:
1)Repo ayarları.
2)main.yaml dosyamızın içeriği.
3)README dosyamızın içeriği.
Bu sorunların tamamının adım adım çözüm ve kodlarını sabitlenmiş yoruma ekledim. Tek yapmamız gereken ayarlardan bir kaç kutucuk işaretlemek ve birkaç kodu kopyala yapıştır yapmak. Eğer halen sorun devam ederse açıklama kısmından Discord sunucumuza gelirseniz direkt ekran üzerinden yardımcı olmaya çalışırım. İyi çalışmalar olsun =)
@@CagatayAkkas Teşekkür ederim, çok naziksiniz. Ben de anlamadım farklı bir şey yapmadım ama çalıştırırken hata veriyor. Bende vazgeçtim. 😂
@@dilara7122 Daha sunucuya gelip de sorunu çözülmeyen olmadı. Karar sizindir =)
hocam her şey tamam ama şu yılanı bir türlü actions kısmından oluşturamıyorum
Muhtemelen repo ayarlarını değistirmemiz gerekiyor. Bunun için oluşturduğumuz repo -> reponun ayarları (insight yanındaki settings butonu GitHub genel ayarları değil) -> actions -> general ->
Action Permission = "Allow all actions and reusable workflows" ,
For pull request = "Require approvel for first-time contributions" ,
Workflow Permission = "Read and write permissions" -> kaydedip tekrar generate snake diyelim.
Ardından yılan resmi sabit kalırsa veya direkt görünmezse sabitlenmiş yorumdaki kodları kullanalım =)
merhaba hocam bir sorum var actions kısmında genarete snake kısmı çalışmıyor yani hata veriyor bunu nasıl düzeltebiliriz
Muhtemelen repo ayarlarını değistirmemiz gerekiyor. Bunun için oluşturduğumuz repo -> reponun ayarları (insight yanındaki settings butonu GitHub genel ayarları değil) -> actions -> general ->
Action Permission = "Allow all actions and reusable workflows" ,
For pull request = "Require approvel for first-time contributions" ,
Workflow Permission = "Read and write permissions" -> kaydedip tekrar generate snake diyelim.
@@CagatayAkkas hocam teşekkürler oldu şimdi uğraştığınız için tekrardan teşekkürler
@@o.enesunal Güzel sorun için ben teşekkür ediyorum orayı atlamışım. Soruyu sabitliyorum =)
linkedln hesabına tıkladığımda 404 hatası veriyor neden olmuyor olabilir hesap adımı doğru yazıyorum
Selamlar Emre sen deyince ben de kontrol edip aynı hatayı gördüm. Çözümü profil sayfamıza girip ReadMe alanımızın (düzenlediğimiz profil bölgesi) sağ üstündeki kalem işaretine tıklayarak oradaki linkleri düzenlemek. Örnek:
Bende sıkıntı çıkaran UA-cam linki idi. href kısmındaki linki silerek url (alan adı) yi güncelledim. Sen de LinkedIn kısmını href="LinkedIn Profil Urlen" seklinde düzenlersen olacaktır. İyi çalışmalar olsun =)
Merhaba UA-cam kanal linki çalışmıyor. onu nasıl düzeltebiliriz ? kullanıcı adı yazdım açmıyor.
Selamlar. Bu sorunuz aslında bu videonun devamı olan 2. video için :D
Cevap: Videoda çoğu kişinin kullanmayacağı UA-cam kartları, codewars linkleri vb. Ek araçları o video için hazırladığım repoda bulabilirsin. Oradan UA-cam cards kısmındaki linke tıklarsan adım adım nasıl yapılacağı gösteriliyor ki zaten yine birkaç kopyala yapıştırdan ibaret =)
İlgili link: github.com/CagatayAkkas/GitHub-Profil-Ozellestirme2/blob/main/Extra%20Tools
@@CagatayAkkas evet ben kendim sorunu bulup düzelttim. Sizin GitHub readme deki UA-cam linkiniz çalışmıyor bilginize
@@mesutasdev Ben o linki kendime göre ayarladım ondan çalışmamış olabilir. Ancak extra tools dosyasındaki linki kontrol ettim çalışıyor. Geri bildirim için teşekkürler =)
@@CagatayAkkasrica ederim linki değiştirince düzeliyor 😁
hocam herşeyi son dakikaya kadar doğru şekilde yaptım ama yılan oyunu yarım gözüküyor
Yarım gözükmesi çok ilginç =) Yarım derken normalde olması gereken yeşil noktaların yarısı yok mu? Yoksa grafik yukarıdan ikiye bölünmüş gibi mi? İstersen açıklama kısmından sunucuya gel inceleyelim.
Yarım görünme olayını yaşayınca anladım XD Çözümü sabitlenmiş yorumda bulabilirsin =)
Hocam Generate Snake yaptigimda hata verdi.
Muhtemelen repo ayarlarını değistirmemiz gerekiyor. Bunun için oluşturduğumuz repo -> reponun ayarları (insight yanındaki settings butonu GitHub genel ayarları değil) -> actions -> general ->
Action Permission = "Allow all actions and reusable workflows" ,
For pull request = "Require approvel for first-time contributions" ,
Workflow Permission = "Read and write permissions" -> kaydedip tekrar generate snake diyelim.
Ardından yılan resmi sabit kalırsa veya direkt görünmezse sabitlenmiş yorumdaki kodları kullanalım =)
Generate animation hatası alıyorum hocam
Selamlar =) Muhtemelen repo ayarlarını değistirmemiz gerekiyor. Bunun için oluşturduğumuz repo -> reponun ayarları (insight yanındaki settings butonu GitHub genel ayarları değil) -> actions -> general ->
Action Permission = "Allow all actions and reusable workflows" ,
For pull request = "Require approvel for first-time contributions" ,
Workflow Permission = "Read and write permissions" -> kaydedip tekrar generate snake diyelim.
Ardından yılan takılı kalırsa veya yarım görünürse de sabitlenen yorumdaki işlemleri uygulayalım =)
yapıştırdığın kod nerede satır atlatıp
Selamlar =)
Eğer bahsettiğin kod arka plan fotoğrafı koyma kısmı ise : [
1:42 bu websitesi ücretsiz mi
Evet. Tüm siteler ücretsiz =)
@@CagatayAkkas Çok teşekkürler
hocam resim linki nerde
Resmi ben editledim XD + Herkesin kullanımına açıktır =)
Link : media.licdn.com/dms/image/D4D16AQG6T92gjjtBKg/profile-displaybackgroundimage-shrink_350_1400/0/1674153278110?e=1694044800&v=beta&t=zr4ocpFETLMm0fzf01dNZDsQgzzfajZuJSEtGUgWh70
@@CagatayAkkas adamsınız
hocam teşekkürederim
@@CagatayAkkas eee hocam yılan oyunu bende olmadı ayrıca resmin linki görünüyor ama resim yok linke basılınca resim açılıyor
@@CagatayAkkas hocam buraya kadar geldim şu yılan oyununu eklemem gerekiyor
@@hakanakinci7 :D Discord sunucumuzun linki açıklamada. Gel halledelim buradan tek tek mesajla çok uzar xd
snake generate crash yiyor
Muhtemelen repo ayarlarını değistirmemiz gerekiyor. Bunun için oluşturduğumuz repo -> reponun ayarları (insight yanındaki settings butonu GitHub genel ayarları değil) -> actions -> general ->
Action Permission = "Allow all actions and reusable workflows" ,
For pull request = "Require approvel for first-time contributions" ,
Workflow Permission = "Read and write permissions" -> kaydedip tekrar generate snake diyelim.
Ardından yılan resmi sabit kalırsa veya direkt görünmezse sabitlenmiş yorumdaki kodları kullanalım =)
Yılan zortladı çalışmıyo
Selamlar =) Hem readme hem de main.yml dosyasına ekleyeceklerimizi senin yaşadığın hatayı yaşamamak adına güncelleyip sabitlenmiş yoruma ekledik.
Yapmamız gerekenler şöyle:
1)Sabitlenmiş yoruma giriyoruz.
2)main.yml dosyamızı temizleyip. Ardından yorumdaki ilk kodu o kısma yapıştırıp isim kısmını güncelliyoruz.
3)Ardından readme dosyamıza girip yılan oyunu için yazdığımız ![snake gif] ile başlayan satırı silerek sabitli yorumdaki ikinci kodu yapıştırıp ismi güncelliyoruz.
4)Ardından action kısmına girerek tekrar animasyonumuzu çalıştırıyoruz.
5)Bu noktada halen bir sıkıntı yaşanıyorsa açıklama kısmından Discord sunucumuza gelirsen ben direkt yardım edebilirim =) İyi çalışmalar olsun.
@@CagatayAkkas svg dosyalarını indirip klasöre dahil etmemiz gerekmiyor mu?
kod böyle de çalışmıyor
@@emekoffline Yorumu ileride okuyacaklara Not: Sorunu çözmek için bu metodu kullandık:
"Muhtemelen repo ayarlarını değistirmemiz gerekiyor. Bunun için oluşturduğumuz repo -> reponun ayarları (insight yanındaki settings butonu GitHub genel ayarları değil) -> actions -> general ->
Action Permission = "Allow all actions and reusable workflows" ,
For pull request = "Require approvel for first-time contributions" ,
Workflow Permission = "Read and write permissions" -> kaydedip tekrar generate snake diyelim."