வெளிப்புற ஹோஸ்டிங் இல்லாமல் உங்கள் GitHub README.md இல் படங்களைச் சேர்த்தல்

வெளிப்புற ஹோஸ்டிங் இல்லாமல் உங்கள் GitHub README.md இல் படங்களைச் சேர்த்தல்
வெளிப்புற ஹோஸ்டிங் இல்லாமல் உங்கள் GitHub README.md இல் படங்களைச் சேர்த்தல்

GitHub README.md இல் நேரடியாக படங்களை உட்பொதித்தல்

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

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

கட்டளை விளக்கம்
base64.b64encode() பைனரி தரவை Base64 சரத்திற்கு குறியாக்குகிறது, இது படங்களை நேரடியாக Markdown இல் உட்பொதிக்க பயன்படுகிறது.
.decode() Base64 பைட்டுகளை ஒரு சரமாக மாற்றுகிறது, இது HTML/Markdown இல் உட்பொதிக்க தயாராகிறது.
with open("file", "rb") படத் தரவைப் படிக்கத் தேவையான பைனரி ரீட் பயன்முறையில் கோப்பைத் திறக்கும்.
read() குறியாக்கத்திற்கான படத் தரவைப் படிக்க இங்கே பயன்படுத்தப்படும் கோப்பின் உள்ளடக்கத்தைப் படிக்கிறது.
write() ஒரு கோப்பிற்கு தரவை எழுதுகிறது, உரை கோப்பில் Base64 குறியிடப்பட்ட சரத்தை வெளியிட இங்கே பயன்படுத்தப்படுகிறது.
f-string ஸ்ட்ரிங் லிட்டரல்களுக்குள் வெளிப்பாடுகளை உட்பொதிப்பதற்கான பைதான் தொடரியல், குறியிடப்பட்ட படத்தை HTML img குறிச்சொல்லில் உட்பொதிக்கப் பயன்படுகிறது.

GitHub README.md இல் படங்களை எவ்வாறு உட்பொதிப்பது

மேலே வழங்கப்பட்ட ஸ்கிரிப்ட்கள் மூன்றாம் தரப்பு ஹோஸ்டிங் சேவைகளை நம்பாமல் உங்கள் GitHub README.md கோப்பில் படங்களைச் சேர்ப்பதற்கான வெவ்வேறு முறைகளை விளக்குகின்றன. முதல் ஸ்கிரிப்ட் பயன்படுத்துகிறது base64.b64encode() ஒரு படத்தை Base64 குறியிடப்பட்ட சரமாக மாற்ற. இந்த முறை பயனுள்ளதாக இருக்கும், ஏனெனில் இது README கோப்பில் நேரடியாக படத்தை உட்பொதிக்க அனுமதிக்கிறது. தி with open("image.png", "rb") கட்டளை படக் கோப்பை பைனரி ரீட் முறையில் திறக்கிறது, இது ஸ்கிரிப்டை படத் தரவைப் படிக்க அனுமதிக்கிறது. தி encoded_string = base64.b64encode(image_file.read()).decode() வரியானது படத் தரவை Base64 சரத்தில் குறியாக்குகிறது மற்றும் HTML இல் உட்பொதிக்க ஏற்ற வடிவமைப்பில் அதை டிகோட் செய்கிறது. இறுதியாக, ஸ்கிரிப்ட் இந்த குறியிடப்பட்ட சரத்தை ஒரு HTML ஆக வடிவமைக்கப்பட்ட ஒரு உரை கோப்பில் எழுதுகிறது குறிச்சொல்.

படங்களை உட்பொதிக்க GitHub இன் மூல URL அம்சத்தை எவ்வாறு பயன்படுத்துவது என்பதை இரண்டாவது ஸ்கிரிப்ட் விளக்குகிறது. உங்கள் படத்தை நேரடியாக உங்கள் களஞ்சியத்தில் பதிவேற்றி, மூல URL ஐ நகலெடுப்பதன் மூலம், இந்த URL ஐ உங்கள் README.md கோப்பில் குறிப்பிடலாம். கட்டளை ![Alt text](https://raw.githubusercontent.com/username/repo/branch/images/image.png) மார்க் டவுனில் பட இணைப்பை எவ்வாறு வடிவமைப்பது என்பதைக் காட்டுகிறது. இந்த முறை நேரடியானது மற்றும் கூடுதல் குறியாக்கம் தேவையில்லை, ஆனால் இது உங்கள் களஞ்சியத்தில் இருக்கும் படத்தை சார்ந்துள்ளது. மூன்றாவது முறையானது உங்கள் களஞ்சியத்தில் சேமிக்கப்பட்ட படங்களைக் குறிப்பிடுவதற்கு தொடர்புடைய பாதைகளைப் பயன்படுத்துகிறது. உங்கள் படத்தை ஒரு குறிப்பிட்ட கோப்பகத்தில் பதிவேற்றிய பிறகு, நீங்கள் தொடர்புடைய பாதையைப் பயன்படுத்தலாம் ![Alt text](images/image.png) உங்கள் README.md இல். கோப்பக அமைப்பு சீராக இருக்கும் வரை, இந்த அணுகுமுறை உங்கள் பட இணைப்புகளை வெவ்வேறு கிளைகள் மற்றும் களஞ்சியத்தின் கிளைகளுக்குள் செயல்பட வைக்கும்.

Base64 குறியாக்கத்தைப் பயன்படுத்தி GitHub README.md இல் படங்களை உட்பொதித்தல்

Base64 குறியாக்கத்திற்கான பைதான் ஸ்கிரிப்ட்

import base64
with open("image.png", "rb") as image_file:
    encoded_string = base64.b64encode(image_file.read()).decode()
with open("encoded_image.txt", "w") as text_file:
    text_file.write(f"<img src='data:image/png;base64,{encoded_string}'>")

Raw Content URL வழியாக GitHub README.md இல் படங்களைச் சேர்த்தல்

GitHub இன் ரா URL அம்சத்தைப் பயன்படுத்துதல்

1. Upload your image to the repository (e.g., /images/image.png)
2. Copy the raw URL of the image: https://raw.githubusercontent.com/username/repo/branch/images/image.png
3. Embed the image in your README.md:
![Alt text](https://raw.githubusercontent.com/username/repo/branch/images/image.png)

தொடர்புடைய பாதைகளுடன் மார்க் டவுன் வழியாக README.md இல் படங்களை உட்பொதித்தல்

மார்க் டவுனில் தொடர்புடைய பாதைகளைப் பயன்படுத்துதல்

1. Upload your image to the repository (e.g., /images/image.png)
2. Use the relative path in your README.md:
![Alt text](images/image.png)
3. Commit and push your changes to GitHub

GitHub செயல்களுடன் README.md இல் படங்களை உட்பொதித்தல்

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

அத்தகைய பணிப்பாய்வு அமைக்க, நீங்கள் ஒரு YAML கோப்பை உருவாக்க வேண்டும் .github/workflows உங்கள் களஞ்சியத்தின் அடைவு. களஞ்சியத்தை சரிபார்த்தல், படங்களை குறியாக்க ஸ்கிரிப்டை இயக்குதல் மற்றும் களஞ்சியத்தில் மாற்றங்களைச் செய்தல் உள்ளிட்ட பணிப்பாய்வுகளின் படிகளை இந்தக் கோப்பு வரையறுக்கும். இந்த செயல்முறையை தானியக்கமாக்குவதன் மூலம், உங்கள் README.md ஐ கைமுறையான தலையீடு இல்லாமல் சமீபத்திய படங்களுடன் புதுப்பிக்கலாம், செயல்திறனை மேம்படுத்தலாம் மற்றும் நெறிப்படுத்தப்பட்ட பணிப்பாய்வுகளை பராமரிக்கலாம்.

GitHub README.md இல் படங்களை உட்பொதிப்பது பற்றி அடிக்கடி கேட்கப்படும் கேள்விகள்

  1. எனது GitHub களஞ்சியத்தில் படங்களை எவ்வாறு பதிவேற்றுவது?
  2. GitHub இல் உள்ள கோப்பு காட்சியில் இழுத்து விடுவதன் மூலமோ அல்லது பயன்படுத்துவதன் மூலமோ படங்களை பதிவேற்றலாம் git add கட்டளை தொடர்ந்து git commit மற்றும் git push.
  3. Base64 குறியாக்கம் என்றால் என்ன?
  4. Base64 குறியாக்கம் ASCII எழுத்துகளைப் பயன்படுத்தி பைனரி தரவை உரை வடிவமாக மாற்றுகிறது, இது படங்கள் போன்ற பைனரி கோப்புகளை உரை ஆவணங்களாக உட்பொதிக்க ஏற்றதாக அமைகிறது.
  5. GitHub இல் படத்தின் மூல URL ஐ எவ்வாறு பெறுவது?
  6. உங்கள் களஞ்சியத்தில் உள்ள படத்தைக் கிளிக் செய்து, "பதிவிறக்கு" பொத்தானைக் கிளிக் செய்யவும். மூல URL உங்கள் உலாவியின் முகவரிப் பட்டியில் இருக்கும்.
  7. README.md இல் உள்ள படங்களுக்கு தொடர்புடைய பாதைகளை ஏன் பயன்படுத்த வேண்டும்?
  8. உங்கள் களஞ்சியத்தின் வெவ்வேறு கிளைகள் மற்றும் கிளைகளுக்குள் பட இணைப்புகள் செயல்படுவதை உறவினர் பாதைகள் உறுதி செய்கின்றன.
  9. படத்தை உட்பொதிப்பதை தானியங்குபடுத்த நான் GitHub செயல்களைப் பயன்படுத்தலாமா?
  10. ஆம், படங்களை தானாக குறியாக்க மற்றும் உங்கள் README.md கோப்பை புதுப்பிக்க GitHub செயல்கள் மூலம் பணிப்பாய்வுகளை உருவாக்கலாம்.
  11. GitHub செயல்களைப் பயன்படுத்த எனக்கு ஏதேனும் சிறப்பு அனுமதிகள் தேவையா?
  12. களஞ்சியத்திற்கான எழுத்து அணுகல் இருக்கும் வரை, நீங்கள் GitHub செயல்களின் பணிப்பாய்வுகளை உருவாக்கி இயக்கலாம்.
  13. README.md இல் Base64 குறியாக்கத்தைப் பயன்படுத்துவதால் என்ன பயன்?
  14. Base64 குறியிடப்பட்ட சரங்களாகப் படங்களை உட்பொதிப்பது, அவற்றை README.md கோப்பிற்குள் சுயமாக வைத்திருக்கும், வெளிப்புற பட ஹோஸ்டிங்கின் சார்புகளை நீக்குகிறது.
  15. எனது README.md இல் அனிமேஷன் செய்யப்பட்ட GIFகளை உட்பொதிக்க முடியுமா?
  16. ஆம், நேரடி இணைப்புகள், Base64 குறியாக்கம் அல்லது தொடர்புடைய பாதைகள் மூலம் விவரிக்கப்பட்டுள்ள அதே முறைகளைப் பயன்படுத்தி அனிமேஷன் செய்யப்பட்ட GIFகளை உட்பொதிக்கலாம்.

README.md இல் படங்களை உட்பொதிப்பது குறித்த இறுதி எண்ணங்கள்

உங்கள் GitHub README.md கோப்பில் படங்களை உட்பொதிப்பது உங்கள் திட்டங்களின் காட்சி முறையீட்டையும் தெளிவையும் மேம்படுத்துகிறது. Base64 குறியாக்கம், மூல URLகள் மற்றும் தொடர்புடைய பாதைகள் போன்ற முறைகளைப் பயன்படுத்துவதன் மூலம், வெளிப்புற ஹோஸ்டிங் சேவைகளைச் சார்ந்து இல்லாமல் படங்களை நீங்கள் திறம்படச் சேர்க்கலாம். GitHub செயல்களுடன் இந்த செயல்முறையை தானியக்கமாக்குவது பட நிர்வாகத்தை மேலும் எளிதாக்குகிறது. இந்த உத்திகள் உங்கள் பணியின் தொழில்முறை மற்றும் மெருகூட்டப்பட்ட விளக்கக்காட்சியைப் பராமரிக்க உதவுகின்றன, மேலும் உங்கள் களஞ்சியங்களை மேலும் ஈடுபாட்டுடன் மற்றும் தகவல் தரும்.