2024-04-15
Η δημιουργία πινάκων με το Markdown είναι μια απλή διαδικασία που βελτιώνει την οργάνωση και την παρουσίαση των δεδομένων στο διαδίκτυο. Αυτός ο οδηγός καλύπτει τα πάντα που πρέπει να γνωρίζετε, από τη βασική σύνταξη έως τις προηγμένες επιλογές μορφοποίησης:
Markdown Toolbox
| και παύλες - για να δημιουργήσετε απλούς πίνακες.:.& και | χρησιμοποιώντας οντότητες HTML ή πίσω slash.Μέχρι το τέλος αυτού του οδηγού, θα είστε εξοπλισμένοι για να δημιουργήσετε σαφείς, πληροφοριακούς πίνακες σε Markdown, κάνοντας το περιεχόμενό σας πιο δομημένο και προσβάσιμο.
Μπορείτε να αποφασίσετε πώς να ευθυγραμμίσετε το κείμενό σας σε στήλες τροποποιώντας τις παύλες - στη σειρά:
:---: = Το κείμενο ευθυγραμμίζεται αριστερά:--: = Το κείμενο είναι κεντραρισμένο---: = Το κείμενο ευθυγραμμίζεται δεξιά| Αριστερά | Κέντρο | Δεξιά |
| :--- | :----: | ----: |
| Κείμενο | Κείμενο | Κείμενο |
Για παράδειγμα:
| Αριστερά | Κέντρο | Δεξιά |
|---|---|---|
| Κείμενο | Κείμενο | Κείμενο |
Μπορείτε να κάνετε το κείμενο έντονο, πλάγιο, να προσθέσετε συνδέσμους ή ακόμη και κωδικούς μέσα σε κελιά πίνακα χρησιμοποιώντας κανονικά κόλπα Markdown:
** ή __* ή _Εσωτερικοί κωδικοί μπλοκΓια παράδειγμα:
| Όνομα | Περιγραφή |
|---|---|
| Τζον | Δάσκαλος που απολαμβάνει μάθηση νέων πραγμάτων |
| Σάρα | Μηχανικός που εργάζεται σε cool projects |
Αυτό δείχνει τα βασικά της δημιουργίας πινάκων σε Markdown. Με λίγη εξάσκηση, μπορούν να είναι ένας εξαιρετικός τρόπος να οργανώσετε δεδομένα με σαφήνεια για ιστοσελίδες ή έγγραφα.
Όταν δημιουργείτε πίνακες σε Markdown, μερικές φορές θέλετε να συμπεριλάβετε ειδικούς χαρακτήρες που η μορφή Markdown συνήθως χρησιμοποιεί για άλλους λόγους. Για παράδειγμα, αφού το Markdown χρησιμοποιεί σωλήνες | για να χωρίσει στήλες, αν θέλετε να δείξετε ένα σύμβολο σωλήνα μέσα σε ένα κελί, πρέπει να το αποφεύγετε.
Υπάρχουν μερικοί τρόποι να το κάνετε αυτό:
Ένας τρόπος είναι να χρησιμοποιήσετε οντότητες χαρακτήρων HTML. Αυτοί είναι ειδικοί κωδικοί που σας επιτρέπουν να δείξετε χαρακτήρες που έχουν άλλες σημασίες σε HTML ή Markdown. Για παράδειγμα, & για ένα συμπαθή &, και | για ένα σωλήνα |.
Έτσι φαίνεται:
| Χαρακτήρας | Οντότητα | Παράδειγμα Απόδοσης |
|---|---|---|
| Συμπαθής | & |
R&D |
| Σωλήνας | | |
Στήλη|Κεφαλίδα |
Μπορείτε να βρείτε μια πλήρη λίστα οντοτήτων χαρακτήρων HTML εδώ.
Ένας άλλος τρόπος είναι να βάλετε ένα πίσω slash \ πριν από τον ειδικό χαρακτήρα. Αυτό λέει στο Markdown να αντιμετωπίζει τον επόμενο χαρακτήρα όπως οποιοδήποτε άλλο κείμενο.
\| = δείχνει ένα σωλήνα |
\\ = δείχνει ένα πίσω slash \
Αλλά θυμηθείτε, η χρήση ενός πίσω slash δεν λειτουργεί για κάθε χαρακτήρα σε πίνακες Markdown, όπως ο σωλήνας |.
Τέλος, μπορείτε να χρησιμοποιήσετε κωδικούς μπλοκ Markdown για να δείξετε ειδικούς χαρακτήρες ακριβώς όπως είναι. Απλώς τοποθετήστε τους σε backticks `.
` | * | & | \ | | `` ``
Αυτό θα φαίνεται όπως:
| * | & | \ | ` |
|---|---|---|---|
| * | & | \ | ` |
Συνολικά, χρησιμοποιήστε HTML οντότητες ή πίσω slashes όποτε μπορείτε για να αποδράσετε ειδικούς χαρακτήρες. Για σωλήνες και άλλα δύσκολα σύμβολα, οι κωδικοί μπλοκ είναι ένας καλός τρόπος να τα δείξετε όπως είναι.
Το Markdown έρχεται σε διαφορετικά στυλ, καθένα από τα οποία έχει τον δικό του τρόπο διαχείρισης πινάκων. Ας δούμε αυτά τα στυλ και κάποιες συμβουλές για το πώς να φτιάξετε σπουδαίους πίνακες:
GFM είναι αυτό που βλέπετε στο GitHub. Σας επιτρέπει να δημιουργείτε πίνακες εύκολα:
| Κεφαλίδα 1 | Κεφαλίδα 2 |
|----------|----------|
| Row 1a | Row 1b |
| Row 2a | Row 2b |
Δεν χρειάζεται να βάλετε σωλήνες | στο τέλος κάθε γραμμής, αλλά είναι καλή ιδέα να τους αποφεύγετε για να αποφύγετε λάθη.
Αυτές οι εκδόσεις προσθέτουν περισσότερες επιλογές για πίνακες, όπως ευθυγράμμιση κειμένου:
| Δεξιά | Αριστερά | Προεπιλογή | Κέντρο |
|------:|:-----|---------|:-----:|
| 12 | 12 | 12 | 12 |
| 123 | 123 | 123 | 123 |
Χρησιμοποιήστε ένα κολονάκι : για να ελέγξετε την ευθυγράμμιση του κειμένου.
Το CommonMark δεν έχει τη δική του σύνταξη πίνακα. Πρέπει να χρησιμοποιήσετε ετικέτες HTML για να φτιάξετε πίνακες.
Στο GFM και παρόμοια, δεν χρειάζεται πάντα οι πλευρικοί σωλήνες |:
Κεφαλίδα 1 | Κεφαλίδα 2
--------- | ---------
Row 1a | Row 1b
Row 2a | Row 2b
Η απουσία τους μπορεί να διευκολύνει την επεξεργασία, αλλά η παρουσία τους βοηθά να αποφευχθούν λάθη.
Προσπαθήστε να ταιριάξετε τα πλάτη των στηλών για να φαίνεται ο πίνακας σας πιο τακτοποιημένος:
| Σύντομο | Πιο Μακροχρόνιο Παράδειγμα Στήλης |
|-------|-----------------------|
| Κείμενο | Περισσότερο κείμενο παραδείγματος |
Αυτό διευκολύνει την ανάγνωση του πίνακα σας.
Η δημιουργία πινάκων από το μηδέν μπορεί να είναι δύσκολη. Εδώ είναι μερικά εργαλεία για να βοηθήσετε:
Ο Δημιουργός Πίνακα Markdown σας επιτρέπει να δημιουργείτε πίνακες χωρίς κωδικοποίηση. Απλώς συμπληρώστε τις πληροφορίες σας και σας δίνει τον κωδικό.
Μετατροπή Πίνακα μετατρέπει γρήγορα δεδομένα από φύλλα υπολογιστών σε πίνακες Markdown.
Ο επεξεργαστής Markdown Typora έχει έναν απλό τρόπο να προσθέτει και να προσαρμόζει πίνακες.
Ορισμένες εφαρμογές διευκολύνουν την εργασία με πίνακες Markdown:
Typora διαθέτει ένα απλό μενού για να προσθέτετε και να αλλάζετε πίνακες.
Zettlr σας επιτρέπει να εισάγετε έναν βασικό πίνακα και μετά να τον επεξεργάζεστε απευθείας.
Γνωρίζοντας αυτές τις συμβουλές και εργαλεία, η εργασία με πίνακες Markdown μπορεί να γίνει πολύ πιο άνετη. Θυμηθείτε, ο στόχος είναι να κάνετε τις πληροφορίες σαφείς και ευανάγνωστες.
Ας κάνουμε λίγη πρακτική στην κατασκευή πινάκων χρησιμοποιώντας Markdown. Ακολουθούν μερικές εύκολες ασκήσεις για να σας βοηθήσουν να το κατανοήσετε:
Αρχικά, ας δημιουργήσουμε έναν απλό πίνακα που καταγράφει διαφορετικά φρούτα:
| Φρούτο | Χρώμα | Σχήμα |
| Φρούτο | Χρώμα | Σχήμα |
| - | - | - |
| Φρούτο | Χρώμα | Σχήμα |
| - | - | - |
| Μήλο | Κόκκινο | Στρογγυλό |
| Φρούτο | Χρώμα | Σχήμα |
| - | - | - |
| Μήλο | Κόκκινο | Στρογγυλό |
| Μπανάνα | Κίτρινη | Μακρύ |
| Πορτοκάλι | Πορτοκαλί | Στρογγυλό |
Στη συνέχεια, ας προσθέσουμε λίγο στυλ στον πίνακα με φρούτα:
** γύρω τους:| **Φρούτο** | **Χρώμα** | **Σχήμα** |
| - | - | - |
| Μπανάνα | *Κίτρινο* | Μακρύ |
| Πορτοκάλι | [Πορτοκαλί](https://www.w3schools.com/colors/colors_names.asp) | Στρογγυλό |
Για λίγο πιο προκλητικό, ας δημιουργήσουμε έναν πίνακα με περισσότερες λεπτομέρειες:
| **Όνομα** | **Θέση** | **Μισθός** |
| - | - | - |
| **Όνομα** | **Θέση** | **Μισθός** |
| - | - | - |
| Τζον | Διευθυντής | $80,000 |
| Σάρα | Προγραμματιστής | $60,000 |
| Λίσα | Σχεδιαστής | $50,000 |
| **Όνομα** | **Θέση** | **Μισθός** |
| - | - | ---: |
Η πρακτική με αυτά τα βήματα είναι ένας εξαιρετικός τρόπος για να γίνετε πιο εξοικειωμένοι με τη δημιουργία πινάκων Markdown. Δοκιμάστε να δημιουργήσετε διάφορους τύπους πινάκων και να πειραματιστείτε με τη μορφοποίηση για να δείτε τι μπορείτε να κάνετε.
Η επεξεργασία πινάκων σε Markdown μπορεί να είναι λίγο μπερδεμένη, αλλά γνωρίζοντας ορισμένες συντομεύσεις πληκτρων μπορεί να την διευκολύνει πολύ. Ακολουθεί μια λίστα με συντομεύσεις που μπορούν να σας βοηθήσουν να εργάζεστε πιο γρήγορα:
Tab - Άλμα στο επόμενο κελίShift + Tab - Επιστροφή στο προηγούμενο κελίEnter - Μετακίνηση προς τα κάτω στην επόμενη γραμμήCtrl/Cmd + Enter - Σταματήστε την επεξεργασία του πίνακαCtrl/Cmd + Βελάκι - Μετακίνηση γύρω από τα κελιά εύκολαCtrl/Cmd + l - Ευθυγράμμιση του κειμένου αριστεράCtrl/Cmd + e - Κεντράρισμα του κειμένουCtrl/Cmd + r - Ευθυγράμμιση του κειμένου δεξιάCtrl/Cmd + . - Αφαίρεση οποιασδήποτε συγκεκριμένης ευθυγράμμισηςAlt + i - Προσθήκη μίας νέας γραμμής πάνωAlt + a - Προσθήκη μίας νέας γραμμής κάτωAlt + j - Προσθήκη μίας στήλης αριστεράAlt + l - Προσθήκη μίας στήλης δεξιάAlt + Shift + i - Αφαίρεση της τρέχουσας γραμμήςAlt + Shift + a - Αφαίρεση της τρέχουσας γραμμήςAlt + Shift + j - Αφαίρεση της τρέχουσας στήληςAlt + Shift + l - Αφαίρεση της τρέχουσας στήληςShift + Βελάκια - Επιλογή περισσότερων κελιώνCtrl/Cmd + Alt + Βελάκια - Μετακίνηση ολόκληρης της γραμμής ή στήληςΓνωρίζοντας αυτές τις συντομεύσεις, μπορείτε να επιταχύνετε τη δουλειά σας με πίνακες στο Markdown. Κρατήστε αυτόν τον οδηγό κοντά για γρήγορη αναφορά.
Η δημιουργία πινάκων με Markdown σας επιτρέπει να οργανώνετε πληροφορίες τακτοποιημένα για ιστοσελίδες. Είναι αρκετά απλό μόλις το κατανοήσετε. Να τι πρέπει να έχετε υπόψη:
|. Βάλτε παύλες - κάτω από τη γραμμή κεφαλίδας για να δείξετε πώς πρέπει να ευθυγραμμίζονται τα κείμενα.: δίπλα στις παύλες κάτω από τη στήλη που θέλετε να ρυθμίσετε.Απλώς συνεχίστε να εξασκείστε και σύντομα η δημιουργία πινάκων Markdown θα φαίνεται σαν αέρας. Θυμηθείτε να κρατήσετε τους πίνακες σας απλούς και σαφείς. Ο κύριος στόχος είναι να μοιράζεστε πληροφορίες με τρόπο που να είναι εύκολο για όλους να καταλάβουν. Οι πίνακες Markdown είναι εξαιρετικοί γι' αυτό, καθώς σας επιτρέπουν να κανονίσετε την απάντηση με τακτοποιημένο και απλό τρόπο.
Για να δημιουργήσετε πίνακες σε Markdown, χρησιμοποιήστε το σύμβολο σωλήνα | για να κάνετε στήλες, παύλες - για να ευθυγραμμίσετε το κείμενο κάτω από τις κεφαλίδες και κολονάτες : για να ευθυγραμμίσετε το κείμενο αριστερά, στο κέντρο ή δεξιά. Ξεκινήστε με κεφαλίδες στην πρώτη γραμμή, παύλες στην δεύτερη για να ορίσετε τις στήλες και προσθέστε τις πληροφορίες σας από κάτω. Κρατήστε τα πάντα τακτοποιημένα για ευκολότερη ανάγνωση. Ορισμένοι επεξεργαστές Markdown μπορούν να σας βοηθήσουν να μορφοποιήσετε τον πίνακα πιο εύκολα.
Για να ευθυγραμμίσετε κείμενο σε έναν πίνακα:
:---:---:---:Απλώς αλλάξτε τις παύλες κάτω από τη στήλη που θέλετε να ευθυγραμμίσετε στη δεύτερη σειρά.
Πολλοί επεξεργαστές Markdown, όπως το Typora ή το Zettlr, έχουν συντομεύσεις για να εισάγουν γρήγορα μια κενή δομή πίνακα. Για παράδειγμα, στο Typora στα Windows, πατώντας Ctrl + T θα βάλετε έναν κενό πίνακα στο έγγραφό σας. Ελέγξτε τον οδηγό του επεξεργαστή σας για συγκεκριμένες συντομεύσεις.
Για να κάνετε εσοχή σε ένα μπλοκ κώδικα, προσθέστε μία κενή γραμμή πριν και μετά τον κώδικα σας και εσοχήστε κάθε γραμμή του κώδικα με τουλάχιστον 4 κενά ή 1 τσάπα. Αυτό λέει στο Markdown να το μορφοποιήσει με έναν ειδικό τρόπο, συνήθως με διαφορετική γραμματοσειρά για να διακριθεί ως κωδικός.