آموزش markdown و ارسال پست در انجمن


  • ادمین

    سلام آلایی های عزیز

    تو این تاپیک میخوایم نحوه کار با markdown رو قدم به قدم یادبگیریم و با امکانات ادیتور انجمن بیشتر آشنا بشیم که شما عزیزان بتونید پست هاتون رو زیباتر بنویسید :smile:
    منبع این آموزش سایت: http://alihossein.ir/ با اندکی تغییر


    Heading (عنوان نویسی)

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

    The largest heading

    The second largest heading

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

    0_1483101675015_fdtt.png


    Quoting text(نقل قول کردن)

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

    0_1483101907907_gdfhdhfghg.png


    Quoting code (نقل قول و متمایز کردن کد ها)

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

    0_1483102665791_gg.png

    خروجی :

    . Use git status to list all new or modified files that haven't yet been committed

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

    0_1483102932050_gfghj.png

    خروجی :
    : Some basic Git commands are

    git status
    git add
    git commit
    

    ادامه دارد ....:smile:


  • ادمین

    Links (قرار دادن لینک )

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


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

    مثال :
    0_1483104428459_ghrrrtr.png

    خروجی:

    • Alihossein Shahabi
    • John Adams
    • Thomas Jefferson

    برای ایجاد لیست های شمارشی باید قبل از هر خط عددی قرار دهیم .
    0_1483104542996_greyrty.png
    خروجی :

    1. Alihossein Shahabi
    2. James Monroe
    3. John Quincy Adams

    می توانیم لیست های تودرتو هم درست نماییم . برای این کار باید با قبل از خط مورد نظر 3 تا space بزنیم ...با قرار دادن * قبل از تکست یه دایره توخالی قرار میگیرد:
    0_1483104686893_fsdgdhd.png

    خروجی:

    1. Push my commits to GitHub
    2. Open a pull request
      • Describe my changes
      • Mention all the members of my team

    ادامه دارد .....:wink:


  • مدیر

    وای این تاپیک فوق العاده هست :+1:


  • ادمین

    @sohrab در آموزش markdown گفته است:

    وای این تاپیک فوق العاده هست :+1:

    مرسی :smile: :v:


  • ادمین

    Organizing information with tables (دسته بندی اطلاعات در قالب جدول)

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

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

    0_1483105933121_gggggggggg.png

    خروجی :

    First Header Second Header
    Content Cell Content Cell
    Content Cell Content Cell


  • عالیه . :heart_eyes:
    سپاس فراوان :hibiscus:


  • ادمین

    @پروفسور در آموزش markdown گفته است:

    عالیه . :heart_eyes:
    سپاس فراوان :hibiscus:

    خیلی ممنون :smile:



  • @بهاره در آموزش markdown گفته است:

    @پروفسور در آموزش markdown گفته است:

    عالیه . :heart_eyes:
    سپاس فراوان :hibiscus:

    خیلی ممنونم :smile:

    خواهش میکنم :see_no_evil:


  • ادمین

    دوستان عزیز اینم لیست کامل اموجی هایی که میتونید استفاده کنید که البته آیکونش تو سایت هم هست ولی این لیستی از تمام اموجی های قابل استفاده در مارک دان هستش ..حالا در پست های بعدی راجبه میانبر های ارسال پست هم توضیح میدم :
    http://www.emoji-cheat-sheet.com/



  • @sohrab در آموزش markdown گفته است:

    وای این تاپیک فوق العاده هست :+1:

    بله خیلیم عالی
    آقا سهراب چرا پسته منو ندید
    http://forum.sanatisharif.ir/topic/2716/روش-فرمول-نویسی-برای-نوشتن-توضیحات-دروس/7
    چه معلوم شایدم دیدید ,حتما بد بوده دیگه:unamused:


  • ادمین

    خب دوستان تا اینجای کار نحوه کار با سینتکس markdownکه ادیتور انجمن هست رو یادگرفتیم
    الان میخوام یادبگیریم که چجوری با استفاده از امکانات ارسال پست میتونیم از بعضی قابلیت های ادیتور راحت تر استفاده کنیم بدون اینکه لازم باشه خیلی از قالب ها رو خودمون بنویسیم ...از اونجایی که کاربرای جدید زیادی در رابطه با نحوه ارسال عکس ..لینک و ... سوال میپرسن این پست میتونه راهنمای این عزیزان باشه :smile:

    هنگام ارسال پست شما با یه تولبار مواجه میشین اینجا تک تک آیکون های این تولبار رو توضیح میدم :

    1 :0_1483120230146_hhhhhhhhhh - Copy (6).png

    Bold کردن متن : برای این کار کافیه اون قسمت از متن که میخواین Bold بشه رو انتخاب کنید و سپس روی این آیکون کلیک کنید...اگه یادتون باشه در آموزش کار بار مارک دان گفتیم باید دوطرف متن رو ** قرار بدید. درواقع آیکون B همینکار رو برای شما انجام میده

    مثال :
    0_1483120775115_Untitled.png



    2: 0_1483120857982_hhhhhhhhhh - Copy (7).png

    italic نوشتن : مشابه بولد کردن ...بازم فقط اون بخشی که میخواین به صورت ایتالیک باشه رو انتخاب کنید و روی این آیکون کلیک کنید.... همون کار قرار دادن * در دوطرف متن رو برای شما انجام میده.

    مثال :
    0_1483121138080_f.png



    3: 0_1483121210276_hhhhhhhhhh - Copy (8).png

    ایجاد لیست غیرشمارشی: همونطور که در پست های قبل اشاره کردم با قرار دادن کاراکتر asterisk یعنی * و یا کاراکترminus sign یعنی - قبل از جمله مورد نظرتون میتونید یه لیست غیرشمارشی ایجاد کنید ...این آیکون کاراکتر * رو برای شما قرار میده کافیه جمله مورد نظر رو تایپ و سپس انتخاب کنید و بعد روی این آیکون کلیک کنید.

    • برای ایجاد لیست شمارشی و لیست تو در تو به این پست مراجعه بفرمایید.

    مثال :
    0_1483121730369_bh.png



    4: 0_1483121796319_hhhhhhhhhh.png

    نوشتن متن خط خورده : اگه یه قسمت از متن رو انتخاب کنید و روی این آیکون کلیک کنید یه خط روی اون کشیده میشه ... این آیکون دو کاراکتر tilde (~) در دوطرف متن انتخابی شما قرار میده و خروجی این کار یه متن خط خورده خواهد بود.
    مثال :
    0_1483122128875_gfdyyty.png



    5: 0_1483122202656_hhhhhhhhhh - Copy (9).png

    لینک دار کردن متن و یا نوشتن عنوان مناسب برای لینک ها : قالب قرار دادن لینک رو یادگرفتیم اما خوبی این ایکون اینه که این قالب رو آماده در اختیار شما قرار میده و شما فقط باید لینک و عنوان رو جایگذاری کنید!
    همینطور میتونید قسمتی از یک متن رو لینک دار کنید ..کافیه اون قسمت رو انتخاب کنید سپس روی ایکون مذکور کلیک کرده و لینک دانلود رو جایگذاری کنید ...به مثال توجه بفرمایید:

    0_1483122678916_gfdgdtyty.png



    6: 0_1483122780410_hhhhhhhhhh - Copy.png

    قرار دادن عکس با استفاده از آدرس آن : گاهی یه عکس جالب رو توی اینترنت میبینیم و دوس داریم اون رو در انجمن هم به اشتراک بذاریم..در این صورت ابتدا روی عکس مورد نظر راست کلیک کنید و سپس copy image address رو انتخاب کرده و آدرس رو در قالبی که این آیکون به شما میده پیست کنید...به مثال توجه کنید :
    0_1483123557849_bghgh.png

    0_1483123541398_vbcgfg.png



    7: 0_1483123635633_hhhhhhhhhh - Copy (10).png

    تایپ ریاضی : این آیکون برای قرار دادن فرمول های ریاضی و فیزیک و.. کاربرد داره ...برای اینکه تایپ ریاضی رو یاد بگیرید به این تاپیک مراجعه بفرمایید : روش فرمول نویسی برای نوشتن توضیحات دروس



    8:0_1483124011071_hhhhhhhhhh - Copy (11).png

    با فشردن این آیکون , کادر ارسال پست به حالت تمام صفحه تبدیل میشه که این قابلیت برای زمان هایی که میخواین یه متن طولانی رو تایپ کنید کاربرد داره .



    9:0_1483124187292_hhhhhhhhhh - Copy (2).png

    پاسخ های از پیش آماده شده: با مراجعه به پروفایلتون(تصویر )میتونید پاسخ های تکراری رو سیو کنید و هروقت نیاز داشتید دیگه لازم نیس دوباره تایپ کنید و وقتتون تلف بشه و میتونید با کلیک روی این آیکون از اون پاسخ ها استفاده کنید.
    با توجه به تصویر بعد از انتخاب گزینه ای که دورش کادر قرمز داره شما به صفحه ای منتقل میشید که اونجا روی لینک 0_1483124724920_dcfdsf.png کلیک میکنید...یه کادر باز میشه که اونجا متن پاسخ را با یه عنوان مناسب مینویسین و روی لینک Save response کلیک میکنید .. وقتی به این پاسخ احتیاج داشتین کافیه روی آیکون مذکور در تولبار کلیک کنید و پاسخ رو انتخاب کنید.

    0_1483124556869_fg.png



    10: 0_1483125218768_hhhhhhhhhh - Copy (3).png

    آپلودتصویر و گیف و فایل : این دوتا آیکون برای آپلود تصویر و Gif با حجم حداکثر 4048کیلو بایت از حافظه دستگاه شما به کار میرن همینطور با استفاده از آیکون سمت چپ میتونید فایل های از نوع : .pdf, .xls, .doc, .docx, .rar, .zip, .jpeg, .jpg, .gif, .png, .JPG رو آپلود کنید

    • نکته: اگه یه تصویر رو انتخاب کردین که حجمش زیاد بود و آپلود نشد ..میتونید ابتدا تصویر رو توی یه آپلود سنتر آپلود کنید و سپس با استفاده از لینک عکس و آیکون 6 ,عکس مورد نظرتونو به اشتراک بذارید.


    11: 0_1483126195162_hhhhhhhhhh - Copy (4).png

    تایپ رنگی : به منظور زیبا سازی پست میتونید با هررنگی که دوست داشتین بنویسید ...قسمتی از متن که دوس دارید رنگش رو تغییر بدید انتخاب کنید و روی این آیکون کلیک کنید...سپس رنگ مورد نظر رو انتخاب کرده و روی دایره گوشه سمت راست و پایین کلیک کنید...و یا اینکه ابتدا روی آیکون کلیک کنید و رنگ مورد نظرتون رو انتخاب کنید روی دایره رنگارنگ گوشه سمت راست و پایین کلیک کنید و توی قالبی که به شما میده متن مورد نظر رو تایپ کنید...به مثال توجه بفرمایید:
    0_1483126552918_بیسیس.png



    12:0_1483126710251_hhhhhhhhhh - Copy (13).png

    متمایز کردن چند خط از یک مطلب : این آیکون با قرار دادن3 تا bachtick در بالا و پایین متن اون رو متمایز میکنه ...کافیه بخشی از متن رو که مد نظرتون هست انتخاب کنید و روی این آیکون کلیک کنید ...میتونید با قرار دادن / و یا - تغییراتی رو ایجاد کنید ...به مثال ها توجه بفرمایید :
    0_1483127461876_kju.png

    • در سمت چپ (خروجی پست) میتونید مشاهده کنید که با قرار دادن کاراکتر - قبل از یک سطر و قرار دادن دو / قبل و بعد یه کلمه (سبز شدن رنگ کلمه) چه تغییرانی ایجاد میشه.


    @دانش-آموزان-آلاء


  • ادمین

    عالی بود:)



  • تشکـــــــــــــــــــــــــــــــر
    ♥#########♥
    .....♥#############♥
    ...♥###############♥
    ..♥#################♥..................♥###♥
    ..♥##################♥..........♥#########♥
    ....♥#################♥......♥#############♥
    .......♥################♥..♥###############♥
    .........♥################♥################♥
    ...........♥###############################♥
    ..............♥############################♥
    ................♥#########################♥
    ..................♥######################♥
    ....................♥###################♥
    ......................♥#################♥
    ........................♥##############♥
    ...........................♥###########♥
    .............................♥#########♥
    ...............................♥#######♥
    .................................♥#####♥
    ...................................♥###♥
    .....................................♥#♥
    .......................................♥
    .......................................♥
    .....................................♥
    ...................................♥
    .................................♥
    ..............................♥
    ............................♥
    .........................♥
    ......................♥
    ..................♥
    .............♥
    .........♥
    ......♥


  • دانش آموزان آلاء

    خیلی خوب و به درد بخور بود



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


وارد شوید تا پست بفرستید
 

اتصال شما به انجمن آلاء به نظر می‌رسد از دست رفته. لطفا صبر کنید ما سعی می‌کنیم که دوباره شما را متصل کنیم.