HTML valodā mums ir jāpievieno daudz tagu, un stils tiek pievienots arī HTML formatēšanai. Mēs varam veikt tos pašus uzdevumus HTML, ko mēs varam veikt arī, izmantojot Markdown. Mēs varam viegli pārvērst Markdown failu HTML failā, vienkārši izmantojot dažas komandas. Šeit mēs paskaidrosim, kā pārvērst Markdown par HTML. Mēs arī konvertēsim Markdown par HTML un šajā rokasgrāmatā sniegsim detalizētu šīs koncepcijas aprakstu. Tagad mēs pārvēršam Markdown failu par HTML failu. Mēs arī parādīsim un izskaidrosim katru darbību, kas mums jāveic, lai Markdown failu pārveidotu par HTML failu programmā Visual Studio Code.
1. piemērs:
Šeit mēs izmantojam Visual Studio kodu. Mēs parādām, kā mēs konvertējam Markdown failu HTML failā programmā Visual Studio Code. Šim nolūkam mums ir jābūt Markdown failam, kas izveidots šajā Visual Studio kodā. Šeit izveidotā faila nosaukums ir “myabcfile.md”. Šajā failā mēs pievienojam virsrakstu, izmantojot tagu “#”. Pēc tam zem šī virsraksta pievienojam tekstu, kas ir vienkāršs teksts vai rindkopa. Tagad mēs ievietojam arī citu rindiņu, kas ir treknrakstā, jo mēs ievietojam divas zvaigznītes šīs rindas sākumā un divas zvaigznītes beigās. Tātad šī rindiņa šeit parādās treknrakstā. Pēc tam vārdu “saraksts” veidojam slīprakstā. Mēs padarām šo vārdu slīprakstā, izmantojot divas pasvītras. Viena pasvītra tiek pievienota vārda sākumā un viena pasvītra tiek pievienota vārda beigās. Nākamajā ilustrācijā mēs ģenerējam sakārtoto sarakstu, ievietojot ciparu un aiz cipara ievietojot punktu. Tagad mēs saglabājam šo failu. Mēs arī parādīsim, kā šis fails parādās priekšskatījuma logā.
Mēs vienkārši parādām Markdown koda izvadi priekšskatījuma logā. Tagad mēs pārvēršam šo atzīmes par HTML. Pārejiet uz priekšu un skatiet tālāk redzamo ilustrāciju, kā pārvērst šo Markdown failu HTML failā:
Atveriet termināli, uzdevumjoslā noklikšķinot uz termināļa, kas atrodas šī Visual Studio koda augšdaļā. Kad šis terminālis ir atvērts, ierakstiet komandu “code –install-extension yzhang.markdown-all-in-one”, kas ir parādīta arī tālāk. Pēc šīs komandas ierakstīšanas Visual Studio koda terminālī mēs nospiedām taustiņu “Enter”. Pēc šīs komandas veiksmīgas apkopošanas mēs virzāmies uz priekšu. Šī komanda palīdz instalēt šo šeit minēto paplašinājumu.
Kad iepriekšējais paplašinājums ir veiksmīgi instalēts, šajā Visual Studio kodā atveram komandu paleti. Šī komandu palete tiek atvērta, vienkārši nospiežot taustiņus “CTRL+SHIFT+P”. Pēc tam šīs Visual Studio Code lietotnes augšdaļā tiek atvērta nolaižamā izvēlne. Šeit mēs vienkārši ierakstām “Markdown”, un tad tur parādās daudzas komandas. Šeit mēs izvēlamies “Markdown All in One: Drukāt pašreizējo dokumentu HTML formātā”, kā parādīts nākamajā attēlā. Šeit mēs izvēlamies šo komandu pēc “CTRL+SHIFT+P” nospiešanas. Tagad šis Markdown fails tiek pārveidots par HTML failu, izmantojot šo komandu, kuru mēs šeit atlasījām.
Šeit tiek parādīti abi faili. Mēs pārveidojam šo “myabcfile.md” par failu “myabcfile.html”. Markdown, kā arī HTML fails ir parādīts nākamajā attēlā. Šajā HTML failā ir visi dati, ko pievienojām Markdown failam. Bet vienīgā atšķirība ir tā, ka HTML failā ir ietverti dažādi tagi un stils, bet Markdown failā nav daudz tagu.
HTML fails ir parādīts arī nākamajā attēlā. Šajā failā varat atzīmēt “,
,