نوشتن با Markdown برای داشتن محتوا و HTML بهتر

نوشتن با Markdown برای داشتن محتوا و HTML بهتر:

تولید محتوا حتی بدون اضافه کردن HTML بد، به اندازه کافی کاری سخت است. در این مقاله می‌خواهیم یاد بگیرید چگونه با استفاده از کدهای تولید شده در نرم افزارهای پردازش متن به عنوان راه حلی برای نوشتن استفاده کنید.

می‌خواهیم از Markdown و اینکه چگونه می‌توان از آن برای جلوگیری از تراژدی‌های کانتنت و HTML استفاده کرد صحبت کنیم.

• تراژدی تولید محتوا

اولین چیزی که باید بیاموزید: یکی از بزرگترین تراژدی های تولید محتوا HTML است. اگر نویسنده و یا تولید کننده و یا تولید کننده محتوا هستید شما همواره با این مسأله روبرو هستید که قرار است پستی برای وبلاگ قرار دهید و یا هر کار دیگری انجام دهید و با یکی از 4 احتمال زیر روبرو می شوید:

• HTML بدی را اجرا می‌کنید زیرا سعی می‌کنید خودتان آن را بنویسید و نمی‌دانید چگونه.
• اصلاً HTML ندارید زیرا نمی‌توانید آن را انجام دهید؛ و فرد دیگری نیست که این کار را انجام دهد. سپس درنهایت یک متن ساده را روی پردازشگر کلمه خود وارد می‌کنید.
• به یک HTML بسیار کند رضایت می‌دهید زیرا بسیار طول می‌کشد تا تمامی تگ‌ها را پانچ کنید یا می‌توانید یک تولیدکننده را پیدا کنید، اما زمان زیادی را برای پیدا کردن آن تولیدکننده صرف می‌کنید.
• یک HTML بسیار بد دارید زیرا در یک پردازنده کلمه مانند Word، OpenText یا چیزی مشابه تایپ می‌کنید و فایل را به‌عنوان HTML ذخیره می‌کنید. کاری که تقریباً هر برنامه‌نویس حتی تازه‌کار HTML را به گریه می‌اندازد چون خیلی نامناسب است. در بسیاری از مرورگرها به‌درستی اجرا نمی‌شود. پس احتمالاً نمی‌خواهید که این کار را انجام دهید.

بنابراین مشکل این است: چگونه HTML را به‌عنوان یک نویسنده ایجاد کنید، بدون آنکه در فرایند نوشتن تداخلی ایجاد شود، درست است؟ شما نمی‌خواهید مطالب را تایپ کنید و ناگهان مجبور شوید آن را متوقف کنید تا در تگ‌ها بنویسید. بدون اینکه سرعت کار را کم کنید زیرا نمی‌خواهید که مجبور شوید برگردید و همه HTML ها را ویرایش کنید؛ اما چگونه می‌خواهید این کار را انجام دهید؟

• بله! Markdown

خوشبختانه چیزی به نام markdown وجود دارد؛ که توسط برنامه‌نویسی که یک وبلاگ به نام Daring Fireball را می‌نوشت، ایجاد شد. این طراحی یک روش بسیار آسان برای نوشتن در متنی ساده است و می‌توانید با تگ کردن چند کاراکتر به سهولت متن را به یک HTML واقعاً خوب تبدیل کنید.

نکات عالی در مورد Markdown

شما مانند هر ویراستاری در یک فرمت خام[1] می‌نویسید. می‌توانید یکی روی تلفن همراه داشته باشید. یکی روی لپ‌تاپ. می‌تواند برنامه‌ای مانند TextEdit، Notepad، یا هر چیزی باشد.

• این به این معناست که این برنامه‌ها خیلی سریع هستند. ویراستاران متن معمولاً درگیر آپدیت نمی‌شوند و بنابراین با مشکلات ناشی از آن روبرو نمی‌شوند پس خیلی سریع کار انجام می‌دهند.
• Text سازگار با زمان آینده است. روزی فرامی‌رسد که دیگر متن‌ها را در قالب text نمی‌خوانیم و فایل‌های متنی را باز نمی‌کنیم و قادر خواهیم بود از یک ذهن به ذهن دیگر تعامل برقرار کنیم؛ و اصلاً نگران این موارد نخواهیم بود چون دیگر به HTML نیازی نداریم. شاید کمی اغراق باشد اما 50 سال دیگر ما باز قادر خواهیم بود فایل‌های plain text را باز کنیم.
• این برنامه‌ها نسبتاً هنگ نمی‌کنند. نسبت به پردازنده کلمات بسیار باثبات‌تر هستند.

تمام این مزایای بزرگ را دارید اما همچنان نمی‌دانید چگونه باید آن را تبدیل به چیزی کنید که می‌خواهید؟

• خب markdown تقریباً قابلیت تبدیل به هر چیزی را دارد. می‌توانید با ابزارهای پیشرفته‌تری مانند Pandoc آشنا شوید. Markdown قابلیت تبدیل به یک فایل ورد را دارد. می‌توانید حتی آن را به HTML تبدیل کنید. می‌توانید آن را تبدیل به اسلاید کنید. می‌توانید آن را به PDF تبدیل کنید حتی می‌توانید با استفاده از LaTeX کارهای جذاب‌تری هم انجام دهید.
• ابزارها و فرایند

خب چگونه می‌توان این کارها را انجام داد؟ اولین مرحله این است که شما به ابزارهای مشخصی نیاز دارید که برای این فرایند مناسب باشد؛ مانند هر فرایند نوشتن، باید بنویسید، بازبینی کنید و سپس فایل را تبدیل کنید. اگر این کار را در مایکروسافت ورد انجام می‌دهید، می‌توانید آنجا بنویسید، می‌توانید از ورد برای بازبینی استفاده کنید و همچنین می‌توانید آن را به فرمت‌های دیگر تبدیل کنید با ذخیره کردن آن به‌عنوان PDF و یا تبدیل آن به HTML (لطفاً این کار را نکنید!).

اگر markdown را انجام می‌دهید…

• نوشتن را در هر ویراستار متنی انجام دهید. به‌شدت io را برای این کار پیشنهاد می‌دهم. بسیار سریع است. ساخته‌شده تا markdown را مدیریت کند. پس هر چیزی که نیاز دارید درون آن وجود دارد. مزایای بسیار زیادی دارد.
• سپس بازبینی کنید. می‌توانید از وب سایتی به نام io. استفاده کنید. یا در مک می‌توانید از Marked 2 استفاده کنید؛ اما بهترین کار استفاده از Atom.io است؛ زیرا ابزار بازبینی درون آن وجود دارد.
• سپس آن را به HTML تبدیل کنید؛ و مجدداً می‌توانید از io. استفاده کنید.
• شروع به کارکنید

الآن زمان آن فرارسیده که شروع به کارکنید. اول  Atom.io.را دانلود کنید و سپس نصب کنید. استفاده از آن هزینه‌ای در برندارد.

• شروع به نوشتن کنید.
• فایل را ذخیره کنید. هر نامی برای فایل می‌خواهید انتخاب کنید و در انتهای آن.md قرار دهید. این‌گونه بهio.  و تقریباً هر ابزار خواندن markdown می‌گویید که این یک فایل markdown است؛ بنابراین وقتی آن را باز می‌کنید syntax ها را هایلایت می‌کند. در خصوص syntax هم‌ صحبت خواهیم کرد؛ اما باید بدانید که بین علائم و کلمات واقعی و جملاتی که نوشته‌اید تفاوت قائل می‌شود. بنابراین برای مثال پیدا کردن اینکه متنی را به‌عنوان تیتر انتخاب کرده‌اید کاری ساده خواهد بود.
• بیشتر بنویسید. همواره کار خود را ذخیره کنید.
• سپس در منو به قسمت Packages بروید. روی Markdown Preview کلیک کنید؛ و سپس Toggle preview را بزنید. حالا می‌توانید کار را از همان ابتدا انجام دهید و بعد چیزی که خواهید داشت دو پنل موازی است که در یکی می‌نویسید و دیگری به شما نشان می‌دهد که نوشته به چه شکل نمایش داده خواهد شد. یا می‌توانید این کار را در پایان انجام دهید. من معمولاً دی آخر این کار را انجام می‌دهم چون دوست ندارم همواره با نگاه کردن به اینکه متن چگونه به نظر می‌رسد حواسم پرت شود.
• روی پنل preview راست کلیک کنید. روی Copy HTML کلیک کنید و یک HTML بدون عیب و نقص خواهید داشت. حتی یک نقل‌قول کوچک و نقل‌قول‌های دوگانه را به نقل‌قول صحیح هوشمند تبدیل می‌کند.

 

• Syntax

Syntax  بسیار ساده است. قرار نیست کاملاً آن را در اینجا توضیح دهیم اما به حدود 50 درصد از چیزهایی که به آن نیاز دارید در اینجا اشاره‌شده است.

به‌عنوان‌مثال، اگر بخواهید هدینگ 1 داشته باشید، کافی است علامت پوند یا هشتک، یک‌فاصله و سپس عبارت موردنظر خود را وارد کنید. زمانی که فایل را به‌عنوان HTML ذخیره می‌کنید، به‌صورت خودکار H1 خواهد شد. در مورد H2 نیز به همین شکل است. تنها باید از دو هشتک استفاده کنید. حدس می‌زنم بدانید برای H3 باید چه‌کاری انجام شود؛ سه هشتک.

پاراگراف‌ها به‌صورت خودکار ایجاد می‌شوند؛ بنابراین اگر متنی را بنویسید و بعد کلید Enter یا Return را دو بار بزنید، یک پاراگراف زیبا خواهید داشت. اگر بخواهید خط جدید را شروع کنید، تنها کافی است دو بار فاصله را بزنید و سپس return؛ و به‌جای اینکه پاراگراف داشته باشید یک BR خواهید داشت.

لیست ایجاد کردن لیست یکی از کارهای بسیار سخت برای نویسندگان است. ایجاد لیست در HTML بسیار پیچیده است؛ اما اینجا عدد 1 یک نقطه و فاصله و اکنون متن را می‌نویسید، به همین ترتیب ادامه می‌دهید وقتی‌که آن را ذخیره می‌کنید و convert می‌کنید، تبدیل به یک لیست سفارش می‌شود، آیتم 1، آیتم 2، انتهای لیست سفارش، به همین سادگی. اگر می‌خواهید که لیست شما بولت دار باشد، به‌جای اعداد از ستاره استفاده کنید. همین کار را انجام می‌دهد.

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

بنابراین Markdown واقعاً به شما امکان می‌دهد که مهارت‌های خود را به‌عنوان یک نویسنده روی نویسندگی متمرکز کنید،، واقعاً خوب بنویسید و آن را به همان اندازه به یک HTML خوب تبدیل کنید سپس HTML خواهید داشت که برای ورود به ورد پرس یا هر سیستمی که می‌خواهید وارد کنید آماده است.

[1] Plain Text