Προσθήκη οριζόντιων γραμμών στο Markdown

Prostheke Orizontion Grammon Sto Markdown



Σε αυτόν τον οδηγό, θα μάθουμε για την προσθήκη οριζόντιων γραμμών στο Markdown.

Προαπαιτούμενα:

Για να εκτελέσετε τα βήματα που παρουσιάζονται σε αυτόν τον οδηγό, χρειάζεστε τα ακόλουθα στοιχεία:

  • Ένας κατάλληλος επεξεργαστής Markdown. Για παράδειγμα, VSCodium , Τύπος (διχάλα από Ατομο ), ή οποιοδήποτε ηλεκτρονικό πρόγραμμα επεξεργασίας σήμανσης.
  • Μια βασική κατανόηση του Markdown (προαιρετικό).

Χαμήλωση τιμής

Η Markdown είναι μια δημοφιλής γλώσσα σήμανσης που επιτρέπει την προσθήκη διαφόρων στοιχείων (επικεφαλίδες, εικόνες, πίνακες, κ.λπ.) για την απλοποίηση των εγγράφων κειμένου. Εκτός από τις ενσωματωμένες συντακτικές του, το Markdown υποστηρίζει επίσης διάφορες ετικέτες HTML. Έχει κερδίσει δημοτικότητα με την πάροδο του χρόνου για το ενδιαφέρον σύνολο χαρακτηριστικών του:







  • Πυγμάχος ελαφρού βάρους : Σε σύγκριση με άλλες γλώσσες σήμανσης, το Markdown είναι απλό και ελαφρύ. Το τυπικό Markdown δεν περιλαμβάνει πολλές συντακτικές, διατηρώντας παράλληλα τα διάφορα χαρακτηριστικά του.
  • Φορητότητα : Ένα έγγραφο Markdown είναι βασικά απλό κείμενο. Έτσι, οποιοδήποτε πρόγραμμα μπορεί να λειτουργήσει με αυτό. Μπορείτε επίσης να δημιουργήσετε ένα κείμενο με μορφοποίηση Markdown σε οποιαδήποτε πλατφόρμα.
  • Δημοτικότητα : Το Markdown χρησιμοποιείται για τη δημιουργία ιστότοπων, εγγράφων, σημειώσεων, μηνυμάτων ηλεκτρονικού ταχυδρομείου και άλλων. Μεγάλες εταιρείες όπως το Reddit, το GitHub κ.λπ. υποστηρίζουν επίσης το Markdown.

Οριζόντιες γραμμές στο Markdown

Στο Markdown, η οριζόντια γραμμή εμφανίζεται κάπως έτσι:





Υπάρχουν διάφορες περιπτώσεις όπου μπορεί να θέλετε να προσθέσετε μια οριζόντια γραμμή σε ένα έγγραφο. Για παράδειγμα, υποδηλώνοντας την αρχή/τέλος μιας ενότητας.





Δημιουργία νέου εγγράφου

Καθώς εργαζόμαστε με τον επεξεργαστή Pulsar, πρέπει να ανοίξουμε ένα νέο αρχείο κειμένου για να αποθηκεύσουμε το έγγραφο Markdown. Από το κεντρικό παράθυρο, μεταβείτε στο Αρχείο >> Νέο αρχείο ή χρησιμοποιήστε το ' Ctrl + N ' συντόμευση πληκτρολογίου.



Το πρόγραμμα επεξεργασίας Pulsar συνοδεύεται από μια ζωντανή λειτουργία προεπισκόπησης Markdown. Για να ενεργοποιήσετε τη ζωντανή προεπισκόπηση, μεταβείτε στο Πακέτα >> Προεπισκόπηση Markdown >> Εναλλαγή προεπισκόπησης . Εναλλακτικά, χρησιμοποιήστε το ' Ctrl + Shift + M ' συντόμευση πληκτρολογίου.

Δημιουργία οριζόντιων γραμμών

Στο Markdown, υπάρχουν μερικές συντακτικές για να δηλώσουν μια οριζόντια γραμμή:

  • ***
  • ___

Όλα θα οδηγήσουν σε παρόμοια απόδοση.

Για επίδειξη, αντιγράψτε και επικολλήστε τον ακόλουθο κώδικα στο πρόγραμμα επεξεργασίας κειμένου:

# Γειά σου Κόσμε

___

# η γρήγορη καφέ αλεπού

***

# πηδά πάνω από τον τεμπέλη σκύλο

___

#123456789

Εδώ:

  • Για καλύτερες εικόνες, χρησιμοποιούμε τη μορφοποίηση H1 για κάθε γραμμή κειμένων.
  • Δημιουργούμε τρεις οριζόντιες γραμμές χρησιμοποιώντας τρία διαφορετικά σύμβολα.
  • Υπάρχει μια νέα γραμμή πριν και μετά από καθένα από τα σύμβολα της οριζόντιας γραμμής.

Συνιστάται η χρήση τέτοιου διαστήματος επειδή το σύμβολο «—» χωρίς διάκενο υποδηλώνει μια επικεφαλίδα:

λάθος μέθοδος

---

Γειά σου Κόσμε

Δημιουργία οριζόντιων γραμμών με χρήση HTML

Εάν έχετε εργαστεί με HTML στο παρελθόν, πιθανότατα είστε εξοικειωμένοι με το


για τη δημιουργία οριζόντιων γραμμών. Λειτουργεί επίσης στο Markdown.

Ελέγξτε τον παρακάτω κώδικα:

## Γειά σου Κόσμε

< hr />

Εδώ:

  • Χρησιμοποιούμε τη μορφοποίηση H2 για το κείμενο.
  • ο
    Η ετικέτα δημιουργεί μια οριζόντια γραμμή στην απόδοση που αποδίδεται.

Ένα ενδιαφέρον πλεονέκτημα αυτής της προσέγγισης είναι ότι δεν χρειάζεται να ανησυχείτε μήπως δημιουργήσετε κατά λάθος μια επικεφαλίδα.

ο


Η ετικέτα επιτρέπει επίσης την προσαρμογή διαφόρων ιδιοτήτων της εξόδου. Για παράδειγμα: χρώμα, πλάτος, κ.λπ. Δείτε το ακόλουθο παράδειγμα:

## παράδειγμα 1

< στυλ hr = 'περίγραμμα: 3px σταθερό πράσινο' />

## παράδειγμα 2

< στυλ hr = 'περίγραμμα: 9 εικονοστοιχεία με διακεκομμένο κόκκινο' />

## παράδειγμα 3

< στυλ hr = 'περίγραμμα: 9 εικονοστοιχεία συμπαγές; ακτίνα περιγράμματος: 9 εικονοστοιχεία; ύψος: 33 εικονοστοιχεία' />

Εδώ:

  • Όλα τα παραδείγματα ενσωματώνουν CSS για τη διαμόρφωση της οριζόντιας γραμμής.
  • Στο πρώτο παράδειγμα, δημιουργούμε μια απλή έγχρωμη οριζόντια γραμμή.
  • Στο δεύτερο παράδειγμα, δημιουργούμε μια διακεκομμένη οριζόντια γραμμή.
  • Στο τρίτο παράδειγμα, δημιουργούμε μια στρογγυλεμένη οριζόντια γραμμή.

Για να μάθετε περισσότερα, ρίξτε μια ματιά την ετικέτα


σε HTML .

Εξαγωγή Markdown ως HTML

Με το κατάλληλο εργαλείο, ένα έγγραφο με μορφοποίηση Markdown μπορεί να μετατραπεί σε HTML. Ο επεξεργαστής Pulsar συνοδεύεται από αυτήν την ενσωματωμένη δυνατότητα.

Για να αντιγράψετε την απόδοση ως HTML, κάντε δεξί κλικ στο παράθυρο προεπισκόπησης και επιλέξτε «Αντιγραφή ως HTML».

Το προκύπτον HTML μοιάζει με αυτό:

συμπέρασμα

Συζητήσαμε για τη δημιουργία οριζόντιων γραμμών στο Markdown. Παρουσιάσαμε χρησιμοποιώντας τόσο την ενσωματωμένη σύνταξη Markdown όσο και τη σύνταξη HTML για τη δημιουργία οριζόντιων γραμμών.

Ενδιαφέρεστε να μάθετε περισσότερα για το Markdown; Ελέγξτε το Υποκατηγορία Markdown .