মার্কডাউনে কীভাবে স্থানীয় চিত্র প্রদর্শিত হবে


141

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

![image](files/Users/jzhang/Desktop/Isolated.png)

উত্তর:


108

আমি সন্দেহ করি যে পথটি সঠিক নয়। যেমন ব্যবহারকারী 741212219 উবুন্টু এবং উইন্ডোজ দ্বারা উল্লিখিত হয়েছে পাথটি আলাদাভাবে আচরণ করে। আপনার নোটবুকের মতো চিত্রটি একই ফোল্ডারে রাখার চেষ্টা করুন:

![alt text](Isolated.png "Title")

উইন্ডোজগুলিতে ডেস্কটপটি হওয়া উচিত: সি: \ ব্যবহারকারীগণ \ জাজং \ ডেস্কটপ


5
"শিরোনাম" কী করে?
niCk ক্যামেল

6
@niCkcAMel "শিরোনাম" হ'ল আপনি যদি ইমেজটির উপরে মাউস ঘোরা করেন তবে তা দেখানো হবে। "Alt পাঠ্য" হ'ল যা প্রদর্শিত হয়, পরিবর্তে, যদি চিত্রটি প্রদর্শিত না হয়।
ক্রিস

2
"চিত্রটি একই ফাইলে রাখার চেষ্টা করুন": এটি কি ফাইল -> ফোল্ডার হওয়ার কথা ?
প্যাট্রিক

59

ডকুমেন্টের পাশের সাবফোল্ডারে একটি চিত্রের আপেক্ষিক পাথের সাথে নিম্নলিখিতটি কাজ করে (বর্তমানে কেবলমাত্র একটি উইন্ডোজ সিস্টেমে পরীক্ষা করা হয়েছে):

![image info](./pictures/image.png)

1
IMHO সর্বোত্তম উত্তর, পছন্দসই পদ্ধতিতে একটি গিটহাব মার্কডাউন ফাইলের সাথে কাজ করে।
এরিক কয়েস্টার

সেরা উত্তর!
জহরা তাহেরি

21

সবচেয়ে ভাল সমাধান হ'ল এমডি ডকুমেন্টটি যে ফোল্ডারে অবস্থিত তার সাথে সম্পর্কিত একটি পথ সরবরাহ করা।

সম্ভবত কোনও ব্রাউজার যখন কোনও স্থানীয় ফাইলের পরম পথটিকে সমাধান করার চেষ্টা করে তখন সমস্যায় পড়ে। এটি ওয়েব সার্ভার ফাইল ট্রাইটি অ্যাক্সেসের মাধ্যমে সমাধান করা যেতে পারে, তবে এমনকি সেই পরিস্থিতিতে চিত্রের পথটি সঠিক হতে হবে।

সমস্ত চিত্র সহ নথির একই স্তরে একটি ফোল্ডার থাকা, সবচেয়ে পরিষ্কার এবং নিরাপদ সমাধান। এটি স্থানীয়, স্থানীয় ওয়েবসার্ভার গিটহাবে লোড হবে।

images_folder/img.jpg  < works


/images_folder/img.jpg  < this will work on webserver's only (please read the note!)

পরম পথটি ব্যবহার করে চিত্রটি কেবল এই জাতীয় url এর মাধ্যমে অ্যাক্সেসযোগ্য হবে: http: //hostname.doesntmatter/image_folder/img.jpg


1
"সেরা সমাধান হ'ল এমডি ডকুমেন্টটি যে ফোল্ডারে অবস্থিত সেখানে ফোল্ডারের তুলনায় একটি পথ সরবরাহ করা।" এটি আমার স্থানীয় মেশিনে চিত্রগুলি দেখায়।
মাস্টারজো

17

ধাপে ধাপে :

  1. চিত্রগুলির মতো নামের একটি ডিরেক্টরি তৈরি করুন এবং সমস্ত চিত্রগুলি রাখুন যা মার্কডাউন দ্বারা রেন্ডার করা হবে।

  2. উদাহরণ হিসেবে বলা যায়, put example.png মধ্যে চিত্র

  3. লোড করা example.png যে অধীনে অবস্থিত ছিল চিত্র সামনে ডিরেক্টরি।

![title](Images/example1.png)

দ্রষ্টব্য : চিত্রসমূহ ডিরেক্টরি অবশ্যই আপনার মার্কডাউন পাঠ্য ফাইলটির একই ডিরেক্টরিতে থাকতে হবে যার.mdপ্রসার রয়েছে।


সেই "চিত্র" ফোল্ডারের পথ কী? আপনি কি এটি ভিসকোডের কোনও কনফিগারেশনে যুক্ত করেছেন?
কে_দেব

1
@ কে_দেব "চিত্র" ডিরেক্টরিটি অবশ্যই আপনার মার্কডাউন পাঠ্য ফাইলের একই ডিরেক্টরিতে থাকতে হবে যা ".md" এক্সটেনশান করেছে। আমি vscode এ কোনও কনফিগার যোগ করিনি।
nevzatseferoglu

14

মার্কডাউন ফাইলটিতে একটি চিত্র যুক্ত করতে .md ফাইল এবং চিত্রটি একই ডিরেক্টরিতে থাকা উচিত। আমার ক্ষেত্রে যেমন আমার .md ফাইলটি ডক ফোল্ডারে ছিল তাই আমিও চিত্রটিকে একই ফোল্ডারে স্থানান্তরিত করেছি। এর পরে .md ফাইলে নিম্নলিখিত সিনট্যাক্সটি লিখুন

![alt text](filename)

মত ![Car Image](car.png)

এটি আমার পক্ষে কাজ করেছে।


7

স্থানীয় চিত্র যুক্ত করা আমার পক্ষে এরকমভাবে কাজ করেছে: ![alt text](file://IMG_20181123_115829.jpg)

file://উপসর্গ ব্যতীত এটি কাজ করে না (উইন 10, মার্কডাউনভিউয়ার ++ অ্যাডন সহ নোটপ্যাড ++)

সম্পাদনা: আমি জানতে পেরেছি এটি html ট্যাগগুলির সাথেও কাজ করে এবং এটি আরও ভাল: <img src="file://IMG_20181123_115829.jpg" alt="alt text" width="200"/>

সম্পাদনা 2: এটিম সম্পাদকটিতে এটি কেবলfile:// উপসর্গ ছাড়া কাজ করে । কী এলোমেলো.


3

আমার জানা মতে, লিনাক্সে ভিএসকোডের জন্য, স্থানীয় চিত্রটি কেবল তখনই প্রদর্শিত হয় যখন আপনি চিত্রটিকে আপনার .mdপোস্ট ফাইলের মতো একই ফোল্ডারে রাখবেন ।
যেমন শুধুমাত্র ![](image.jpg)বা ![](./image.jpg)কাজ করবে।
এমনকি পরম পথও ![](/home/bala/image.jpg)কাজ করে না।


3

সম্পাদিত:

আমার পক্ষে কাজ করছেন (স্থানীয় চিত্রের জন্য)

![system schema](doc/systemDiagram.jpg)

 tree
 ├── doc
     └── jobsSystemSchema.jpg
 ├── README.md

মার্কডাউন ফাইল README.md ডক ডিরেক্টরি হিসাবে একই স্তরে।

আপনার ক্ষেত্রে, আপনার মার্কডাউন ফাইলটি ডিরেক্টরি ফাইলগুলির একই স্তরের হওয়া উচিত।

আমার জন্য কাজ করা (কাঁচা পথ সহ পরম ইউআরএল)

![system schema](https://server/group/jobs/raw/master/doc/systemDiagram.jpg)

আমার জন্য কাজ করছে না (ব্লব পাথ দিয়ে url)

![system schema](https://server/group/jobs/blob/master/doc/systemDiagram.jpg)

আমি মনে করি যে আপনার ইউআরএলটি বৈধ নয়: https এর পরে একটি স্ল্যাশ নেই। কিছুটা দেরি, হতে পারে। :)
অনুদানকারী

ধন্যবাদ @ ফান্ডার, আমি ইউআরএল সংশোধন করেছি, এটি একটি মিস টাইপিং ছিল। 😉
লিঙ্গজিং ফ্রান্স

2

স্থানীয় চিত্র প্রদর্শিত না হওয়ার জন্য আরেকটি সম্ভাবনা হ'ল চিত্রের রেফারেন্সের অনিচ্ছাকৃত ইনডেন্ট - স্পেসগুলির আগে![alt text](file)

এটি 'চিত্র অন্তর্ভুক্তি' এর পরিবর্তে এটি 'কোড ব্লক' করে তোলে। কেবল শীর্ষস্থানীয় স্থানগুলি সরিয়ে ফেলুন।


1

আর মার্কডাউনতে চিত্র সন্নিবেশ করানোর ক্ষেত্রে আমার সমস্যা হয়েছে। যদি আমি পুরো ইউআরএল করি: C:/Users/Me/Desktop/Project/images/image.pngএটি কাজ করতে ঝোঁক। অন্যথায়, আমাকে চিহ্নডাউনটি হয় চিত্রের মতো একই ডিরেক্টরিতে বা এর পূর্বপুরুষের ডিরেক্টরিতে রাখতে হবে। এটি প্রদর্শিত হয় যে চিত্রগুলি উল্লেখ করার সময় ঘোষিত বুনন ডিরেক্টরি উপেক্ষা করা হয়।


এটি প্রশ্নের উত্তর সরবরাহ করে না। আপনি অনুরূপ প্রশ্নগুলির জন্য অনুসন্ধান করতে পারেন , বা উত্তর খুঁজে পেতে পৃষ্ঠার ডানদিকের সম্পর্কিত এবং লিঙ্কযুক্ত প্রশ্নগুলি উল্লেখ করতে পারেন। আপনার যদি সম্পর্কিত তবে ভিন্ন প্রশ্ন থাকে তবে একটি নতুন প্রশ্ন জিজ্ঞাসা করুন এবং প্রসঙ্গটি সরবরাহ করতে সহায়তা করার জন্য এটির একটি লিঙ্ক অন্তর্ভুক্ত করুন। দেখুন: প্রশ্ন জিজ্ঞাসা করুন, উত্তর পান, কোনও
বিঘ্ন

0

হয় মার্কডাউন ফাইলের মতো চিত্রটিকে একই ফোল্ডারে রাখুন বা চিত্রটির জন্য কোনও আপেক্ষিক পথ ব্যবহার করুন।



0

ইন Jupyter নোটবুক Markdown , আপনি ব্যবহার করতে পারেন

<img src="RelPathofFolder/File" style="width:800px;height:300px;">

পাঠযোগ্যতার জন্য দ্রুত সম্পাদনা (এবং টাইপো ফিক্স) করেছেন, ডান লিংক হওয়া উচিত তবে যাচাই করা উচিত :)
ড্যানিয়েল ব্রস

1
প্রো: <img >ট্যাগ ব্যবহার করে এইচটিএমএল কাস্টমাইজেশন যুক্ত করেছেন
সুমন্ত লাজারাস

0

আপনার সরঞ্জামের উপর নির্ভর করে - আপনি মার্কডাউনতে এইচটিএমএলও ইনজেক্ট করতে পারেন।

<img src="./img/Isolated.png">

এটি ধরে নিয়েছে আপনার ফোল্ডারের কাঠামোটি হ'ল:

 ├── img
     └── Isolated.jpg
 ├── README.md

-2

ওয়েব সার্ভার সেট আপ করার দরকার নেই

আমি আমার স্থানীয় চিত্রটি মুস্টের মন্তব্য বিভাগে আপলোড করার চেষ্টা করেছি এবং উত্পন্ন URL টি অনুলিপি করে অনুলিপি করেছি। আমার জন্য কাজ করেছেন 😊

এখানে চিত্র বর্ণনা লিখুন


-3

আমি একটি সমাধান পেয়েছি:

ক) উদাহরণ ইন্টারনেট:

![image info e.g. Alt](URL Internet to Images.jpg "Image Description")

খ) স্থানীয় চিত্রের উদাহরণ:

![image Info](file:///<Path to your File><image>.jpg "Image Description")
![image Info](file:///C:/Users/<name>/Pictures/<image>.jpg "Image Description")

TurboByte

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