ബാഹ്യ ഹോസ്റ്റിംഗ് ഇല്ലാതെ നിങ്ങളുടെ GitHub README.md-ലേക്ക് ചിത്രങ്ങൾ ചേർക്കുന്നു

GitHub README.md-ൽ ചിത്രങ്ങൾ നേരിട്ട് ഉൾച്ചേർക്കുന്നു

അടുത്തിടെ, ഞാൻ GitHub-ൽ ചേർന്നു, എൻ്റെ ചില പ്രോജക്റ്റുകൾ അവിടെ ഹോസ്റ്റുചെയ്യാൻ തുടങ്ങി. എൻ്റെ README ഫയലിൽ ചിത്രങ്ങൾ ഉൾപ്പെടുത്തേണ്ടതിൻ്റെ ആവശ്യകതയാണ് ഞാൻ നേരിട്ട ഒരു ജോലി.

പരിഹാരങ്ങൾക്കായി തിരഞ്ഞിട്ടും, മൂന്നാം കക്ഷി വെബ് സേവനങ്ങളിൽ ചിത്രങ്ങൾ ഹോസ്റ്റുചെയ്യാനും അവയിലേക്ക് ലിങ്കുചെയ്യാനുമുള്ള നിർദ്ദേശങ്ങൾ മാത്രമാണ് ഞാൻ കണ്ടെത്തിയത്. ബാഹ്യ ഹോസ്റ്റിംഗിനെ ആശ്രയിക്കാതെ നേരിട്ട് ചിത്രങ്ങൾ ചേർക്കാൻ എന്തെങ്കിലും വഴിയുണ്ടോ?

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 പകർത്തുകയും ചെയ്യുന്നതിലൂടെ, നിങ്ങളുടെ README.md ഫയലിൽ നിങ്ങൾക്ക് ഈ URL റഫറൻസ് ചെയ്യാൻ കഴിയും. ആജ്ഞ  മാർക്ക്ഡൗണിലെ ഇമേജ് ലിങ്ക് എങ്ങനെ ഫോർമാറ്റ് ചെയ്യാമെന്ന് കാണിക്കുന്നു. ഈ രീതി ലളിതമാണ് കൂടാതെ അധിക എൻകോഡിംഗ് ആവശ്യമില്ല, എന്നാൽ ഇത് നിങ്ങളുടെ ശേഖരത്തിൽ ലഭ്യമായ ചിത്രത്തെ ആശ്രയിച്ചിരിക്കുന്നു. മൂന്നാമത്തെ രീതി നിങ്ങളുടെ റിപ്പോസിറ്ററിയിൽ സംഭരിച്ചിരിക്കുന്ന ചിത്രങ്ങളെ റഫറൻസ് ചെയ്യാൻ ആപേക്ഷിക പാതകൾ ഉപയോഗിക്കുന്നു. നിങ്ങളുടെ ചിത്രം ഒരു നിർദ്ദിഷ്ട ഡയറക്ടറിയിലേക്ക് അപ്‌ലോഡ് ചെയ്‌ത ശേഷം, നിങ്ങൾക്ക് ആപേക്ഷിക പാത ഉപയോഗിക്കാം  നിങ്ങളുടെ README.md-ൽ. ഡയറക്‌ടറി ഘടന സ്ഥിരമായി നിലകൊള്ളുന്നിടത്തോളം, ഈ സമീപനം നിങ്ങളുടെ ഇമേജ് ലിങ്കുകളെ ശേഖരത്തിൻ്റെ വിവിധ ശാഖകളിലും ഫോർക്കുകളിലും പ്രവർത്തനക്ഷമമാക്കുന്നു.

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}'>")

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)

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, സ്വമേധയാലുള്ള ഇടപെടൽ കൂടാതെ, കാര്യക്ഷമത മെച്ചപ്പെടുത്തുകയും കാര്യക്ഷമമായ വർക്ക്ഫ്ലോ നിലനിർത്തുകയും ചെയ്യാതെ ഏറ്റവും പുതിയ ചിത്രങ്ങൾ ഉപയോഗിച്ച് നിങ്ങൾക്ക് അപ്ഡേറ്റ് ചെയ്യാൻ കഴിയും.