একটি গিটহাব উইকি (গোললাম) ভান্ডারের ভিতরে চিত্রগুলি এম্বেড করা আছে?


87

গিথুব উইকিগুলির একটি পৃথক গিট সংগ্রহস্থল এবং তারপরে মূল প্রকল্পের সংগ্রহশালা দ্বারা সমর্থিত।

গিথুব টিমের এই পোস্টটি এমন শোনাচ্ছে যে উইকি মার্কআপের অভ্যন্তরে উইকির সংগ্রহস্থলে থাকা চিত্রগুলির সাথে আপনার লিঙ্ক করতে সক্ষম হওয়া উচিত।

চিত্র এবং ফোল্ডার

আপনি এখন গিট সংগ্রহস্থলের অভ্যন্তরে হোস্ট করা চিত্রগুলি উল্লেখ করতে পারেন।

আমি আমার উইকির সংগ্রহশালাটি পরীক্ষা করে দেখেছি এবং এটিতে একটি উত্স ফোল্ডার এবং একটি চিত্র ধাক্কা দিয়েছি। আমার প্রশ্ন হ'ল আমি কীভাবে এই চিত্রটি ব্যবহার করব ?

এটি কি সম্ভব নাকি আমি কিছু ভুল বুঝেছি?


ইমেজ-টু-উইকিগুলি সম্পর্কে একটি গিথুব-ফ্যাক রয়েছে তবে এটি এখানে সংক্ষিপ্ত আপেক্ষিক চিত্র url সম্পর্কে কোনও ইনফস নেই
বি

উত্তর:


57

আপেক্ষিক পাথ ব্যবহার করতে করুন:

[[foo.jpg]]

আরও তথ্যের জন্য, চিত্রগুলিতে ডেমো উইকির পৃষ্ঠাটি দেখুন


এই পথটি হার্ডকোডিংয়ের চেয়ে ভাল। আমি এই জিনিসটি ব্যবহার করে কীভাবে Alt পাঠ্য তৈরি করব তা কেবলমাত্র আমি বুঝতে পারি না। ওহ এবং সেই ডেমোতে থাকা চিত্রগুলি আমার জন্য লোড হয় না।
জেমস ম্যাকমাহন

আপনি যদি গিটটি ক্লোন করেন: //github.com/mojombo/gollum-demo.git এবং তারপরে চালানো হয় gollum, আপনি সেগুলি দেখতে পাবেন। :)
বেনজমিন ওকে

4
সম্ভবত আমি কিছু মিস করছি ... তবে [[wiki syntax]]এই উইকির কাজগুলি যা আমি সহায়তা করি: github.com/newhavenrb/conferences/wiki/WindyCityRails-2012 সম্ভবত আপনি এটি একটি README দিয়ে চেষ্টা করছেন?
বেনজমিন ওকে

4
উইকি সিনট্যাক্স ফাইল এক্সটেনশন দ্বারা নির্ধারিত হয়। .wikiমিডিয়াউইকি স্টাইল ব্যবহার করে। .mdমার্কডাউন স্টাইল ব্যবহার করে (রায়ানকিউ এর উত্তর)।
ড্রউ নোকস

4
এই উত্তরটি আর কাজ করে না, নীচে @ ওয়ার্নারের উত্তর দেখুন (সংক্ষেপে, ব্যবহার করুন! [পাঠ্য] (চিত্রগুলি / someimage.png) এবং সংরক্ষণ করুন - পূর্বরূপে প্রদর্শিত হবে না)
এডমফ্রো

97

গিথুব উইকিতে ছবি দেখতে ইচ্ছুক দর্শকদের জন্য আমি নিম্নলিখিত পদ্ধতিটি কাজ করতে পেয়েছি:

  • আপনার সংগ্রহস্থলের উইকি পৃষ্ঠার অভ্যন্তরে "গিট অ্যাক্সেস" ট্যাবে যান এবং এসএসএইচ পথটি পুনরুদ্ধার করুন যা কিছুটা হওয়া উচিত: git@github.com: USER / REPO.wiki.git যেখানে ব্যবহারকারী আপনার অ্যাকাউন্টের নাম এবং আরপিও হ'ল ভান্ডার নাম।
  • আপনার স্থানীয় মেশিনে যে কোনও গিট কমান্ড লাইন টুলটি ব্যবহার করুন আপনি নিজের পছন্দসই স্থানীয় ডিরেক্টরিতে সিডি করতে চান এবং তার মাধ্যমে সংগ্রহস্থলটি পাবেন

    গিট ক্লোন git@github.com: ব্যবহারকারী / REPO.wiki.git

  • এখন এই সংগ্রহস্থলের মধ্যে একটি চিত্র ডিরেক্টরি তৈরি করুন, আমি এটিকে "চিত্রগুলি" বলব এবং যা ইমেজ ডিরেক্টরিতে চাই তা রাখব

  • এবং তারপরে আপনার উইকি গিট ডিরেক্টরিটি গিথুবে চাপুন
  • "পৃষ্ঠাগুলি" ট্যাবটি বলার জন্য আপনি শারীরিকভাবে চিত্রগুলি দেখতে সক্ষম হবেন না, তবে আপনি যদি কেবল স্থানীয় লিঙ্কে চিত্রগুলি উল্লেখ করেন তবে আপনাকে সেগুলি দেখতে সক্ষম হওয়া উচিত। নীচে মার্কডাউন সহ উদাহরণ:

    ![Alt attribute text Here](images/YOURIMAGE.ext)

  • আপনি এটিকে আরও এভাবে মোড়ানো করে নিজের লিঙ্ক হিসাবে নিজেই এম্বেড করতে পারেন:

    [![Alt attribute text Here](images/YOURIMAGE.ext)](http://Yoursite.com)

"পৃষ্ঠাগুলি" ট্যাবটি কেবল তাদের তালিকাভুক্ত করে দেওয়ায় আপনি উইকিকে সংগঠিত করতে সহায়তা করতে স্থানীয় কপির মধ্যে সাব-ডাইরেক্টরিও যুক্ত করতে পারেন। তবে মনে রাখবেন যে নতুন ডিরেক্টরিটি "পৃষ্ঠাগুলি" ট্যাবটি ধাক্কা দিলেও ডিরেক্টরিটি তালিকাভুক্ত করে না।


31

কোনও চিত্র যুক্ত করার সময় কোনও উত্তরই কাজ করছে বলে মনে হয় না readme.md। যদিও আমি একটি সমাধান পেয়েছি:

যদি চিত্রটির URL টি হয়:

https://github.com/Username/Repository-Name/blob/master/Directory-Inside-Repository/image.png

এর সাথে প্রতিস্থাপন blobকরা rawআপনাকে কাঁচা চিত্রের URL দেয়:

https://github.com/Username/Repository-Name/raw/master/Directory-Inside-Repository/image.png

এখন, আপনি সাধারণ মার্কডাউন ব্যবহার করে চিত্রটি এম্বেড করবেন:

![Image Alt](https://github.com/Username/Repository-Name/raw/master/Directory-Inside-Repository/image.png)

আপডেট: এখন পর্যন্ত, গিটহাব একটি পৃথক সাব-ডোমেন থেকে কাঁচা চিত্রও সরবরাহ করে raw.github.com। সুতরাং, আপনি এটি ব্যবহার করতে পারেন:

https://raw.github.com/Username/Repository-Name/master/Directory-Inside-Repository/image.png

উদাহরণ: https://raw.github.com/Automattic/liveblog/master/screenshot-1.png


দুর্দান্ত ... এটি আমাকে গিটহাব মন্তব্যে সরাসরি একটি চিত্রের সাথে লিঙ্ক করতে দেয়। :) github.com/mccalltd/AtributeRouting/issues/…
লেনিয়েল ম্যাকাফেরি

4
আমার জন্য ধন্যবাদ ধন্যবাদ। দুঃখের বিষয় এটি আপেক্ষিক পথগুলির সাথে কাজ করে না
এলভিস সিওটি

26

আমার জন্য আপেক্ষিক পথ কাজ:

উইকির হোম পেজ:

![text](wiki/images/someimage.png)

উইকের উপ পৃষ্ঠা:

![text](images/someimage.png)

মনে রাখবেন যে প্রাকদর্শন করার সময় চিত্রটি প্রদর্শিত হবে না, আমি এটি সংরক্ষণ করেছিলাম।


4
@ ওয়ার্নারের এই পরামর্শটি অত্যন্ত গুরুত্বপূর্ণ। (আপনাকে অনেক অনেক ধন্যবাদ!) কোন কারণে আপনার উইকির হোম পেজ অন্য সকলের থেকে আলাদা, সুতরাং হোম পৃষ্ঠায় আপনার উইকি / পথ / foo.ext প্রয়োজন যেখানে অন্য সমস্ত পৃষ্ঠাগুলি পথ / foo.ext ব্যবহার করে । আপনার নিজস্ব রেপোতে সম্পর্কিত সম্পর্কিত উল্লেখগুলি নিখুঁত উল্লেখগুলির চেয়ে অনেক ভাল। আপনি যদি আপনার প্রকল্পটি সরিয়ে বা ক্লোন করেন, বা এটি অফলাইনে সংশোধন করেন তবে রেপো যেখানেই থাকুক না কেন সবকিছু এখনও কাজ করে। আরও মনে রাখবেন যে এই [টেক্সট] (লিঙ্ক) সিনট্যাক্স বেশিরভাগ কারণে ঠিক আছে তবে আপনি যদি নিজের চিত্রটি সারিবদ্ধ করতে চান তবে আপনাকে অবশ্যই একটি স্ট্যান্ডার্ড এইচটিএমএল আইএমজি ট্যাগ ব্যবহার করতে হবে।
টনিজি

দেখে মনে হচ্ছে এটি আরও আপ-টু-ডেট উত্তর
আলবফান

এখানে শাখা কি?
জনি

15

আপনি যদি ড্র্যাগ / ড্রপ সহ কোনও চিত্র দ্রুত আপলোড করতে চান তবে আপনি নিম্নলিখিতগুলি সম্পাদন করতে পারেন (হ্যাকিশ তবুও):

একটি ডামি ইস্যু তৈরি করুন; আপনার ছবিটি সেখানে টানুন এবং ছেড়ে দিন; আপনার উইকিতে আপলোড হওয়া মার্কডাউন চিত্রের কোডটি অনুলিপি / আটকান;

আপনি একবার সমস্যাটি তৈরি করার পরে, এটি এটি করতে যে কোনও সময় আপনি এটি ব্যবহার করতে পারেন।

আশা করি এটি রেপোতে ছবিটি থাকার দরকার ছাড়াই দ্রুত সমাধানের সন্ধানে যে কাউকে সহায়তা করবে।


8

এটি করার জন্য এখানে একটি ব্যবহারিক উপায়:

  • গিথুব যেকোন ইস্যুতে যান
  • মন্তব্য বিভাগে আপনি ফাইলগুলি সংযুক্ত করতে পারেন, কেবল আপনার ছবিটি টান / ড্রপ করুন, নির্বাচন করুন বা পেস্ট করুন
  • টেক্সেরিয়ায় প্রদর্শিত কোড / লিঙ্কটি অনুলিপি করুন
  • এটি উইকিতে আটকান
  • লাভ!

এমনকি আপনাকে @ সমাধান সমাধানের তুলনায় কোনও সমস্যা তৈরি বা সংশোধন করতে হবে না!


4
ধন্যবাদ! আমি অবাক হয়েছি কেন গিথুব তাদের উইকি সাইটগুলিতে এই কার্যকারিতা সমর্থন করে না।
সোভেন

6

এটা বের করে আনা।

ইউআরএলটি নিম্নরূপে ফর্ম্যাট করা হয়েছে

https://raw.github.com/wiki/username/project/pathtoimage/imagename.extension

pathtoimage alচ্ছিক


4
এটি কাজ করে, তবে গিটহাব কীভাবে ফাইলগুলি সঞ্চয় করে তার সাথে এইভাবে শক্তভাবে মিলিত হয়। তারা যদি তাদের পথ পরিবর্তন করে তবে তা ভঙ্গ হবে। স্থানীয়ভাবে উইকি চালানোর সময় এটি ভঙ্গ হবে gollum
বেনজমিন ওকে

5

জেমসের ইউআরএল ফর্ম্যাটটি আমার পক্ষে কার্যকর হয়নি, সম্ভবত এটি পরিবর্তন করা হয়েছে। আমি ব্যবহার করেছি:

https://github.com/username/project/wiki/pathtoimage/image.extension

Where pathtoimageচ্ছিক যেখানে ।


@ জোনাথান লেইং এটি লিঙ্কের বাক্য গঠনের কেবল নমুনা যা এটি আসলে কোথাও যায় না
জেমস ম্যাকমাহন

2

অবশেষে নার্ডউইন দ্বারা বর্ণিত পদ্ধতিটি ব্যবহার করে চিত্রগুলি সংগ্রহস্থলগুলিতে পেয়ে গেল এবং সেগুলি উইকিতে ব্যবহার করে প্রদর্শিত হবে ![test](test.jpg)


1

নীচের মার্কডাউন আপনার গিটহাব রেপোতে আপনার সম্পর্কিত গিটহাব উইকির মধ্য থেকে একটি চিত্র উল্লেখ করবে

![My Alt Text](../blob/master/Path/ToAsset/In/Repo.png?raw=true)

উপরের উদাহরণটি ধরে নিয়েছে যে আপনার রেপোতে আপনার কাছে নিম্নলিখিত ফাইলের কাঠামো রয়েছে

  • পথ
    • ToAssets
      • ভিতরে
        • Repo.png

একটি বাস্তব বিশ্বের উদাহরণস্বরূপ, যদি আমি সম্পর্কিত উইকি থেকে গিথুবে এই চিত্রটি উল্লেখ করতে চাই, তবে আমি এই মার্কডাউনটি ব্যবহার করব

![Azure App Settings](../blob/master/TrelloWorld/TrelloWorld.Server/Assets/Azure_AppSettings.png?raw=true)

গুহা

  1. মামলার বিষয়
  2. আপনি যদি উইকির বিশেষ হোম পৃষ্ঠায় থাকেন তবে আপনার সাথে .. with / এর উপরে কোনও স্তর বজায় রাখার দরকার নেই, উপরের আমার উদাহরণে, সঠিক লিঙ্কটি হবে

হোম পৃষ্ঠার জন্য:

![Azure App Settings](blob/master/TrelloWorld/TrelloWorld.Server/Assets/Azure_AppSettings.png?raw=true)

মামলার বিষয়। Repo.png repo.png এর মতো নয়
জোশ

আপনি যদি উইকির হোম পৃষ্ঠায় থাকেন তবে এটি কিছুটা পরিবর্তিত হয়। আপনার .. ড্রপ করা দরকার। লিঙ্কটি হবে (ব্লব / মাস্টার / পাথ / টোসেট / ইন / রেপো.পিএনজি? কাঁচা = সত্য)
জোশ

হোস্ট করা ইমেজের শাখাটি কী গুরুত্বপূর্ণ?
জনি

আমি এটি চেষ্টা করে দেখিনি, তবে আমার নমুনায় থাকা ইউআরএলগুলি দেখে, আমি বিশ্বাস করি এটি হবে। আমার নমুনাগুলিতে আমি ধরে নিই যে সবকিছুই মাস্টার রয়েছে। আপনি সম্ভবত আমার নমুনায় "মাস্টার" শব্দটি চিত্রের যে শাখায় রয়েছেন তাতে পরিবর্তন করতে পারেন
জোশ

1

আপেক্ষিক পথটি ব্যবহার করুন

উইকি অবস্থিত [repositoryname]/wiki

সংগ্রহস্থলের ফাইলগুলি এখানে অবস্থিত [repositoryname]/raw/master/[file path in repository]

সুতরাং কেবল আপেক্ষিক পথটি ব্যবহার করুন: ../raw/master/[file path in repository]


আমাকে ../../একটি উপ-পৃষ্ঠায় করতে হয়েছিল, সুতরাং এটি বর্তমান পৃষ্ঠার পথের তুলনায় সতর্ক থাকুন
টুটুডাজুজু

আপনার যদি মাস্টার নামে কোন শাখা না থাকে?
জনি

1

আমি আমার উইকিতে ছবি এবং পিডিএফ উভয়ই রেখেছি। আমি উইকি ক্লোন করেছি এবং একটি imagesএবং একটি filesডিরেক্টরি যুক্ত করব, তারপরে চিত্রের লিঙ্কগুলি এম্বেড করতে এবং ফাইল লিঙ্কগুলি যুক্ত করতে নিম্নলিখিত মার্কডাউনটি ব্যবহার করুন:

ছবি:

[[/images/path/to/image.ext|ALT TEXT]]

আপনার উইকি পৃষ্ঠাগুলি সমস্ত মূল স্তরে থাকলে অগ্রণী স্ল্যাশ প্রয়োজন হয় না, তবে আমি উপ-ডিরেক্টরিগুলি ব্যবহার করি এবং একটি নিখুঁত পথটি সঠিকভাবে সমাধান হয় এবং জিনিসগুলি সহজ রাখে।

নথি পত্র:

[link text](files/path/to/file.ext "ALT TEXT")

দ্রষ্টব্য, filesএই ফর্ম্যাটের লিঙ্ক হিসাবে সঠিকভাবে সমাধান করার জন্য উইকি পথের জন্য কোনও শীর্ষ স্ল্যাশ নেই ।

আমি এটি আরও বিস্তারিতভাবে একটি গিটহাব গিস্টে নথিভুক্ত করেছি


0

একটি বাহ্যিক চিত্র থাম্বনেল এম্বেড করতে, নিম্নলিখিত ব্যবহার করুন, ![Image](<external link to the image>)


0

@ ড্রু নোকস থেকে মূল প্রশ্নের মন্তব্যটি আমার পক্ষে তা করেছে:

আমি যে চিত্রটি প্রদর্শন করতে চাইছিলাম তার সিনট্যাক্স:

[[/images/imageName.png]]

এই চিত্রটি কেবল নাম পরিবর্তন করার সময় প্রদর্শিত হয়েছিল:

wikiPage.md --> wikiPage.wiki

নিম্নলিখিত ফোল্ডার কাঠামোটি উইকির সংগ্রহস্থলে ব্যবহৃত হয়েছিল:

repository.wiki
   |--wikiPage.wiki
   |--images
        |--imageName.png       

কিন্তু:

। উইকিতে সিনট্যাক্স .md ফাইল থেকে পৃথক।


0

উত্তরগুলির অনেকগুলি আমার পক্ষে কার্যকর হয়নি, অবশেষে যা কাজ করেছে তা এখানে:

![](../raw/master/Images/ImportantImage.png)

"মার্কডাউন" সম্পাদক মোড এবং একটি সাব-পৃষ্ঠা যেমন:

https://github.com/project/repo/wiki/MyPage

-জন

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.