டிஸ்கார்டில் உரையின் நிறத்தை எவ்வாறு மாற்றுவது

டிஸ்கார்ட் சிறப்பாக ஆதரிக்காத ஒன்று துடிப்பான மற்றும் வண்ணமயமான உரை அரட்டை அனுபவம். உரை அரட்டை உள்ளது, ஆனால் உள்ளமைக்கப்பட்ட வண்ண கட்டளைகள் எதுவும் இல்லை, முதல் பார்வையில், உங்கள் உரையுடன் "ஆடம்பரமான" எதையும் செய்ய வழி இல்லை. எளிய உரை மிக விரைவாக எரிச்சலூட்டும் - ஆனால் உண்மையில், உங்கள் உரை நிறத்தை மாற்ற வழிகள் உள்ளன.

இந்தக் கட்டுரையில், உங்கள் டிஸ்கார்ட் உரை அரட்டைகளில் தடித்த வண்ணங்களைப் பெறுவது எப்படி என்பதைக் காண்பிப்போம்.

எப்படி இது செயல்படுகிறது

சோலரைஸ்டு டார்க் எனப்படும் தீம் மற்றும் highlight.js எனப்படும் நூலகத்துடன் டிஸ்கார்ட் அதன் இடைமுகங்களை உருவாக்க ஜாவாஸ்கிரிப்டைப் பயன்படுத்துகிறது. அதாவது, உங்கள் டிஸ்கார்ட் சர்வரில் நீங்கள் உள்நுழைந்திருக்கும் போது, ​​நீங்கள் பார்க்கும் பக்கம் highlight.js உட்பட அதிநவீன ஜாவாஸ்கிரிப்ட் நிரல்களின் வரிசையால் ரெண்டர் செய்யப்படுகிறது.

நேட்டிவ் டிஸ்கார்ட் பயனர் இடைமுகம் உங்கள் உரையை வண்ணமயமாக்குவதற்கு எந்த ஆதரவையும் வழங்கவில்லை என்றாலும், ஹைலைட்.ஜேஎஸ் ஸ்கிரிப்டை இயக்கும் ஜாவாஸ்கிரிப்ட் இன்ஜின், செய்கிறது. உங்கள் உரை அரட்டையில் குறியீட்டின் துணுக்குகளைச் செருகுவதன் மூலம், அனைவரின் உரை அரட்டை சாளரத்திலும் அச்சிடப்பட்ட வார்த்தைகளின் நிறத்தை மாற்றலாம்.

புரிந்து கொள்ள வேண்டிய அடிப்படை கருத்து என்னவென்றால், கொடுக்கப்பட்ட உரையின் நிறத்தை மாற்ற, நீங்கள் அந்த உரையை ஒரு குறியீடு தொகுதியில் இணைக்க வேண்டும். இது உங்கள் உரையை நடுத்தரத் தொகுதியாகக் கொண்ட மூன்று வரித் தொகுதி.

"பின் மேற்கோள்" சின்னத்தைப் பயன்படுத்துதல்

டிஸ்கார்டில் உள்ள எந்த உரையையும் வண்ணக் குறியீடு செய்ய, உங்கள் கீபோர்டின் மேல் இடது மூலையில் உள்ள பின்கோட் குறியீட்டைப் பயன்படுத்த வேண்டும். இது டில்டே சின்னத்துடன் வருகிறது:

குறியீட்டின் முதல் வரியை எழுதுங்கள்

குறியீடு தொகுதியின் முதல் வரி இருக்க வேண்டும் மூன்று "`" பின்கோட் குறியீடுகள் ("'), சோலரைஸ்டு டார்க் தீம் என்ன நிறத்தைக் காட்ட வேண்டும் என்பதைக் கூறும் குறியீட்டு சொற்றொடரைத் தொடர்ந்து. இது இப்படி இருக்க வேண்டும்:

குறிப்பு: "CSS" என்பது நீங்கள் விரும்பும் வெளியீட்டைப் பொறுத்து "Tex" அல்லது வேறு சொற்றொடராக மாறலாம். அதை நாங்கள் கீழே காண்போம்.

இரண்டாவது வரியைத் தட்டச்சு செய்யவும்

இரண்டாவது வரியானது உங்கள் உரையை நீங்கள் வழக்கமாக தட்டச்சு செய்திருக்க வேண்டும். புதிய வரியை உருவாக்க "Shift+Enter" ஐ அழுத்திப் பிடிக்கவும். "Enter" பட்டனை மட்டும் கிளிக் செய்வதன் மூலம் செய்தி அனுப்பப்படும், எனவே நீங்கள் "Shift with it"ஐ அழுத்திப் பிடிக்க வேண்டும்.

உங்கள் மூன்றாவது வரியைத் தட்டச்சு செய்யவும்

குறியீடு தொகுதியின் மூன்றாவது வரி மேலும் மூன்று பின்கோட்டுகளாக இருக்க வேண்டும்: ("`). நீங்கள் எதிர்பார்க்கும் முடிவைப் பொருட்படுத்தாமல் இது அரிதாகவே மாறுகிறது, மேலும் இது இப்படி இருக்க வேண்டும்:

நாங்கள் “` CSS ஐப் பயன்படுத்தியதால், உங்கள் உரை இவ்வாறு தோன்றும்:

உங்கள் உரையை உள்ளிடுகிறது

இந்த வழியில் உரையை உள்ளிட இரண்டு அடிப்படை வழிகள் உள்ளன. முதல் வழி, இந்த பாணியில் நீங்கள் அணுகக்கூடிய வெவ்வேறு உரை வண்ணங்களுக்கான பல்வேறு குறியீடுகளுடன் ஒரு உரை கோப்பை உங்கள் கணினியில் வைத்திருப்பது மற்றும் நீங்கள் பயன்படுத்த விரும்பும் பகுதிகளை வெட்டி ஒட்டுவது.

மற்றொரு வழி, கோட் பிளாக்கை நேரடியாக டிஸ்கார்ட் அரட்டை இயந்திரத்தில் வரியாக உள்ளிடுவது. ஒரு வரியைத் தட்டச்சு செய்து, பின்னர் செய்தியை டிஸ்கார்டுக்கு அனுப்பாமல் மற்றொரு வரியை உருவாக்க “shift-Enter” ஐ அழுத்தவும். இரண்டாவது வரியைத் தட்டச்சு செய்து, shift-Enter ஐ அழுத்தவும். பின்னர் மூன்றாவது வரியைத் தட்டச்சு செய்து Enter ஐ அழுத்தவும், முழு தொகுதியும் ஒரே நேரத்தில் அனுப்பப்பட்டு உங்கள் உரையைக் காண்பிக்கும்.

இந்த முறைக்கு சில வரம்புகள் உள்ளன. ஒன்று, நீங்கள் வண்ணமயமாக்க விரும்பும் உரையின் ஒவ்வொரு வரிக்கும் இதைச் செய்ய வேண்டும் - நீங்கள் வண்ணத்தை இயக்கவோ அல்லது அணைக்கவோ முடியாது. இரண்டு, உங்கள் உரை டிஸ்கார்ட் சர்வரில் ஒரு பெட்டியில் தோன்றும்.

உங்கள் வண்ண விருப்பங்கள்

highlight.js குறியீடுகள் இயல்புநிலை சாம்பல் நிறத்துடன் கூடுதலாக ஏழு புதிய வண்ணங்களுக்கான அணுகலை வழங்குகிறது. நீங்கள் இவற்றைக் குறைத்தவுடன், மார்க் டவுன் குறியீடுகள் நிறைய அர்த்தமுள்ளதாகத் தொடங்குகின்றன, விளையாட பயப்பட வேண்டாம் மற்றும் புதியவற்றைக் கண்டுபிடிக்க முயற்சிக்கவும்.

அவற்றின் தோற்றத்தின் குறியீடுகள் மற்றும் மாதிரிகள் இங்கே உள்ளன.

வெற்று சாம்பல் (ஆனால் ஒரு பெட்டியில்)

`மாதிரி உரை`

பச்சை (வகை)

“`CSS

மாதிரி உரை

“`

பச்சை உரையை உருவாக்க மற்றொரு வழி diff முறையைப் பயன்படுத்துகிறது. இது போல் தெரிகிறது:

"" வேறுபாடு

+ மாதிரி உரை

“`

உங்கள் உரைக்கு முன் ‘+’ ஐச் சேர்ப்பது பச்சை நிறத்தை மாற்றும்.

சியான்

"`யாம்ல்

மாதிரி உரை

“`

மஞ்சள்

"`HTTP

மாதிரி உரை

“`

ஆரஞ்சு

“`ARM

மாதிரி உரை

“`

(இங்கே மெல்லிய நடத்தைக்கான ஒரு எடுத்துக்காட்டு என்பதை நினைவில் கொள்க - முதல் வார்த்தை மட்டுமே வண்ணமயமாக்கப்பட்டது, மேலும் முழு வரியையும் வண்ணமயமாக்க என்னால் முடியவில்லை).

சிவப்பு

""எக்செல்

மாதிரி உரை

“`

(மற்றொரு செதில்களாக).

மஞ்சள் நிறமா?

மஞ்சள் உரையைப் பெற இரண்டு வழிகள் உள்ளன. முதலாவது மிகவும் நம்பகமானது, இரண்டாவது முறை சில சொற்களை மட்டுமே எடுத்துக்காட்டுகிறது.

"`சரி

மாதிரி உரை

“`

“`எல்ம்

மாதிரி உரை

“`

என்பதை கவனிக்கவும் எல்ம் கட்டளை பெரிய எழுத்துக்களில் தொடங்கும் வார்த்தைகளை மட்டுமே முன்னிலைப்படுத்துகிறது.

நீலம்

"`இனி

[மாதிரி உரை]

“`

மேம்பட்ட நுட்பங்கள்

அதே அடிப்படை நுட்பத்தைப் பயன்படுத்தி உங்கள் உரையை வண்ணங்களில் காண்பிக்க வேறு சில வழிகள் உள்ளன, ஆனால் இன்னும் மேம்பட்ட வழியில். டெவலப்பர் ஒரு நிரலை எழுதும் போது, ​​இந்த வடிவங்கள் குறியீடு தொகுதிகளைக் காட்டுவதற்காகவே இவை அனைத்தும் செயல்படுவதற்கான காரணம் (வகையானது).

“` க்குப் பின் வரும் முதல் உரை, highlight.js எந்த ஸ்கிரிப்டிங் மொழியை வடிவமைக்க வேண்டும் என்பதைக் கூறுகிறது, மேலும் ஒரு வரியில் நேரடியாக வண்ணங்களை அனுப்ப சில வெளிப்படையான வழிகள் உள்ளன.

நீங்கள் பயன்படுத்தக்கூடிய சில மொழிகள் மற்றும் வண்ணத்தை கட்டாயப்படுத்துவதற்கான வழிகள் இங்கே உள்ளன. அவர்களுடன் பரிசோதனை செய்து பாருங்கள், நீங்கள் எல்லா நேரத்திலும் வண்ணமயமான உரைச் செய்திகளை எழுதுவதை விரைவில் காண்பீர்கள்.

நீங்கள் விரும்பும் தோற்றத்தை அடைய பல்வேறு அடைப்புக்குறிகளைப் பயன்படுத்தலாம். உங்கள் நீல நிற விருப்பங்களால் ஏமாற்றமடைந்தீர்களா? இதை முயற்சித்து பார்:

வண்ண-குறியீட்டு உரைகளுக்கு இந்த நிஃப்டி தந்திரம் உள்ளது:

கடைசியாக, நீங்கள் சில அழகான வண்ணமயமான செய்திகளை உருவாக்க “டெக்ஸைப் பயன்படுத்தலாம். உங்கள் உரை வித்தியாசமாகத் தோன்ற வெவ்வேறு குறியீடுகளை முயற்சிக்கவும்:

இதைப் பற்றிய கூடுதல் தகவலுக்கு, Highlight.js.org ஐப் பார்க்கவும் அல்லது Discord Highlight.js என்ற டிஸ்கார்ட் சர்வரில் சேரவும்.

முயற்சிக்க வேண்டிய பிற விஷயங்கள்:

மேலே உள்ள உள்ளீடுகள் எல்லா பயனர்களுக்கும் வேலை செய்யாது என்பதை நாங்கள் கவனித்தோம்.

CSS வேலை செய்யவில்லை என்றால், முயற்சிக்கவும்:

“`CSS

மாதிரி உரை"`

இது CSS இல் உள்ள பெரும்பாலான சிக்கல்களைச் சரிசெய்வதாகத் தெரிகிறது. நீங்கள் டிஸ்கார்ட் டெஸ்க்டாப் பயன்பாட்டைப் பயன்படுத்தினால் அல்லது இணைய உலாவியைப் பயன்படுத்தினால், மார்க் டவுன் குறியீடுகளை எவ்வாறு தட்டச்சு செய்ய வேண்டும் என்பதைப் பாதிக்கலாம். உங்களுக்கான சரியான மார்க் டவுனை நீங்கள் தட்டச்சு செய்தவுடன், பின்னர் விரைவான அணுகலுக்காக அதை நகலெடுத்து உங்கள் டெஸ்க்டாப்பில் ஒட்டவும்.

டிஸ்கார்ட் போட்கள்

உங்கள் சர்வரில் சில நிறங்களை மாற்றுவதற்கு நிறைய டிஸ்கார்ட் போட்கள் உள்ளன - இவற்றில் பல குறிப்பிட்ட பாத்திரங்களின் வண்ணங்களைப் புதுப்பிக்கின்றன ஆனால் உரை அல்ல. எங்கள் ஆராய்ச்சியின் அடிப்படையில், உங்கள் உரையின் நிறத்தை எளிதாக மாற்றும் போட்கள் எதுவும் இல்லை.

இன்னும் மேம்பட்ட பயனர்களுக்கு, உட்பொதிப்புகள் மற்றும் வெப்ஹூக்குகளை செய்திகளாகச் சேர்க்க டிஸ்கார்ட் உங்களை அனுமதிக்கிறது. வண்ணத் தொகுதிகளைக் காட்டவும் மார்க் டவுன் உரையை ஆதரிக்கவும் இவை பயன்படுத்தப்படலாம். டிஸ்கார்ட் வெப்ஹூக்கிற்குச் செல்வதன் மூலம் இந்த அம்சம் எவ்வாறு செயல்படுகிறது என்பதை நீங்கள் பார்க்கலாம்.

பிற உரை தனிப்பயனாக்குதல் விருப்பங்கள்

டிஸ்கார்டில் உங்கள் உரையுடன் விளையாடுவதற்கு கூடுதல் விருப்பங்கள் உள்ளன.

தடித்த – **இது தைரியமானது**

சாய்வு - *இது சாய்வாக உள்ளது*

தடித்த & சாய்வு - *** இது தடிமனாகவும் சாய்வாகவும் உள்ளது*** (அருமையானது, இல்லையா?)

அடிக்கோடு - _இது அடிக்கோடிட்ட உரையை உருவாக்குகிறது_

வேலைநிறுத்தம்- ~~இது உரை மூலம் வேலைநிறுத்தம்~~

நீங்கள் எவ்வளவு அதிகமாக டிஸ்கார்டைத் தெரிந்துகொள்கிறீர்களோ, அவ்வளவு அதிகமாக கற்றுக்கொள்ள வேண்டும். இந்த விருப்பங்களுடன் விளையாடுங்கள், மேலும் __*** அடிக்கோடிட்ட, தடிமனான மற்றும் சாய்வு செய்யப்பட்ட***__ உரை போன்ற பலவற்றைச் செய்ய முடியும் என்பதை விரைவில் உணர்வீர்கள். நீங்கள் ஒரு நிபுணராக மாறியதும், இந்த தனிப்பயனாக்கங்களை எவ்வாறு செய்வது என்பதை மற்றவர்களுக்குக் காட்ட விரும்பலாம். அப்படியானால், *சாய்வு* போன்ற உள்ளடக்கத்திற்கு இடையில் ஒரு பின்சாய்வு போடவும்.

அடிக்கடி கேட்கப்படும் கேள்விகள்

இவற்றில் சில வேலை செய்யவில்லை என்றால் நான் என்ன செய்ய முடியும்?

2021 ஜூலையில் எங்கள் சோதனைகளின் அடிப்படையில், வெப் கிளையண்டை விட டிஸ்கார்ட் டெஸ்க்டாப் பயன்பாட்டில் மேலே பட்டியலிடப்பட்ட மார்க் டவுன்களைப் பயன்படுத்தி அதிக வெற்றியைப் பெற்றோம். இந்தக் குறியீடுகளில் சிக்கல் இருந்தால், அதற்குப் பதிலாக ஆப்ஸை முயற்சிக்கவும். நிச்சயமாக, நாங்கள் மேலே குறிப்பிட்டுள்ளபடி, நீங்கள் எந்த டிஸ்கார்ட் பதிப்பைப் பயன்படுத்துகிறீர்கள் என்பதைப் பொருட்படுத்தாமல் இவற்றில் சில மற்றவர்களை விட சிறப்பாக செயல்படுகின்றன. ஆனால், ஒட்டுமொத்தமாக, அவை மிகவும் நம்பகமானவை.

உரைக்கு வண்ணம் தீட்டக்கூடிய டிஸ்கார்டிற்கான போட் உள்ளதா?

முற்றிலும்! ஒரு எளிய ஆன்லைன் தேடல் டிஸ்கார்டில் உங்கள் உரையின் நிறத்தை மாற்றக்கூடிய சில போட்களை இழுக்கும். ஒரு பரந்த தேடலைச் செய்து, உங்கள் தேவைகளுக்கு மிகவும் பொருத்தமானவற்றை மதிப்பாய்வு செய்யவும். ஒவ்வொரு போட்டின் மதிப்புரைகளையும் திறன்களையும் சரிபார்த்து அவற்றை உங்கள் சர்வரில் சேர்க்கவும்.

இவை எனக்கு வேலை செய்யவில்லை. நான் வேறு என்ன செய்ய முடியும்?

மேலே உள்ள எடுத்துக்காட்டுகள் எங்கள் வாசகர்களுக்கு வேலை செய்யாததற்கு மிகவும் பொதுவான காரணம் என்னவென்றால், டிஸ்கார்ட் பாக்டிக்கை மட்டுமே அங்கீகரிக்கிறது, மேற்கோள் குறிகளை அல்ல. உங்கள் விசைப்பலகையின் மேல் இடது மூலையில், மேலே உள்ள டில்டே விருப்பத்துடன் பேக்டிக் விசையைக் காண்பீர்கள். மேற்கோள் குறிகளுக்குப் பதிலாக அந்த விசையைப் பயன்படுத்தவும் (ஷிப்ட் விசைக்கு அடுத்துள்ள உங்கள் விசைப்பலகையின் வலது பக்கத்தில் உள்ள விசை).