آموزش زبان مارک داون (Markdown language)

نوشته شده توسط admin    دیدگاه‌ها برای آموزش زبان مارک داون (Markdown language) بسته هستند

وبسایت گیت هاب (github) برای فرمت بندی و قالب بندی متن ها و کامنت ها سینتکسی را معرفی کرد به نام markdown که با استفاده از این سینتکس می توان متن ها را از حالت متن خالی خارج و به فرمتی شبیه به Html تبدیل نمود بعنوان مثال می توان متنی را Bold نمود و یا یک لینک داخل متن ایجاد کرد یا عکسی قرار داد و سایر موارد دیگر.

Markdown یا «متن مرتب» شیوه نمایش متن با علامت های ساده است، یک زبان نشانه گذاری سبک با ساختار تمام متن و کاربرد آسان برای نوشتن اسناد و محتوای وب که در نهایت به HTML ترجمه و با ساختار بندی نمایش داده میشه.

بر خلاف نرم افزارهای پردازش متن سنگین موجود، محتوا تولید شده در قالب مارک داون رو میشه به راحتی بین دستگاه های مختلفی از جمله کامپیوتر، موبایل و … به اشتراک گذاشت. به همین دلیل و مزیتش داره به یک استاندارد نوشتن برای دانشگاهیان، دانشمندان، نویسندگان و … تبدیل میشه. فایل های مارک داون با پسوند .markdown یا بطور مختصر .md ذخیره میشن و ساختار و قواعدی برای نمایش محتوا دارند.

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

https://jbt.github.io/markdown-editor/

قواعد زبان مارک داون

Headings

برای ایجاد heading (تگ های h1 تا h6) قبل از متن مورد نظرمون از # استفاده می کنیم . مثلا اگر تگ h1 لازم داشته باشیم از یک # قبل از متن استفاده می کنیم , اگر تگ h2 لازم داشتیم از دو تا تگ # استفاده می کنیم و الی آخر

در زیر نمونه ای از قاعده به کار رفته در سمت چپ و خروجی آن در سمت راست را مشاهده می کنید.

• برای Bold کردن کلمه یا متن باید دو طرف آن از ** یا __ استفاده کنیم .
• برای Italic کردن کلمه یا متن باید دو طرف آن از * یا _ استفاده کنیم .
• برای Strikethrough (خط خوردگی روی خط ) باید دو طرف آن از~~ استفاده کنیم .

برای ایجاد حالت نقل قول یا باید در ابتدای متن یک علامت > قرار دهید .

Quoting code

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

اگر بخواهیم چند خط را داخل این نقل قول بگذریم باید از ۳ تا ` استفاده کنیم :

برای ایجاد چند لینک به صورت زیر هم می توان نوشت:

 Lists

Unordered Lists

برای ایجاد لیست های غیرشمارشی باید قبل از هر خط یک علامت * یا – قرار دهیم .

Ordered Lists

برای ایجاد لیست های شمارشی باید قبل از هر خط عددی  قرار دهیم .

می توانیم لیست های تودرتو هم درست نماییم . برای این کار باید با قبل از خط مورد نظر ۳ تا space بزنیم .

Task lists

برای درست کردن لیستی از آیتم ها به همراه checkbox که قابلیت check و uncheck داشته باشند از[ ] و [x]  استفاده می کنیم که اولی برای آیتم هایی هست که check  نشده اند و دومی برای آنهایی که میخواهیم  check  شده باشند:

Using emoji

شما می توانید داخل متن های خودتون از emoji های گیت هاب هم استفاده کنید .

برای مشاهده لیست کامل emoji هایی که می توانید استفاده کنید به سایت زیر سر بزنید :

https://www.webpagefx.com/tools/emoji-cheat-sheet/

Image Links

برای نمایش عکس از قاعده ی زیر استفاده می کنیم :

![alt text][reference name]

• alt text = متنی که میخواهید برای Alt عکس نمایش یابد.
• reference name = آدرس عکس مورد نظر

Organizing information with tables

در markdown برای ساخت جدول از | و – استفاده می کنیم .

• برای ساخت هر ستون هدر جدول از – استفاده می کنیم.
• برای جدا کردن مقدار هر ستون از ستون دیگر از  | استفاده می کنیم .

Abbreviations

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

Horizontal Rules

برای ایجای خط افقی میتونید از Hyphens، Asterisks و یا Underscores استفاده کنید.