Λήψη προσθήκης Markdown here (Οδηγός εγκατάστασης επέκτασης Chrome)

Κατεβάστε το πρόσθετο Markdown Here (οδηγός εγκατάστασης επέκτασης Chrome)

Το Markdown είναι μια γλώσσα σήμανσης τύπου email και ο Chen Weiliang συνιστά ανεπιφύλακτα σε όλους τους επαγγελματίες του διαδικτυακού μάρκετινγκ να μάθουν και να τελειοποιήσουν αυτήν τη γλώσσα.

Αν έχετε ακούσει για το Markdown στο παρελθόν αλλά δεν το έχετε μάθει επειδή παρακολουθείτε ένα μάθημα στην Ακαδημία Chazuo για να μάθετε online μάρκετινγκ και χρειάζεται να γράψετε κείμενα μάρκετινγκ ηλεκτρονικού εμπορίου , πιθανότατα πιστεύετε ότι το Markdown πρέπει να είναι πολύ δύσκολο να το μάθετε.

Στην πραγματικότητα, οποιοσδήποτε συντάκτης που ασχολείται με το μάρκετινγκ WeChat μπορεί να το μάθει σε μόλις δέκα λεπτά.

Εκείνη τη στιγμή, μπορεί να αναστενάζετε "Γιατί δεν έμαθα το Markdwon να γράφει νωρίτερα αντίγραφο μάρκετινγκ στο διαδίκτυο";

Στην πραγματικότητα, υπάρχουν μόνο 5 τύποι σύνταξης Markdown που χρησιμοποιούνται συνήθως:

• Χρησιμοποιήστε το # για να επισημάνετε αυτό το κείμενο ως τίτλο πρώτου επιπέδου και το N # για να το επισημάνετε ως τίτλο Ν-επιπέδου.
• Προσθήκη * ή 1. "2. "3. πριν το κείμενο μπορεί να πραγματοποιηθεί ως λίστα.
• Προσθέστε > πριν από την παράγραφο για να την επισημάνετε ως αναφορά
• Προσθέστε ένα * πριν και μετά το κείμενο για να εμφανίζεται με πλάγια γραφή και δύο * για να εμφανίζεται έντονη γραφή
• Χρησιμοποιήστε το [text](link address) για να εισαγάγετε υπερσυνδέσμους

Λήψη προσθήκης

Markdown here Επίσημη διεύθυνση λήψης:
http://markdown-here.com/get.html

Το Markdown εδώ είναι ένα πρόσθετο προγράμματος περιήγησης (Chrome/Firefox/Safari) που μετατρέπει το κείμενο Markdown στο πρόγραμμα επεξεργασίας στο πρόγραμμα περιήγησης σε απόδοση HTML.Μπορείτε επίσης να προσαρμόσετε το CSS, το οποίο είναι πολύ ωραίο για όσους χρησιμοποιούν συχνά τη μορφή Markdown. Χρησιμοποιείτε το Markdown για τη σύνταξη email, εγγράφων κ.λπ.

Για να εγκαταστήσετε και να ρυθμίσετε το Markdown Here, απλώς ακολουθήστε τα παρακάτω βήματα:

1. Εγκαταστήστε την προσθήκη Markdown Here στο Google Chrome
2. Διαμορφώστε την επιλογή Markdown Here, προσαρμόστε κάποιο CSS

Μέθοδος γρήγορης στοιχειοθεσίας δημόσιου λογαριασμού

• Γράψτε ένα άρθρο σε μορφή Markdown, ανατρέξτε σε αυτό το άρθρο για λεπτομέρειες: "Πώς να στοιχειοθετήσετε γρήγορα τον δημόσιο λογαριασμό WeChat;Η διάταξη του δισεκατομμυριούχου Li Xiaolai διαρκεί μόνο 1 δευτερόλεπτο"

Διαδικασία εγγραφής επίσημου λογαριασμού WP+

• Χρησιμοποιήστε WordPress κάνουμε συνομιλίαΠροώθηση δημόσιου λογαριασμού?Δείτε αυτό το άρθρο για λεπτομέρειες:"Το WordPress επικολλά στο επίσημο πρόγραμμα επεξεργασίας λογαριασμού WeChat, πώς να κάνει το στυλ στοιχειοθεσίας του άρθρου σωστό? 》

προσαρμοσμένο CSS

Οι κύριες τροποποιήσεις είναι οι εξής:

1. γραμματοσειρά (μέγεθος, χρώμα)
2. Διάστιχο
3. διάστιχο λέξεων

Οι συνοπτικές αρχές είναι οι εξής:

• Το μέγεθος γραμματοσειράς του σώματος του άρθρου είναι κατά προτίμηση μεταξύ 14-18 εικονοστοιχείων, με τα 16 εικονοστοιχεία να είναι τα καταλληλότερα.
• Η απόσταση μεταξύ των γραμμών είναι 1.5-1.75 φορές η απόσταση μεταξύ των γραμμών, κάτι που θα φαίνεται πιο άνετο.
• Τα άρθρα στο κινητό τερματικό δεν χρειάζεται να έχουν εσοχές στην πρώτη γραμμή.
• Μεταξύ των παραγράφων, μια κενή γραμμή είναι η καλύτερη.

Σημειώστε εδώ την προσθήκη CSS

Αντιγράψτε τον ακόλουθο κώδικα CSS από το πρόσθετο Markdown here του Chen Weiliang στο Chrome → Ρυθμίσεις → Επεκτάσεις → markdown.here → Επιλογές → Βασική απόδοση CSS

/*
CSS Name: Markdown here插件CSS
Version: 3.0
Description: Designed by <a href="https://www.chenweiliang.com/">陈沩亮博客</a>
Author: 陈沩亮
Author URI: https://www.chenweiliang.com/
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Copyright: (c) 2017 陈沩亮.
*/

.markdown-here-wrapper {
 font-size: 16px;
 line-height: 1.75em;
 letter-spacing: 2px;
 padding-left: 1em;
 padding-right: 1em;
 margin: 1.5em 5px !important; 
}



div p {
 font-size: 16px;
 line-height: 1.75em;
 letter-spacing: 2px;
 padding-left: 1em;
 padding-right: 1em;
 margin: 1.5em 5px !important; 
}

pre, code {
 font-size: 14px;
 font-family: Roboto, 'Courier New', Consolas, Inconsolata, Courier, monospace;
 margin: auto 5px;
}

code {
 white-space: pre-wrap;
 border-radius: 2px;
 display: inline;
}

pre {
 font-size: 15px;
 line-height: 1.4em;
 display: block; !important;
}

pre code {
 white-space: pre;
 overflow: auto;
 border-radius: 3px;
 padding: 1px 1px;
 display: block !important;
}

strong, b{
 color: #BF360C;
}

em, i {
 color: #009688;
}

hr {
 border: 1px solid #BF360C;
 margin: 1.5em auto;
}

p {
 font-size: 16px;
 line-height: 1.75em;
 letter-spacing: 2px;
 padding-left: 1em;
 padding-right: 1em;
 margin: 1.5em 5px !important; 
}

table, pre, dl, blockquote, q, ul, ol {
 margin: 10px 5px;
}

ul, ol {
 padding-left: 15px;
}

li {
 margin: 10px;
}

li p {
 margin: 10px 0 !important;
}

ul ul, ul ol, ol ul, ol ol {
 margin: 0;
 padding-left: 10px;
}

ul {
 list-style-type: circle;
}

dl {
 padding: 0;
}

dl dt {
 font-size: 1em;
 font-weight: bold;
 font-style: italic;
}

dl dd {
 margin: 0 0 10px;
 padding: 0 10px;
}

blockquote, q {
 border-left: 2px solid #009688;
 padding: 0 10px;
 color: #777;
 quotes: none;
 margin-left: 1em;
}

blockquote::before, blockquote::after, q::before, q::after {
 content: none;
}

h1, h2, h3, h4, h5, h6 {
 margin: 20px 0 10px;
 padding: 0;
 font-style: bold !important;
 color: #009688 !important;
 text-align: center !important;
 margin: 1.5em 5px !important;
 padding: 0.5em 1em !important;
}

h1 {
 font-size: 24px !important;
 border-bottom: 1px solid #ddd !important;
}

h2 {
 font-size: 20px !important;
 border-bottom: 1px solid #eee !important;
}

h3 {
 font-size: 18px;
}

h4 {
 font-size: 16px;
}



table {
 padding: 0;
 border-collapse: collapse;
 border-spacing: 0;
 font-size: 1em;
 font: inherit;
 border: 0;
 margin: 0 auto;
}

tbody {
 margin: 0;
 padding: 0;
 border: 0;
}

table tr {
 border: 0;
 border-top: 1px solid #CCC;
 background-color: white;
 margin: 0;
 padding: 0;
}

table tr:nth-child(2n) {
 background-color: #F8F8F8;
}

table tr th, table tr td {
 font-size: 16px;
 border: 1px solid #CCC;
 margin: 0;
 padding: 5px 10px;
}

table tr th {
 font-weight: bold;
 color: #eee;
 border: 1px solid #009688;
 background-color: #009688;
}

Ακολουθούν δύο ακόμη προσαρμοσμένα στυλ Markdown για επαγγελματίες νέων μέσων :

Yang Zhiping:

https://github.com/veganshe/CodeBlock/blob/master/Markdown-here/markdown-here-yzp.css

Λι Σιαολάι:

https://gist.github.com/xiaol ai /aa190255b7dde302d10208ae247fc9f2