مجموعه نشان من را اینجا بررسی کنید
امروز، در این آموزش دوستانه مبتدی، روشی سریع‌تر برای تولید اسناد، بدون استفاده از Word یا هر واژه‌پرداز دیگری را به شما نشان می‌دهم.
چگونه می تواند به بهره وری کمک کند
اگر سندی برای ساختن دارید، با یک مهلت کوتاه، روشی که به شما نشان خواهم داد بسیار کمک خواهد کرد، به خصوص اگر آن را با عناوین سفارشی، زیرنویس ها و غیره استایل کنید…
چه کسی قرار است از آن بهره مند شود
اگر به طور منظم از VSCode استفاده می کنید، یا می دانید چگونه با آن کار کنید، مطمئناً از این تکنیک سود خواهید برد، اما اگر این کار را نکنید، حداقل راهی برای کار متفاوت نشان می دهد.
حتی اگر از VSCode استفاده نکنید، اگر از این روش استفاده کنید، ممکن است با یک منحنی یادگیری مواجه شوید. اما در دراز مدت، شما در زمان زیادی صرفه جویی خواهید کرد.
شما همچنین می خواهید استایل اولیه CSS را بدانید.
روش توضیح داد
روش من شامل استفاده از VSCode، زبان Markdown، مقداری CSS و برخی پسوندها برای سرعت بخشیدن به روند تولید سند است.
مرحله 0
- اگر جایگزین منبع باز (بدون تله متری از مایکروسافت) را ترجیح می دهید، به جای VSCodium دانلود کنید
به عنوان مثال، اگر در ویندوز هستید، بسته ای را که با .exe ختم می شود پیدا کنید
اگر آن را نمی بینید، روی “نمایش همه دارایی ها” کلیک کنید.
شماره نسخه ممکن است متفاوت باشد
اگر ویندوز 64 بیتی دارید :
مرحله 1
تب افزونه در VSCode / VSCodium :
راه اندازی VSCode:
- پسوندهای زیر را دانلود کنید:
- پشتیبانی از HTML CSS
- PDF Markdown
- باز کردن خودکار پانل پیش نمایش
- پسوند اختیاری:
- vscode-pdf
- Markdown All In One
پسوندها :
گام 2
- با این کار یک پروژه VSCode ایجاد کنید فایل > فایل متنی جدید
- کلیک کنید یک زبان را انتخاب کنید و “Markdown” را قرار دهید
- سپس، آن را در یک پوشه ذخیره کنید (من دسکتاپ را توصیه می کنم)، فایل > ذخیره به عنوان…
- نام فایل را به دلخواه تغییر دهید
- یک فایل متنی دیگر ایجاد کنید (فایل > فایل متنی جدید)
- کلیک کنید یک زبان را انتخاب کنید و “CSS” را قرار دهید
- سپس آن را در همان پوشه فایل اول ذخیره کنید (فایل > ذخیره به عنوان…)
- نام فایل را به دلخواه تغییر دهید
این چیزی است که شما باید داشته باشید:
گام 2
- در اولین فایل شما ( فایلی که به پایان می رسد .md) موارد زیر را کپی و جایگذاری کنید و حتما جایگزین کنید
your_file.cssبه نام شما<link rel="stylesheet" href="https://dev.to/ziadoua/your_file.css">
- به فایل CSS خود بروید و این کد را امتحان کنید:
body { background-color: aliceblue; }
پانل پیش نمایش را بررسی کنید، متوجه خواهید شد که رنگ پس زمینه تغییر کرده است
-> ما از این ویژگی استفاده خواهیم کرد
مرحله 3
- به فایل CSS بروید
- کد زیر را کپی و پیست کنید:
h1 { } h2 { } h3 { } p { }
- به فایل Markdown بروید (آنی که با md. ختم می شود)
- کد زیر را کپی و پیست کنید:
<h1>Hi ! I'm a title</h1> <h2>I'm a subtitle</h2> <h3>I'm an even smaller title !</h3> <p>Hey ! Can you see me ?</p>
مرحله 4
- در آن مرحله، اکنون می توانید CSS را سفارشی کنید:
- به عنوان مثال، شما می توانید قرار دهید
background-color: red;که درh1 { }
- به عنوان مثال، شما می توانید قرار دهید
” loading=”lazy” width=”300″ height=”55″/>
پیش نمایش :
- این هم یک مثال دیگر:
- h1 { پس زمینه رنگ: قرمز; حاشیه شعاع: 100 پیکسل. font-family: ‘Courier New’, Courier, monospace; فونت-وزن: 800; رنگ سیاه؛ text-align: center; بالشتک: 0 15px 0 15px; عرض: مناسب محتوا. حاشیه: 0 0 5px 0; }
h2 {
رنگ پس زمینه: آبی;
حاشیه شعاع: 100 پیکسل.
font-family: ‘Courier New’, Courier, monospace;
فونت-وزن: 800;
رنگ سفید؛
text-align: center;
بالشتک: 0 15px 0 15px;
عرض: مناسب محتوا.
}
h3 {
رنگ پس زمینه: سبز روشن
font-family: ‘Courier New’, Courier, monospace;
رنگ سیاه؛
text-align: center;
بالشتک: 0 15px 0 15px;
}
پ {
رنگ پس زمینه: خاکستری
font-family: Courier, monospace;
رنگ سیاه؛
اندازه فونت: 16px;
text-align: center;
بالشتک: 0 15px 0 15px;
}
نتیجه :
- سپس می‌توانید Markdown بیشتری را با برچسب‌هایی مانند “h1” اضافه کنید، و استایل به طور خودکار اضافه می‌شود
مرحله نهایی
- فایل علامت گذاری شده را به صورت PDF صادر کنید
- زمانی که فایل Markdown خود را باز کرده اید، کلیک راست کنید
- روی ” کلیک کنیدMarkdown PDF: صادرات (pdf)“
- به پوشه پروژه بروید (جایی که فایل های Markdown / CSS خود را قرار می دهید)
- سپس یک فایل PDF پیدا خواهید کرد که نام آن “your_file.pdf” است.
- بازش کن
بفرمایید !
امیدوارم این تکنیک بهره وری شما را افزایش دهد!
ممنون که تا این حد در آموزش پیش رفتید!
اگر چیزی را متوجه نشدید در اظهار نظر دریغ نکنید
