Jekyll'e özel css ekleyin
Jekyll'de yeniyim ve sırayla özel html ve css içeren bir site yapıyorum. Jekyll, varsayılan olarak minimum temayı indirir, bu yüzden ana sayfayı aşağıdaki html ile geçersiz kıldım:
<!DOCTYPE html>
<html>
<head>
<title>testsite</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
all my html
<script>
$.ajax(an ajax call);
</script>
</body>
</html>
Özel bir stil sayfası eklemek istiyorum, ancak temanın içine doğru şekilde bağlanmakta sorun yaşıyorum. Çevrimiçi kontrol ettim, ancak birçok forum klasör yapısında yanlış görünüyor.
İşte mevcut yapı.
--layouts
-home.html
--posts
--site
--assets
-main.css
-main.css.map
--jekyll
--update
--privacy
-index.html
--jekyll-cache
-config.yml
-Gemfile
-Gemfile.lock
-index.markdown
Sorum şu, canlı yayında tüm sayfalarda çalışacak bir stil sayfası eklemenin basit bir yolu var mı? Bir stil sayfasını id'nin yaptığı gibi normal şekilde bağlayabilirim, ancak bu, github'a yüklendiğinde çalışmaz. Temasız bir yapıdan başlamak daha iyi olur mu? Eğer öyleyse, gemfile'ı nasıl kurarım?
Teşekkürler!
Yanıtlar
Harika, basit bir yaklaşım. Onu seviyorum. İşte nasıl devam edeceğiniz:
- Minima'yı yapılandırma dosyanızdan / projenizden kaldırın
- _İncludes dizini oluşturun
- Başlığı _includes içindeki header.html'ye taşıyın
- Home.html (ve başka herhangi bir düzen) dosyasındaki üstbilgiyi {% include header.html%} kullanarak çağırın
- Header.html dosyasında yeni CSS'yi bağlayın
Temalar (ve eklentiler) içermeyen Jekyll çok daha iyi. Daha fazlasını mı arıyorsunuz?https://www.jekyllcodex.org