הורדת תוסף Markdown כאן (מדריך להתקנת תוסף כרום)

הורד את התוסף Markdown Here (מדריך להתקנת תוסף Chrome)

Markdown היא שפת סימון "בסגנון דוא"ל", וצ'ן וייליאנג ממליץ בחום שכל אנשי השיווק המקוון ילמדו וישלטו בשפה זו.

אם שמעתם על Markdown בעבר אבל לא למדתם אותו כי אתם לוקחים קורס באקדמיית Chazuo כדי ללמוד שיווק מקוון וצריכים לכתוב טקסט שיווקי למסחר אלקטרוני , זה כנראה בגלל שאתם חושבים ש-Markdown בטח קשה מאוד ללמוד.

למעשה, כל עורך שעוסק בשיווק ב-WeChat יכול ללמוד זאת תוך עשר דקות בלבד.

באותו זמן, אתה עשוי להיאנח "למה לא למדתי את Markdwon לכתוב עותק שיווקי מקוון קודם לכן"?

למעשה, ישנם רק 5 סוגים של תחביר Markdown בשימוש נפוץ:

  • השתמש ב-# כדי לסמן את הטקסט הזה ככותרת ברמה הראשונה, וב-N # כדי לסמן זאת ככותרת ברמה N.
  • הוספת * או 1. "2. "3. לפני שניתן לממש את הטקסט כרשימה.
  • הוסף > לפני הפסקה כדי לסמן אותה כהפניה
  • הוסף * לפני ואחרי הטקסט כדי להציג נטוי, ושתיים * כדי להציג מודגש
  • השתמש ב-[טקסט](כתובת קישור) כדי להוסיף היפר-קישורים

הורדת תוסף

סמן כאן כתובת רשמית להורדה:
http://markdown-here.com/get.html

Markdown כאן הוא תוסף דפדפן (Chrome/Firefox/Safari) שממיר טקסט Markdown בעורך בדפדפן ל-HTML מעובד.אתה יכול גם להתאים אישית CSS, וזה ממש מגניב למי שמרבה להשתמש בפורמט Markdown אתה משתמש ב-Markdown כדי לכתוב מיילים, מסמכים וכו'.

כדי להתקין ולהגדיר את Markdown כאן, פשוט בצע את השלבים הבאים:

  1. התקן את הפלאגין Markdown Here בגוגל כרום
  2. הגדר את האפשרות Markdown Here, התאם אישית כמה CSS

שיטת כתיבה מהירה של חשבון ציבורי

תהליך כתיבת חשבון רשמי של WP+

CSS מותאם אישית

השינויים העיקריים הם כדלקמן:

  1. גופן (גודל, צבע)
  2. מרווח בין שורות
  3. מרווח מילים

עקרונות הסיכום הם כדלקמן:

  • גודל הגופן של גוף המאמר הוא רצוי בין 14-18 פיקסלים, כאשר 16 פיקסלים הוא המתאים ביותר.
  • המרווח בין השורות הוא פי 1.5-1.75 מהמרווח בין השורות, שייראה נוח יותר.
  • מאמרים על מסופים ניידים אין צורך להכניס הזחה בשורה הראשונה.
  • בין פסקאות, שורה ריקה היא הטובה ביותר.

Markdown כאן תוסף CSS

העתיקו את קוד ה-CSS הבא מתוסף Markdown here של Chen Weiliang אל Chrome → Settings → Extensions → markdown.here → Options → Basic Rendering CSS

Chen Weiliang: הורדת הפלאגין של Markdown כאן (מדריך להתקנת תוסף כרום)

/*
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 עבור אנשי מקצוע חדשים במדיה :

יאנג ז'יפינג:

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

 

לי שיאולאי:

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

אני מקווה שהמאמר "הורדת תוסף Markdown Here (מדריך להתקנת הרחבת Chrome)" שפורסם בבלוג של צ'ן וייליאנג ( https://www.chenweiliang.com/ ) יהיה לעזר עבורך.

אל תהססו לשתף את הקישור למאמר הזה: https://www.chenweiliang.com/cwl-471.html

כדי לפתוח עוד טריקים נסתרים🔑, מוזמנים להצטרף לערוץ הטלגרם שלנו!

שתפו ותעשו לייק אם אהבתם! השיתופים והלייקים שלך הם המניע המתמשך שלנו!

 

发表 评论

您的邮箱地址不会被公开。必填项已用*标注

גלול למעלה