آموزش استفاده از Markdown برای نوشتن محتوا (جلسه 2) - راه اندازی محیط و ابزارها

- visibility ٠ mode_comment

در این مطلب با ادامه آموزش Markdown در خدمتتون هستیم.

Markdown

در این جلسه محیط کار با Markdown رو خدمتتون عرض میکنیم و همچنین ابزارهایی که با استفاده از اون میتونین با Markdown کار کنید رو خدمتتون معرفی میکنیم.

نرم افزارها و ابزارهای زیادی وجود دارن که با استفاده از اونا میتونین از Markdown استفاده کنید و از قدرت اون بهره ببرید. از ابزارهای آنلاین معروف میتونیم به stackedit و dillinger اشاره کنیم. این ابزارها هم خیلی محبوب هستن و هم خیلی کاربرد دارن و قدرت بسیار بالایی دارن. این ابزارها کارهارو برای ما خیلی راحتتر میکنن و روند کار رو سرعت میبخشن. ما در این سری آموزشی با stackedit کار میکنیم و کدهای خروجی رو به شما نشون میدیم. شما هم میتونین قدم به قدم با ما پیش بیاد و Markdown رو به آسونی یاد بگیرید. stackedit خیلی امکانات داره و پیشرفته هست، اما ما از همه امکانات اون استفاده نمیکنیم و فقط در حدی که با Markdown آشنا بشیم، از اون بهره میبریم. محیط کاربری این ابزار آنلاین بصورت زیر هست:markdown tools

  1. در این قسمت میتونین کدهای Markdown رو قرار بدین
  2. در این قسمت خروجی HTML کدهای Markdown سمت چپ نمایش داده میشه
  3. در این قسمت تعدادی آیکون قرار داده شده که میتونه کار شما رو سرعت ببخشه و المنتهای مختلف رو بصورت Markdown برای شما بسازه. ما خیلی ازشون استفاده نمیکنیم. دلیل اینکار اینه که اول Markdown رو یاد بگیریم و بعدش که وارد شدیم، با استفاده از این ابزارها کارمون رو سرعت ببخشیم.
  4. با کلیک بر روی این آیکون، یک سایدبار باز میشه که گزینه های بیشتری درون اون موجوده که میتونین از اونا استفاده کنید.
  5. با کلیک بر روی این آیکون، یک سایدبار باز میشه که میتونین فایلهاتون رو مدیریت کنید

علاوه بر ابزارهای آنلاینی که وجود داره، متناسب با هر ادیتوری که استفاده میکنید، پلاگینی وجود داره که میتونین با استفاده از اون خروجی Markdown رو ببینید و استفاده کنید. در زیر تعدادی از اونا رو بهتون میگیم.

ادیتور Sublime Text

برای این ادیتور میتونین از پلاگین Markdown Preview استفاده کنید.markdown tools 1

ادیتور Atom

برای این ادیتور میتونین از پلاگین Markdown Preview استفاده کنید.markdown tools 2

محیط استفاده از اون بصورت زیر هست:markdown tools 3

همچنین میتونین برای دیگر ادیتورها مثل PhpStorm و Brackets و Notepad++ و ... هم این کار رو انجام بدین.

امیدوارم از این جلسه خوشتون اومده باشه.

موفق باشید

یا علی

comment دیدگاه کاربران
Hosein

سلام آقای اسفندیاری خسته نباشید ممنون بابت آموزش های خوبتون.
میخواستم ببینم شما قبلا اموزشی در مورد گیت هاب در سایت گذاشتید یا قرار هست در اینده دوره ای برای گیت هاب برگزار کنید؟

سلام خدمت شما
نه خیر دوره ای قبلا قرار نگرفته
فعلا که برنامه ای برای اینکار نداریم، شاید در آینده قرار داده بشه
موفق باشید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.