مرداد
۹
۱۳۹۷

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

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

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

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

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

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

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

Headings

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

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

markdown1

 

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

markdown2

 

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

markdown3

Quoting code

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

markdown4

 

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

markdown5
حتی می توانیم مشخص کنید که کدهای مدنظر ما مربوط به کدام زبان برنامه نویسی است تا با رنگ بندی بهتری نمایش یابد .در مثال زیر مشخص کردیم کدهای مدنظر ما مربوط به زبان ruby هست :
markdown6

Links

برای ایجاد لینک در markdown باید متن لینکمان را داخل [] قرار دهیم و خود لینک را داخل () .

markdown7

 

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

markdown16

 Lists

Unordered Lists

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

Ordered Lists

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

markdown8

 

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

 

markdown9

 

Task lists

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

markdown10

 

Using emoji

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

markdown11

 

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

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

Image Links

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

![alt text][reference name]

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

 

markdown12

Organizing information with tables

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

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

markdown13

 

Abbreviations

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

markdown14

 

Horizontal Rules

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

 markdown15

      مطالب مرتبط

درباره نویسنده:

دیدگاه ها بسته شده اند.

قیمت لحظه ای طلا و سکه و ارز

راهنمای دانلود

برای دانلود، کافی است که بر روی لینک دانلود آن کلیک نمایید تا وارد صفحه پرداخت آنلاین شوید. بعد از وارد کردن مشخصات کارت بانکی و مبلغ، پرداخت انجام شده و لینک دانلود نمایش داده می شود.

از این که حامی پروژه را برای دانلود انتخاب نموده اید، سپاسگزاریم.

در صورت بروز هر گونه مشکل برای خرید و دانلود، لطفا از طریق ایمیل زیر با ما مکاتبه نمایید.

HamiProje@Gmail.com

تبلیغات

alibaba02

تقویم شمسی

آبان ۱۳۹۷
ش ی د س چ پ ج
« شهریور    
 1234
۵۶۷۸۹۱۰۱۱
۱۲۱۳۱۴۱۵۱۶۱۷۱۸
۱۹۲۰۲۱۲۲۲۳۲۴۲۵
۲۶۲۷۲۸۲۹۳۰