Γρήγορη αναφορά

Σκονάκι Γεννήτριας Στατικών Ιστοτόπων Jekyll

Πλήρης οδηγός αναφοράς για το Jekyll: δομή καταλόγων, YAML front matter, ετικέτες & φίλτρα Liquid, μεταβλητές, συλλογές και ρύθμιση GitHub Pages.

· Δημοσιεύτηκε

Το Jekyll είναι μια γεννήτρια στατικών ιστοτόπων γραμμένη σε Ruby, ιδανική για ιστολόγια, η οποία υποστηρίζει το GitHub Pages.

Δομή Καταλόγων

├── _config.yml      # Καθολικές ρυθμίσεις ιστοτόπου
├── _drafts/         # Μη δημοσιευμένα προσχέδια
├── _includes/       # Επαναχρησιμοποιήσιμα τμήματα προτύπων
├── _layouts/        # Πλαίσια διάταξης σελίδων και άρθρων
├── _posts/          # Δημοσιευμένα άρθρα (YYYY-MM-DD-title.md)
├── _data/           # Δομημένα αρχεία δεδομένων JSON/YAML
├── _site/           # Παραγόμενη στατική έξοδος HTML
└── index.md         # Αρχείο εισόδου αρχικής σελίδας

YAML Front Matter

---
layout: post
title: "Announcing Version 2.0"
date: 2026-11-08 10:00:00 +0800
categories: news tech
tags: [release, ruby]
published: true
---

Σύνταξη Προτύπων Liquid

Έξοδος & Μεταβλητές

{{ site.title }}
{{ page.title }}
{{ content }}
{{ post.date | date: "%B %d, %Y" }}

Έλεγχος Ροής & Επανάληψη

{% if page.comments %}
  {% include comments.html %}
{% endif %}

{% for post in site.posts limit:5 %}
  <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
  <p>{{ post.excerpt }}</p>
{% endfor %}

Κοινά Φίλτρα

Φίλτρο Περιγραφή Παράδειγμα
date: "%Y-%m-%d" Μορφοποίηση χρονικής σήμανσης {{ page.date | date: "%Y" }}
truncate: 100 Περικοπή συμβολοσειράς με αποσιωπητικά {{ post.content | truncate: 100 }}
strip_html Αφαίρεση όλης της σήμανσης HTML {{ post.content | strip_html }}
jsonify Σειριοποίηση δεδομένων σε συμβολοσειρά JSON {{ site.data.authors | jsonify }}
markdownify Μετατροπή Markdown σε HTML {{ text | markdownify }}

Αναφορά Καθολικών Μεταβλητών

  • site.posts: Αντίστροφη χρονολογική λίστα όλων των άρθρων.
  • site.pages: Λίστα όλων των στατικών σελίδων.
  • site.html_pages: Υποσύνολο του site.pages που παράγει HTML.
  • site.data: Ανεπεξέργαστα δεδομένα από αρχεία _data/*.yml.
  • site.time: Η τρέχουσα χρονική σήμανση κατασκευής (build).

Αναφορές

Σχετικά θέματα