മാർക്ക്ഡൗൺ പ്രിവ്യൂ
ക്രമീകരണം
തീം
Markdown പ്രിവ്യൂ ചെയ്യാൻ ഉപയോഗിക്കേണ്ട തീം തിരഞ്ഞെടുക്കുക
സിന്റാക്സ് ഹൈലൈറ്റിംഗ്
Shiki ഉപയോഗിച്ച് കോഡ് ബ്ലോക്കുകൾ ഹൈലൈറ്റ് ചെയ്യുക
GitHub ഫ്ലേവേഡ് Markdown
ലൈൻ ബ്രേക്കുകൾ
ഇമോജി പിന്തുണ
:emoji: ഷോർട്ട്കോഡുകൾ ഇമോജികളാക്കി മാറ്റുക
മാർക്ക്ഡൗൺ
പ്രിവ്യൂ
സാങ്കേതിക വിശദാംശങ്ങൾ
Markdown Preview എങ്ങനെ പ്രവർത്തിക്കുന്നു
ഉപകരണം ചെയ്യുന്നത് എന്താണ്
markdown preview ടൂൾ Markdown ടെക്സ്റ്റിനെ ഫോർമാറ്റ് ചെയ്ത HTML ഔട്ട്പുട്ടായി മാറ്റി, പ്രസിദ്ധീകരിക്കുമ്പോൾ നിങ്ങളുടെ markdown എങ്ങനെ കാണുമെന്ന് കാണാൻ real-time rendering നൽകുന്നു. ഈ markdown editor, markdown viewer ഡെവലപ്പർമാരെയും എഴുത്തുകാരെയും markdown preview ചെയ്യാനും, markdown syntax ടെസ്റ്റ് ചെയ്യാനും, പ്രസിദ്ധീകരിക്കുന്നതിന് മുമ്പ് ശരിയായ ഫോർമാറ്റിംഗ് ഉറപ്പാക്കാനും സഹായിക്കുന്നു. GitHub-flavored markdown (GFM), tables, code blocks, വിവിധ markdown extensions എന്നിവ പിന്തുണച്ച് ടൂൾ markdown converter, markdown renderer ആയി പ്രവർത്തിക്കുന്നു. markdown online preview ചെയ്യാനോ markdown formatting ടെസ്റ്റ് ചെയ്യാനോ ആവശ്യമുള്ളപ്പോൾ, local markdown editors അല്ലെങ്കിൽ installations ആവശ്യമില്ലാതെ ഈ browser-based ടൂൾ ഉടൻ തന്നെ ദൃശ്യ ഫീഡ്ബാക്ക് നൽകുന്നു.
ഡെവലപ്പർമാർക്കുള്ള സാധാരണ ഉപയോഗ സാഹചര്യങ്ങൾ
README ഫയലുകൾ, ഡോക്യുമെന്റേഷൻ, ബ്ലോഗ് പോസ്റ്റുകൾ, അല്ലെങ്കിൽ മാർക്ക്ഡൗൺ ഫോർമാറ്റിംഗ് ആവശ്യമായ GitHub ഇഷ്യൂകൾ എന്നിവ എഴുതുമ്പോൾ ഡെവലപ്പർമാർ മാർക്ക്ഡൗൺ പ്രിവ്യൂ ടൂളുകൾ ഉപയോഗിക്കുന്നു. കോഡ് ബ്ലോക്കുകൾ, പട്ടികകൾ, ലിങ്കുകൾ എന്നിവ ശരിയായി റെൻഡർ ചെയ്യുന്നതാണോ എന്ന് പരിശോധിക്കേണ്ട സാങ്കേതിക ഡോക്യുമെന്റേഷൻ തയ്യാറാക്കുമ്പോൾ മാർക്ക്ഡൗൺ പ്രിവ്യൂ പ്രവർത്തനം അനിവാര്യമാണ്. GitHub-ഫ്ലേവേർഡ് മാർക്ക്ഡൗൺ എഴുതുമ്പോൾ GitHub-ന്റെ റെൻഡറിംഗ് എൻജിനുമായി പൊരുത്തം ഉറപ്പാക്കാൻ പല ഡെവലപ്പർമാരും മാർക്ക്ഡൗൺ പ്രിവ്യൂ ഉപയോഗിക്കുന്നു. വെബ് പ്രസിദ്ധീകരണത്തിനായി മാർക്ക്ഡൗൺ HTML-ലേക്ക് മാറ്റുമ്പോൾ, Jekyll അല്ലെങ്കിൽ Hugo പോലുള്ള സ്റ്റാറ്റിക് സൈറ്റ് ജനറേറ്ററുകൾക്കായി മാർക്ക്ഡൗൺ സിന്റാക്സ് ടെസ്റ്റ് ചെയ്യുമ്പോൾ, അല്ലെങ്കിൽ മാർക്ക്ഡൗൺ റെൻഡറിംഗ് പിന്തുണയ്ക്കുന്ന പ്ലാറ്റ്ഫോമുകൾക്കായി മാർക്ക്ഡൗൺ ഉള്ളടക്കം സൃഷ്ടിക്കുമ്പോൾ ഈ ടൂൾ സഹായകരമാണ്. ബ്ലോഗുകൾ, വിക്കികൾ, അല്ലെങ്കിൽ ഡോക്യുമെന്റേഷൻ സൈറ്റുകൾ എന്നിവയിൽ പ്രസിദ്ധീകരിക്കുന്നതിന് മുമ്പ് ഫോർമാറ്റ് ചെയ്ത ഔട്ട്പുട്ട് കാണേണ്ട മാർക്ക്ഡൗൺ എഴുത്തുകാരായ കണ്ടന്റ് ക്രിയേറ്റർമാർക്കും ഇത് വിലപ്പെട്ടതാണ്.
ഡാറ്റ ഫോർമാറ്റുകൾ, തരങ്ങൾ, അല്ലെങ്കിൽ വകഭേദങ്ങൾ
മാർക്ക്ഡൗൺ പ്രിവ്യൂ സ്റ്റാൻഡേർഡ് CommonMark സിന്റാക്സിനെയും GitHub-ഫ്ലേവേർഡ് മാർക്ക്ഡൗൺ എക്സ്റ്റൻഷനുകളെയും പിന്തുണയ്ക്കുന്നു. ഹെഡറുകൾ, ബോൾഡ്, ഇറ്റാലിക്, ലിങ്കുകൾ, ലിസ്റ്റുകൾ പോലുള്ള അടിസ്ഥാന ഫോർമാറ്റിംഗിനൊപ്പം പട്ടികകൾ, സിന്റാക്സ് ഹൈലൈറ്റിംഗ് ഉള്ള കോഡ് ബ്ലോക്കുകൾ, സ്ട്രൈക്ക്ത്രൂ ടെക്സ്റ്റ്, ടാസ്ക് ലിസ്റ്റുകൾ പോലുള്ള അഡ്വാൻസ്ഡ് ഫീച്ചറുകളും ഇത് കൈകാര്യം ചെയ്യുന്നു. ഇൻലൈൻ കോഡ്, ഭാഷ നിർദ്ദേശത്തോടെ കോഡ് ഫെൻസുകൾ, ബ്ലോക്ക്ക്വോട്ടുകൾ, ഹൊറിസോണ്ടൽ റൂളുകൾ, ഇമേജ് എംബെഡുകൾ എന്നിവ ടൂൾ പ്രോസസ് ചെയ്യുന്നു. പട്ടികകൾ, ടാസ്ക് ലിസ്റ്റുകൾ, സ്ട്രൈക്ക്ത്രൂ, ഓട്ടോലിങ്കുകൾ എന്നിവയ്ക്ക് പിന്തുണ ചേർക്കുന്ന GitHub-ഫ്ലേവേർഡ് മാർക്ക്ഡൗൺ (GFM) ഉൾപ്പെടെ വിവിധ മാർക്ക്ഡൗൺ ഡയലക്ടുകൾ ഇത് പിന്തുണയ്ക്കുന്നു. ചില ഇംപ്ലിമെന്റേഷനുകൾ ഗണിത പ്രകടനങ്ങൾ, ഫൂട്ട്നോട്ടുകൾ, കസ്റ്റം എക്സ്റ്റൻഷനുകൾ എന്നിവയും പിന്തുണയ്ക്കും. ബ്ലോക്ക്-ലെവൽ എലമെന്റുകളും ഇൻലൈൻ ഫോർമാറ്റിംഗും പ്രിവ്യൂ കൈകാര്യം ചെയ്യുന്നതിനാൽ അന്തിമ റെൻഡർ ചെയ്ത ഔട്ട്പുട്ടിന്റെ കൃത്യമായ പ്രതിനിധാനം ഉറപ്പാക്കുന്നു.
സാധാരണ പിഴവുകളും എഡ്ജ് കേസുകളും
മാർക്ക്ഡൗൺ പ്രിവ്യൂ ഉപയോഗിക്കുമ്പോൾ വ്യത്യസ്ത മാർക്ക്ഡൗൺ പ്രോസസറുകൾ ഉള്ളടക്കം അല്പം വ്യത്യസ്തമായി റെൻഡർ ചെയ്യാം എന്നത് ശ്രദ്ധിക്കുക. GitHub-ഫ്ലേവേർഡ് മാർക്ക്ഡൗണിന് ലൈൻ ബ്രേക്കുകൾ, പട്ടിക ഫോർമാറ്റിംഗ്, ഓട്ടോലിങ്ക് ഡിറ്റക്ഷൻ എന്നിവയ്ക്കായി പ്രത്യേക നിയമങ്ങളുണ്ട്; അവ മറ്റ് മാർക്ക്ഡൗൺ ഇംപ്ലിമെന്റേഷനുകളുമായി പൊരുത്തപ്പെടണമെന്നില്ല. സാധാരണ പ്രശ്നങ്ങളിൽ അസംഗതമായ ലൈൻ ബ്രേക്ക് കൈകാര്യം ചെയ്യൽ (രണ്ട് സ്പേസുകൾ അല്ലെങ്കിൽ ഡബിൾ ന്യൂലൈൻ ആവശ്യപ്പെടുന്നത്), ഒരു പ്രോസസറിൽ പ്രവർത്തിക്കുന്ന പക്ഷേ മറ്റൊന്നിൽ പ്രവർത്തിക്കാത്ത പട്ടിക ഫോർമാറ്റിംഗ്, പ്രത്യേക അക്ഷരങ്ങൾ എസ്കേപ്പ് ചെയ്യുന്നതിലെ വ്യത്യാസങ്ങൾ എന്നിവ ഉൾപ്പെടുന്നു. കോഡ് ബ്ലോക്ക് സിന്റാക്സ് ഹൈലൈറ്റിംഗ് നിർദ്ദേശിച്ച ഭാഷയെയും ലഭ്യമായ സിന്റാക്സ് ഹൈലൈറ്ററിനെയും ആശ്രയിച്ച് മാറാം. മാർക്ക്ഡൗണിനുള്ളിൽ ഉൾപ്പെടുത്തിയ HTML പ്ലാറ്റ്ഫോമുകൾക്കിടയിൽ വ്യത്യസ്തമായി സാനിറ്റൈസ് ചെയ്യപ്പെടാം; അതിനാൽ ഉദ്ദേശിച്ച ഫോർമാറ്റിംഗ് തകരാൻ സാധ്യതയുണ്ട്. സ്ഥിരതയുള്ള റെൻഡറിംഗ് ഉറപ്പാക്കാൻ ലക്ഷ്യ പ്ലാറ്റ്ഫോമിൽ നിങ്ങളുടെ മാർക്ക്ഡൗൺ എല്ലായ്പ്പോഴും ടെസ്റ്റ് ചെയ്യുക.
കോഡിനേക്കാൾ ഈ ഉപകരണം എപ്പോൾ ഉപയോഗിക്കണം
വേഗത്തിൽ ഉള്ളടക്കം പരിശോധിക്കേണ്ടപ്പോൾ, ഒറ്റത്തവണ ഡോക്യുമെന്റ് സൃഷ്ടിക്കുമ്പോൾ, അല്ലെങ്കിൽ മാർക്ക്ഡൗൺ എഡിറ്ററുകൾ ഇൻസ്റ്റാൾ ചെയ്തിട്ടില്ലാത്ത മെഷീനുകളിൽ പ്രവർത്തിക്കുമ്പോൾ ഈ ബ്രൗസർ-അധിഷ്ഠിത മാർക്ക്ഡൗൺ പ്രിവ്യൂ ഉപയോഗിക്കുക. മാർക്ക്ഡൗൺ സിന്റാക്സ് ടെസ്റ്റ് ചെയ്യാൻ, പ്രസിദ്ധീകരിക്കുന്നതിന് മുമ്പ് ഉള്ളടക്കം പ്രിവ്യൂ ചെയ്യാൻ, അല്ലെങ്കിൽ ടെക്നിക്കൽ അല്ലാത്ത സ്റ്റേക്ക്ഹോൾഡർമാരുമായി ഫോർമാറ്റ് ചെയ്ത പ്രിവ്യൂകൾ പങ്കിടേണ്ടപ്പോൾ ഇത് അനുയോജ്യമാണ്. പ്രൊഡക്ഷൻ ഉള്ളടക്കം സൃഷ്ടിക്കാനായി, ലൈവ് പ്രിവ്യൂ ഉള്ള സമർപ്പിത മാർക്ക്ഡൗൺ എഡിറ്ററുകൾ (Typora, Mark Text, അല്ലെങ്കിൽ മാർക്ക്ഡൗൺ എക്സ്റ്റൻഷനുകളുള്ള VS Code പോലുള്ളവ) ഉപയോഗിക്കുന്നത് പരിഗണിക്കുക; ഇവ മികച്ച പ്രകടനം, ലോക്കൽ ഫയൽ മാനേജ്മെന്റ്, വേർഷൻ കൺട്രോളുമായുള്ള ഇന്റഗ്രേഷൻ എന്നിവ നൽകുന്നു. markdown-it, remark, അല്ലെങ്കിൽ marked പോലുള്ള ലൈബ്രറികൾ ഉപയോഗിച്ചുള്ള കോഡ്-അധിഷ്ഠിത മാർക്ക്ഡൗൺ പ്രോസസ്സിംഗ് റെൻഡറിംഗ് ഓപ്ഷനുകളിൽ കൂടുതൽ നിയന്ത്രണം നൽകുകയും ബിൽഡ് പൈപ്പ്ലൈനുകളിൽ ഇന്റഗ്രേറ്റ് ചെയ്യുകയും ചെയ്യാം. ബ്രൗസർ ടൂളുകൾ വേഗത്തിലുള്ള പ്രിവ്യൂക്കും ഷെയറിംഗിനും മികച്ചതാണ്; സമർപ്പിത എഡിറ്ററുകൾ സ്ഥിരമായി മാർക്ക്ഡൗൺ ഉള്ളടക്കം സൃഷ്ടിക്കുന്നതിനുള്ള വർക്ക്ഫ്ലോ ഇന്റഗ്രേഷൻ കൂടുതൽ മികച്ചതായി നൽകുന്നു.