اگر یک وبلاگ نویس یا توسعه دهنده هستید، ممکن است اغلب نیاز به ارائه قطعه کد در پست های وبلاگ خود داشته باشید. استفاده از برجسته سازی نحو، خوانایی و جذابیت زیبایی شناختی کد شما را بهبود می بخشد. در این آموزش، نحوه استفاده از ابزار معروف Highlight.js را برای افزودن هایلایت نحو کد به بلاگر بررسی خواهیم کرد.
مرحله 1: دریافت HTML برای موضوع:
پس از ورود به بخش «موضوع» Blogger بروید.
برای دسترسی به کد HTML طرح زمینه Blogger خود، روی «ویرایش HTML» کلیک کنید.
مرحله 2: افزودن کتابخانه Highlight.js:
در کد HTML به دنبال
بخش. کد زیر را درست قبل از تگ اضافه کنید اگر قبلاً وجود ندارد:
<link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/styles/default.min.css" rel="stylesheet"/><script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/highlight.min.js"></script><script>hljs.initHighlightingOnLoad();</script>
مرحله 3: ایجاد یک پست وبلاگ:
به پست Blogger بروید، جایی که می‌خواهید قطعات کد برجسته شده با نحو را نشان دهید.
برای آن پست خاص، به حالت ویرایشگر HTML بروید.
مرحله 4: برجسته کردن نحو در قطعه کد
کد خود را بین تگ های pre> و code> قرار دهید.
با اضافه کردن یک ویژگی کلاس که حاوی نام زبان است، می توانید زبان را برای برجسته کردن نحو مشخص کنید. به عنوان مثال، از کد برچسب استفاده کنید
class=”language-csharp”>
برای برجسته کردن کد سی شارپ.
**
**
