ב-HTML, אנחנו צריכים להוסיף הרבה תגיות וסגנון מתווסף גם ב-HTML לעיצוב. אנחנו יכולים לעשות את אותן משימות ב-HTML, מה שאנחנו יכולים לעשות גם באמצעות ה-Markdown. אנו יכולים להמיר את קובץ Markdown לקובץ HTML בקלות על ידי שימוש בפקודות מסוימות. נסביר כאן כיצד להמיר את ה-Markdown ל-HTML. אנו גם נמיר את ה-Markdown ל-HTML ונספק תיאור מפורט של מושג זה במדריך זה. כעת, אנו ממירים את קובץ Markdown לקובץ HTML. כמו כן, נציג ונסביר כל שלב שעלינו לבצע כדי להמיר את קובץ Markdown לקובץ HTML ב-Visual Studio Code.
דוגמה 1:
אנו משתמשים בקוד Visual Studio כאן. אנו מראים כיצד אנו ממירים את קובץ Markdown לקובץ HTML ב-Visual Studio Code. לשם כך, עלינו ליצור את קובץ Markdown בקוד Visual Studio זה. הקובץ שאנו יוצרים כאן נקרא 'myabcfile.md'. בקובץ זה, אנו מוסיפים את הכותרת באמצעות התג '#'. לאחר מכן, אנו מוסיפים טקסט מתחת לכותרת זו שהוא טקסט פשוט או פסקה. כעת, אנו גם מכניסים שורה נוספת שהיא מודגשת מכיוון שאנו מכניסים שתי כוכביות בתחילת השורה ושתי כוכביות בסוף שורה זו. אז הקו הזה נראה מודגש כאן. לאחר מכן, אנו הופכים את המילה 'רשימה' לנטוי. אנו הופכים את המילה הזו לנטוי באמצעות שני קווים תחתונים. קו תחתון אחד נוסף בתחילת המילה וקו תחתון אחד נוסף בסוף המילה. באיור הבא, אנו יוצרים את הרשימה המסודרת על ידי הצבת המספר והצבת הנקודה אחרי המספר. כעת, אנו שומרים את הקובץ הזה. אנו גם נראה כיצד קובץ זה מופיע בחלון התצוגה המקדימה.
אנו רק מציגים את הפלט של קוד Markdown בחלון התצוגה המקדימה. כעת, אנו ממירים את ה-Markdown הזה ל-HTML. התקדם וראה באיור הבא כיצד להמיר קובץ Markdown זה לקובץ HTML:
פתח את המסוף על ידי לחיצה על הטרמינל בשורת המשימות שנמצאת בחלק העליון של קוד Visual Studio זה. כאשר מסוף זה נפתח, הקלד את הפקודה 'קוד –install-extension yzhang.markdown-all-in-one' שמוצגת גם בהמשך. לאחר הקלדת פקודה זו במסוף של Visual Studio Code, לחצנו על מקש 'Enter'. לאחר הידור מוצלח של פקודה זו, אנו מתקדמים. פקודה זו מסייעת בהתקנת הרחבה זו המוזכרת כאן.
כאשר התוסף הקודם מותקן בהצלחה, אנו פותחים את 'לוח הפקודות' בקוד Visual Studio זה. לוח הפקודות הזה נפתח פשוט על ידי לחיצה על המקשים 'CTRL+SHIFT+P'. לאחר מכן, התפריט הנפתח נפתח בחלק העליון של אפליקציית Visual Studio Code זו. כאן, אנו פשוט מקלידים 'Markdown' ואז יופיעו שם פקודות רבות. אנו בוחרים את 'Markdown All in One: הדפס מסמך נוכחי ל-HTML' כאן כפי שמוצג בתמונה הבאה. כאן, אנו בוחרים בפקודה זו לאחר לחיצה על 'CTRL+SHIFT+P'. כעת, קובץ Markdown זה מומר לקובץ HTML בעזרת הפקודה הזו שבחרנו כאן.
שני הקבצים מוצגים כאן. אנו ממירים את 'myabcfile.md' הזה לקובץ 'myabcfile.html'. ה-Markdown כמו גם קובץ ה-HTML מוצגים בתמונה הבאה. קובץ HTML זה מכיל את כל הנתונים שהוספנו בקובץ Markdown. אבל ההבדל היחיד הוא שקובץ ה-HTML מכיל את התגים והסגנון השונים בו, אבל קובץ ה-Markdown לא מכיל הרבה תגים.
קובץ ה-HTML מוצג גם בתמונה הבאה. אתה יכול לציין את ',
,