কিভাবে মার্কডাউনকে HTML এ রূপান্তর করবেন

Kibhabe Markada Unake Html E Rupantara Karabena



মার্কডাউন হল মার্কআপ ভাষা। মার্কডাউন ব্যবহার করে আমরা দ্রুত এবং আরও কার্যকরভাবে লিখতে পারি। এটি একটি ইন্টারনেট সামগ্রী তৈরি করা সহজ করে তোলে। মার্কডাউনে, আমরা সহজেই পাঠ্য, অনুচ্ছেদ এবং অন্যান্য উপাদান টাইপ করতে পারি। মার্কডাউন আমাদেরকে কয়েকটি চিহ্ন যোগ করে পাঠ্য বিন্যাস করার অনুমতি দেয়। উপরন্তু, এটি মার্কডাউনে লিঙ্ক, ফটো, তালিকা ইত্যাদি অন্তর্ভুক্ত করার বিকল্প অফার করে। এটি HTML এর চেয়ে কম জটিল। এইচটিএমএল এর মত, এর জন্য অনেক ট্যাগ লাগে না।

HTML-এ, আমাদের প্রচুর ট্যাগ যোগ করতে হয় এবং বিন্যাসের জন্য এইচটিএমএল-এ শৈলীও যোগ করা হয়। আমরা HTML-এ একই কাজ করতে পারি যা আমরা মার্কডাউন ব্যবহার করেও করতে পারি। আমরা কিছু কমান্ড ব্যবহার করে মার্কডাউন ফাইলটিকে সহজেই HTML ফাইলে রূপান্তর করতে পারি। আমরা এখানে ব্যাখ্যা করব কিভাবে মার্কডাউনকে HTML এ রূপান্তর করা যায়। এছাড়াও আমরা মার্কডাউনকে HTML-এ রূপান্তর করব এবং এই নির্দেশিকায় এই ধারণাটির একটি বিশদ বিবরণ প্রদান করব। এখন, আমরা মার্কডাউন ফাইলটিকে HTML ফাইলে রূপান্তর করি। এছাড়াও, আমরা ভিজ্যুয়াল স্টুডিও কোডে মার্কডাউন ফাইলটিকে HTML ফাইলে রূপান্তর করতে যে প্রতিটি পদক্ষেপ অনুসরণ করতে হবে তা দেখাব এবং ব্যাখ্যা করব।

উদাহরণ 1:

আমরা এখানে ভিজ্যুয়াল স্টুডিও কোড ব্যবহার করি। আমরা দেখাই কিভাবে আমরা মার্কডাউন ফাইলটিকে ভিজ্যুয়াল স্টুডিও কোডে HTML ফাইলে রূপান্তর করি। এর জন্য, আমাদের এই ভিজ্যুয়াল স্টুডিও কোডে তৈরি করা মার্কডাউন ফাইল থাকতে হবে। আমরা এখানে যে ফাইলটি তৈরি করি তার নাম “myabcfile.md”। এই ফাইলে, আমরা “#” ট্যাগ ব্যবহার করে শিরোনাম যোগ করি। তারপর, আমরা এই শিরোনামের নীচে একটি পাঠ্য যোগ করি যা একটি সাধারণ পাঠ্য বা অনুচ্ছেদ। এখন, আমরা আরও একটি লাইন সন্নিবেশ করি যা গাঢ় কারণ আমরা শুরুতে দুটি তারকাচিহ্ন এবং এই লাইনের শেষে দুটি তারকাচিহ্ন সন্নিবেশ করি। সুতরাং, এই লাইন এখানে গাঢ় প্রদর্শিত হবে. এর পরে, আমরা 'তালিকা' শব্দটিকে তির্যক করি। আমরা দুটি আন্ডারস্কোর ব্যবহার করে এই শব্দটিকে তির্যক করি। শুরুতে একটি আন্ডারস্কোর যোগ করা হয় এবং শব্দের শেষে একটি আন্ডারস্কোর যোগ করা হয়। নিম্নলিখিত চিত্রে, আমরা নম্বর বসিয়ে এবং নম্বরের পরে বিন্দু বসিয়ে অর্ডারকৃত তালিকা তৈরি করি। এখন, আমরা এই ফাইলটি সংরক্ষণ করি। আমরা প্রিভিউ উইন্ডোতে এই ফাইলটি কীভাবে প্রদর্শিত হবে তাও দেখাব।









আমরা শুধু প্রিভিউ উইন্ডোতে মার্কডাউন কোডের আউটপুট দেখাই। এখন, আমরা এই মার্কডাউনটিকে HTML এ রূপান্তর করি। এই মার্কডাউন ফাইলটিকে কীভাবে একটি HTML ফাইলে রূপান্তর করতে হয় সে সম্পর্কে এগিয়ে যান এবং নিম্নলিখিত চিত্রটিতে দেখুন:







টাস্কবারের টার্মিনালে ক্লিক করে টার্মিনাল খুলুন যা এই ভিজ্যুয়াল স্টুডিও কোডের শীর্ষে রয়েছে। এই টার্মিনালটি খোলা হলে, 'code –install-extension yzhang.markdown-all-in-one' কমান্ডটি টাইপ করুন যা নিম্নলিখিতটিতেও দেখানো হয়েছে। ভিজ্যুয়াল স্টুডিও কোডের টার্মিনালে এই কমান্ডটি টাইপ করার পরে, আমরা 'এন্টার' কী টিপুন। এই কমান্ডটি সফলভাবে কম্পাইল করার পর, আমরা এগিয়ে যাই। এই কমান্ডটি এই এক্সটেনশনটি ইনস্টল করতে সাহায্য করে যা এখানে উল্লেখ করা হয়েছে।



পূর্ববর্তী এক্সটেনশনটি সফলভাবে ইনস্টল করা হলে, আমরা এই ভিজ্যুয়াল স্টুডিও কোডে 'কমান্ড প্যালেট' খুলি। এই কমান্ড প্যালেটটি কেবলমাত্র 'CTRL+SHIFT+P' কী চাপলে খোলা হয়। এর পরে, এই ভিজ্যুয়াল স্টুডিও কোড অ্যাপের উপরে ড্রপডাউনটি খোলা হয়। এখানে, আমরা শুধু 'মার্কডাউন' টাইপ করি এবং তারপর অনেক কমান্ড সেখানে উপস্থিত হয়। আমরা এখানে 'মার্কডাউন অল ইন ওয়ান: প্রিন্ট বর্তমান ডকুমেন্ট এইচটিএমএল' নির্বাচন করি, যেমনটি নিচের ছবিতে দেখানো হয়েছে। এখানে, আমরা 'CTRL+SHIFT+P' টিপে এই কমান্ডটি নির্বাচন করি। এখন, এই মার্কডাউন ফাইলটি এই কমান্ডের সাহায্যে HTML ফাইলে রূপান্তরিত হয়েছে যা আমরা এখানে নির্বাচন করেছি।

উভয় ফাইল এখানে দেখানো হয়. আমরা এই 'myabcfile.md' কে 'myabcfile.html' ফাইলে রূপান্তর করি। মার্কডাউনের পাশাপাশি এইচটিএমএল ফাইলটি নিম্নলিখিত ছবিতে দেখানো হয়েছে। এই HTML ফাইলটিতে আমরা মার্কডাউন ফাইলে যোগ করা সমস্ত ডেটা রয়েছে। তবে পার্থক্য হল এইচটিএমএল ফাইলটিতে বিভিন্ন ট্যাগ এবং স্টাইলিং রয়েছে তবে মার্কডাউন ফাইলটিতে অনেকগুলি ট্যাগ থাকে না।

এইচটিএমএল ফাইলটিও নিচের ছবিতে দেখানো হয়েছে। আপনি এই ফাইলে “, , , <style> এবং প্রচুর ট্যাগ নোট করতে পারেন। সুতরাং, মার্কডাউনকে এইচটিএমএল-এ রূপান্তর করার এটিই সবচেয়ে সহজ উপায়।</p> <p> <img class="wp-image-231456" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-6.png"></p> <p> <img class="wp-image-231460" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-7.png"></p> <h2> <strong> উদাহরণ 2:</strong> </h2> <p> এই মার্কডাউন ফাইলটিতে, আমরা শিরোনাম, ক্রমবিহীন তালিকা, আদেশকৃত তালিকা, পাঠ্য এবং বিন্যাসিত পাঠ্য যোগ করি। আমরা এখানে শিরোনাম সন্নিবেশ করান. তারপর, আমরা কিছু টেক্সট লিখি এবং ক্রমবিহীন তালিকা যোগ করি। এর পরে, আমরা আরেকটি লাইন যোগ করি যেখানে আমরা কিছু শব্দ সন্নিবেশ করি যেখানে আমরা সাহসী এবং তির্যক শৈলী প্রয়োগ করি। তারপরে, আমরা অর্ডার করা তালিকা এবং এই অর্ডার করা তালিকার পরে নতুন লাইন রাখি। এখন, আমরা এই ফাইলটিকে সংরক্ষণ করি এবং এই মার্কডাউন ফাইলটির নাম হল “abcfile.md”। এখন, আমরা এই “abcfile.md” কে HTML ফাইলে রূপান্তর করি।</p> <p> <img class="wp-image-231464" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-8.png"></p> <p> আমরা আবার একইভাবে টার্মিনাল খুলি যেভাবে আমরা পূর্বে আলোচনা করেছি এবং ভিজ্যুয়াল স্টুডিও কোডের টার্মিনালে প্রদত্ত কমান্ডটি লিখি। প্রদত্ত কমান্ড চালানোর পরে, আমরা এই টার্মিনালটি বন্ধ করি।</p> <p> <img class="wp-image-231468" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-9.png"></p> <p> তারপর, আমরা 'CTRL+SHIFT+P' টিপুন এবং প্যালেট কমান্ডটি খুলি। এখানে, আমরা উপরের চিত্রে প্রদর্শিত কমান্ডটি নির্বাচন করি। এটি পূর্ববর্তী মার্কডাউন কোড ফাইলটিকে HTML ফাইলে রূপান্তর করে।</p> <p> <img class="wp-image-231470" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-10.png"></p> <p> উভয় ফাইল এখানে প্রদর্শিত হয়. এই 'abcfile.md' ফাইলটি একটি 'abcfile.html' ফাইলে রূপান্তরিত হয়। নিম্নলিখিত চিত্রটি মার্কডাউন এবং এইচটিএমএল ফাইল উভয়ই প্রদর্শন করে। এই এইচটিএমএল ফাইল এবং মার্কডাউন ফাইলের মধ্যে একমাত্র পার্থক্য হল যে এইচটিএমএল ফাইলটি বিভিন্ন ট্যাগ এবং স্টাইলিং ব্যবহার করে যখন মার্কডাউন ফাইল কম চিহ্ন ব্যবহার করে। এই HTML ফাইলটিতে মার্কডাউন ফাইলে অবদান রাখা সমস্ত তথ্য রয়েছে।</p> <p> <img class="wp-image-231472" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-11.png"></p> <p> যখন আমরা এই এইচটিএমএল ফাইলটি খুলি, তখন আমরা সেখানে অনেক ট্যাগ দেখতে পাই যা আমরা মার্কডাউনে যোগ করিনি কারণ মার্কডাউন ভাষার জন্য অনেক ট্যাগের প্রয়োজন নেই। মার্কডাউন একটি খুব সহজ এবং সহজ ভাষা। এই ছবিতে দেখানো হয়েছে, এটি 'ব্লককোট' তৈরির জন্য ' <blockquote>' ট্যাগ যোগ করে। কিন্তু মার্কডাউন ফাইলে, আমরা এই ব্লককোট তৈরি করতে কেবলমাত্র “>” এর চেয়ে বড় চিহ্ন যোগ করি।</p> <p> একটি ক্রমবিন্যস্ত তালিকার জন্য, HTML ফাইলে '<ul>' ওপেনিং এবং ক্লোজিং ট্যাগগুলির পাশাপাশি তালিকা আইটেম যোগ করার জন্য '<li>' ট্যাগ রয়েছে৷ কিন্তু পূর্ববর্তী মার্কডাউন ফাইলে, আমরা কেবলমাত্র ক্রমবিহীন তালিকা তৈরি করতে '-' চিহ্ন যোগ করি। এছাড়াও, 'ol' ট্যাগটি এখানে উপস্থিত রয়েছে যা অর্ডার করা তালিকা যোগ করতে ব্যবহৃত হয়। মার্কডাউনে, আমরা এই অর্ডার করা তালিকার জন্য নম্বর এবং একটি বিন্দু সন্নিবেশ করে এই অর্ডার করা তালিকা তৈরি করি। আমরা সহজেই এখানে আগের মার্কডাউন ফাইলটিকে HTML ফাইলে রূপান্তর করি।</p> <p> <img class="wp-image-231474" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-12.png"></p> <h2> <strong> উপসংহার</strong> </h2> <p> কিভাবে মার্কডাউনকে HTML-এ রূপান্তর করা যায় তার বিস্তারিত বিবরণ আমরা এই নির্দেশিকায় দিয়েছি। আমরা ভিজ্যুয়াল স্টুডিও কোডে কীভাবে এটি করি তা ব্যাখ্যা করেছি এবং এই নির্দেশিকায় দুটি মার্কডাউন ফাইলকে HTML ফাইলে রূপান্তর করেছি। আমরা ব্যাখ্যা করেছি যে মার্কডাউন ফাইল তৈরি করার পরে আমাদের একটি এক্সটেনশন ইনস্টল করতে হবে এবং তারপরে কমান্ডটি নির্বাচন করতে আমাদের কমান্ড প্যালেট খুলতে হবে যা মার্কডাউন ফাইলটিকে HTML ফাইলে রূপান্তর করতে সহায়তা করে। আমরা এই নির্দেশিকায় মার্কডাউন এবং HTML ফাইল উভয়ই দেখিয়েছি, যাতে আপনি সহজেই উভয় ফাইলের ডেটা পরীক্ষা করতে পারেন। HTML-এ মার্কডাউনের রূপান্তর এখানে গভীরভাবে ব্যাখ্যা করা হয়েছে।</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/an-yan-ya/" class="tag-cloud-link">অন্যান্য</a> </div> </div> </div><!-- END--> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">বিভাগ</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">রাস্পবেরি পাই</a> </li><li> <a href="/ethernet/">ইথারনেট</a> </li><li> <a href="/other/">অন্যান্য</a> </li><li> <a href="/nano/">ন্যানো</a> </li><li> <a href="/zoom/">জুম</a> </li><li> <a href="/cinnamon/">দারুচিনি</a> </li><li> <a href="/reviews/">পর্যালোচনা</a> </li><li> <a href="/zorinos/">জোরিনোস</a> </li><li> <a href="/radio/">রেডিও</a> </li><li> <a href="/minecraft/">মাইনক্রাফ্ট</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">সঙ্কোচন</a> </li><li> <a href="/laravel/">লারাভেল</a> </li><li> <a href="/aircrack/">এয়ারক্র্যাক</a> </li><li> <a href="/office-productivity-software/">অফিস প্রোডাক্টিভিটি সফটওয়্যার</a> </li><li> <a href="/boot/">বুট</a> </li><li> <a href="/system-calls/">সিস্টেম কল</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">নেটওয়ার্কিং</a> </li><li> <a href="/gpu/">জিপিইউ</a> </li><li> <a href="/gimp/">জিম্প</a> </li><li> <a href="/plex/">প্লেক্স</a> </li><li> <a href="/uefi/">উয়েফি</a> </li><li> <a href="/docker/">ডকার</a> </li><li> <a href="/firewall/">ফায়ারওয়াল</a> </li><li> <a href="/wireshark/">ওয়্যারশার্ক</a> </li><li> <a href="/synology/">সিনোলজি</a> </li><li> <a href="/pdf/">পিডিএফ</a> </li><li> <a href="/ethereum/">ইথেরিয়াম</a> </li><li> <a href="/parrot-os/">তোতা ওএস</a> </li><li> <a href="/sublime/">মহৎ</a> </li><li> <a href="/selinux/">সেলিনাক্স</a> </li><li> <a href="/hyper-v/">হাইপার-ভি</a> </li><li> <a href="/phone/">ফোন</a> </li><li> <a href="/kodi/">কোড</a> </li><li> <a href="/gnome/">জিনোম</a> </li><li> <a href="/manjaro/">উপাদেয়তা</a> </li><li> <a href="/mouse/">ইঁদুর</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">মেটাসপ্লয়েট</a> </li><li> <a href="/torrent/">টরেন্ট</a> </li><li> <a href="/tablet/">ট্যাবলেট</a> </li><li> <a href="/pycharm/">পাইচার্ম</a> </li><li> <a href="/curl/">কার্ল</a> </li><li> <a href="/kde/">কোথায়</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">ফন্ট</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">এনভিডিয়া</a> </li><li> <a href="/images/">ছবি</a> </li><li> <a href="/usb/">ইউএসবি</a> </li><li> <a href="/squid/">স্কুইড</a> </li><li> <a href="/mate/">সঙ্গী</a> </li><li> <a href="/vlc-media-player/">ভিএলসি মিডিয়া প্লেয়ার</a> </li><li> <a href="/dns/">ডিএনএস</a> </li><li> <a href="/bitcoin/">বিটকয়েন</a> </li><li> <a href="/keyboard/">কীবোর্ড</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">জোড়া লাগানো</a> </li><li> <a href="/fedora/">ফেডোরা</a> </li><li> <a href="/owncloud/">নিজস্ব ক্লাউড</a> </li><li> <a href="/scanner/">স্ক্যানার</a> </li><li> <a href="/atom/">পরমাণু</a> </li><li> <a href="/red-hat/">লাল টুপি</a> </li><li> <a href="/teamviewer/">টিম ভিউয়ার</a> </li><li> <a href="/skype/">স্কাইপ</a> </li><li> <a href="/vpn/">ভিপিএন</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">জুপিটার নোটবুক</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">ব্লগ</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">মিডিয়া প্লেয়ার</a> </li><li> <a href="/posix/">পজিক্স</a> </li><li> <a href="/steam/">বাষ্প</a> </li><li> <a href="/jenkins/">জেনকিন্স</a> </li><li> <a href="/power/">ক্ষমতা</a> </li><li> <a href="/oracle-linux/">ওরাকল লিনাক্স</a> </li><li> <a href="/netstat/">নেটস্ট্যাট</a> </li><li> <a href="/kvm/">বর্গমিটার</a> </li><li> <a href="/bluetooth/">ব্লুটুথ</a> </li><li> <a href="/ssd/">এসএসডি</a> </li><li> <a href="/grep/">খপ্পর</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">ওডিসি</a> </li><li> <a href="/audio/">শ্রুতি</a> </li><li> <a href="/cpu/">সিপিইউ</a> </li><li> <a href="/tensorflow/">Tensorflow</a> </li><li> <a href="/autodesk/">অটোডেস্ক</a> </li><li> <a href="/lubuntu/">লুবুন্টু</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">উইন্ডোজ</a> </li><li> <a href="/microsoft-edge/">মাইক্রোসফ্ট এজ (উত্তরাধিকার)</a> </li><li> <a href="/internet-explorer/">ইন্টারনেট এক্সপ্লোরার</a> </li><li> <a href="/office/">দপ্তর</a> </li><li> <a href="/an-yan-ya/">অন্যান্য</a> </li><li> <a href="/ska-ipa/">স্কাইপ</a> </li><li> <a href="/di-ena-esa/">ডিএনএস</a> </li><li> <a href="/raspaberi-pa-i/">রাস্পবেরি পাই</a> </li><li> <a href="/oyebakyama/">ওয়েবক্যাম</a> </li><li> <a href="/midiya-pleyara/">মিডিয়া প্লেয়ার</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/hyapraksi/">হ্যাপ্রক্সি</a> </li><li> <a href="/jinoma/">জিনোম</a> </li><li> <a href="/buta/">বুট</a> </li><li> <a href="/mahat/">মহৎ</a> </li><li> <a href="/ubuntu-24-04-cat/">উবুন্টু 24.04</a> </li><li> <a href="/parabarti-megha/">পরবর্তী মেঘ</a> </li><li> <a href="/punya/">পুণ্য</a> </li><li> <a href="/enabhidiya/">এনভিডিয়া</a> </li><li> <a href="/i-u-esabi-pasathru/">ইউএসবি-পাসথ্রু</a> </li><li> <a href="/phedora/">ফেডোরা</a> </li><li> <a href="/nirapada-buta/">#নিরাপদ বুট</a> </li><li> <a href="/dibha-isa-pasathru/">ডিভাইস-পাসথ্রু</a> </li><li> <a href="/esadi-ena/">এসডিএন</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">জনপ্রিয় পোস্ট</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0A/what-is-the-process-of-creating-a-header-using-html-and-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/html-ebam-css-byabahara-kare-hedara-tairira-prakriya-ki">HTML এবং CSS ব্যবহার করে হেডার তৈরির প্রক্রিয়া কী?</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/9F/what-is-xfs-resize-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/xfs-risa-ija-ki">XFS রিসাইজ কি?</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/BE/sql-startswith-operator-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sql-startswith-aparetara">SQL StartsWith() অপারেটর</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E0/how-to-implement-mongodb-geospatial-features-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mangodibi-ji-ospesiyala-baisistyaguli-kibhabe-prayoga-karabena">মঙ্গোডিবি জিওস্পেশিয়াল বৈশিষ্ট্যগুলি কীভাবে প্রয়োগ করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5F/create-substrings-of-strings-in-postgresql-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/postgresql-e-strim-era-sabastrim-tairi-karuna">PostgreSQL এ স্ট্রিং এর সাবস্ট্রিং তৈরি করুন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/DF/how-to-extract-a-rar-file-on-fedora-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/phedora-linakse-kibhabe-ekati-rar-pha-ila-bera-karabena">ফেডোরা লিনাক্সে কীভাবে একটি RAR ফাইল বের করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/13/what-is-java-private-keyword-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/jabha-pra-ibheta-ki-oyarda-ki">জাভা প্রাইভেট কিওয়ার্ড কি?</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5C/bigquery-vs-athena-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bigquery-banama-ethena">BigQuery বনাম এথেনা</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/10/enable-and-disable-sleep-mode-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspaberi-pa-ite-slipa-moda-saksama-ebam-aksama-karuna">রাস্পবেরি পাইতে স্লিপ মোড সক্ষম এবং অক্ষম করুন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/99/how-to-use-isblank-function-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-c-e-isblank-phansana-byabahara-karabena">কিভাবে C++ এ isblank() ফাংশন ব্যবহার করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/48/how-to-setup-a-kubernetes-cluster-on-an-aws-ec2-instance-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ekati-aws-ec2-udaharane-ekati-kubaranetasa-klastara-kibhabe-seta-apa-karabena">একটি AWS EC2 উদাহরণে একটি কুবারনেটস ক্লাস্টার কীভাবে সেটআপ করবেন?</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/8A/how-to-send-a-hyperlink-in-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/disakarde-kibhabe-ha-iparalinka-pathabena">ডিসকর্ডে কীভাবে হাইপারলিঙ্ক পাঠাবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/DE/how-to-set-up-a-firewall-with-ufw-on-debian-11-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-debiyana-11-e-ufw-era-sathe-ekati-phayara-oyala-seta-apa-karabena">কিভাবে ডেবিয়ান 11-এ UFW এর সাথে একটি ফায়ারওয়াল সেট আপ করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5B/how-to-use-the-postrgresql-crosstab-module-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/postrgresql-crosstab-madi-ula-kibhabe-byabahara-karabena">PostrgreSQL Crosstab মডিউল কিভাবে ব্যবহার করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/77/how-does-overflow-scroll-differ-from-overflow-auto-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-obharaphlo-skrola-obharaphlo-theke-alada-ato">কিভাবে ওভারফ্লো:স্ক্রোল ওভারফ্লো থেকে আলাদা: অটো?</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/53/how-to-use-web-workers-for-multithreading-in-javascript-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/jabhaskripte-maltithredinyera-jan-ya-kibhabe-oyeba-oyarkara-byabahara-karabena">জাভাস্ক্রিপ্টে মাল্টিথ্রেডিংয়ের জন্য কীভাবে ওয়েব ওয়ার্কার ব্যবহার করবেন?</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B1/what-is-reflection-in-golang-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/golanye-pratiphalana-ki">গোলংয়ে প্রতিফলন কি</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/EF/how-to-align-images-and-text-responsively-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-pratikriyasilabhabe-citra-ebam-pathya-saribad-dha-karabena">কীভাবে প্রতিক্রিয়াশীলভাবে চিত্র এবং পাঠ্য সারিবদ্ধ করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/75/how-to-use-a-box-text-in-latex-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kibhabe-latex-e-ekati-baksa-teksata-byabahara-karabena">কিভাবে LaTeX এ একটি বক্স টেক্সট ব্যবহার করবেন</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/82/postgres-group-concat-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/postgres-group-concat">Postgres Group_Concat</a> </h3> <div class="meta"> <div> <a href="/an-yan-ya/"><span class="icon-chat"></span> অন্যান্য</a> </div> </div> </div> </div> </div> </div> </div><!-- END COL --> </div> </section> </div><!-- END COLORLIB-MAIN --> </div><!-- END COLORLIB-PAGE --> <!-- loader --> <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>