Markdown هنا تنزيل البرنامج المساعد (برنامج تعليمي لتثبيت ملحق Chrome)

قم بتنزيل إضافة Markdown Here (دليل تثبيت إضافة Chrome)

Markdown هي لغة ترميز "على غرار البريد الإلكتروني"، ويوصي Chen Weiliang بشدة جميع ممارسي التسويق عبر الإنترنت بتعلم هذه اللغة وإتقانها.

إذا كنت قد سمعت عن لغة Markdown من قبل ولكنك لم تتعلمها لأنك تأخذ دورة في أكاديمية Chazuo لتعلم التسويق عبر الإنترنت وتحتاج إلى كتابة نصوص تسويقية للتجارة الإلكترونية ، فربما يكون ذلك لأنك تعتقد أن لغة Markdown يجب أن تكون صعبة التعلم للغاية.

في الواقع، يمكن لأي محرر يعمل في مجال التسويق عبر WeChat أن يتعلم ذلك في غضون عشر دقائق فقط.

في ذلك الوقت ، قد تتنهد "لماذا لم أتعلم Markdwon لكتابة نسخة تسويقية عبر الإنترنت في وقت سابق"؟

في الواقع ، هناك 5 أنواع فقط من صياغة Markdown شائعة الاستخدام:

  • استخدم # لتمييز هذا النص كعنوان للمستوى الأول ، و N # لتمييزه كعنوان للمستوى N.
  • إضافة * أو 1. "2." 3. قبل أن يصبح النص على شكل قائمة.
  • أضف> قبل الفقرة لتمييزها كمرجع
  • أضف * قبل النص وبعده لعرضه بخط مائل ، واثنين * لعرضه بخط غامق
  • استخدم [نص] (عنوان الارتباط) لإدراج ارتباطات تشعبية

تنزيل البرنامج المساعد

Markdown هنا عنوان التنزيل الرسمي:
http://markdown-here.com/get.html

Markdown هنا هو مكون إضافي للمتصفح (Chrome / Firefox / Safari) يحول نص Markdown في المحرر في المتصفح إلى HTML معروض.يمكنك أيضًا تخصيص CSS ، وهو أمر رائع حقًا لأولئك الذين غالبًا ما يستخدمون تنسيق Markdown. يمكنك استخدام Markdown لكتابة رسائل البريد الإلكتروني والمستندات وما إلى ذلك.

لتثبيت Markdown وإعداده ، ما عليك سوى اتباع الخطوات التالية:

  1. قم بتثبيت البرنامج المساعد Markdown Here في Google Chrome
  2. تكوين خيار Markdown هنا ، وتخصيص بعض CSS

طريقة التنضيد السريع للحساب العام

WP + عملية كتابة الحساب الرسمي

لغة تنسيق ويب حسب الطلب

التعديلات الرئيسية هي كما يلي:

  1. الخط (الحجم واللون)
  2. تباعد الأسطر
  3. تباعد الكلمات

المبادئ الموجزة هي كما يلي:

  • يُفضل أن يكون حجم خط نص المقالة بين 14 و 18 بكسل ، وأنسب حجم لخط 16 بكسل.
  • تباعد الأسطر هو 1.5-1.75 ضعف تباعد الأسطر ، والذي سيبدو أكثر راحة.
  • لا تحتاج المقالات المتعلقة بالمطاريف المتنقلة إلى وضع مسافة بادئة لها في السطر الأول.
  • بين الفقرات ، السطر الفارغ هو الأفضل.

Markdown هنا البرنامج المساعد CSS

انسخ كود CSS التالي من إضافة Markdown here الخاصة بـ Chen Weiliang إلى Chrome → الإعدادات → الإضافات → markdown.here → الخيارات → عرض CSS الأساسي

Chen Weiliang: تنزيل المكون الإضافي Markdown هنا (برنامج تعليمي لتثبيت ملحق Chrome)

/*
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)" المنشورة على مدونة Chen Weiliang ( https://www.chenweiliang.com/ ) مفيدة لك.

لا تتردد في مشاركة رابط هذه المقالة: https://www.chenweiliang.com/cwl-471.html

لاكتشاف المزيد من الحيل المخفية🔑، مرحبًا بك في الانضمام إلى قناتنا على Telegram!

مشاركة ومثل إذا كنت ترغب في ذلك! مشاركاتك وإعجاباتك هي حافزنا المستمر!

 

发表 评论

لا يوجد أي مشكلة في هذا الأمر.

انتقل إلى الأعلى