Markdown'ı HTML'ye Dönüştürme

Markdown I Html Ye Donusturme



Markdown, biçimlendirme dilidir. Markdown'ı kullanarak daha hızlı ve daha etkili yazabiliriz. İnternet içeriği oluşturmayı kolaylaştırır. Markdown'da metni, paragrafları ve diğer öğeleri kolayca yazabiliriz. Markdown ayrıca birkaç sembol ekleyerek metni biçimlendirmemizi sağlar. Ek olarak, Markdown'a bağlantılar, fotoğraflar, listeler vb. dahil etme seçeneği sunar. HTML'den daha az karmaşıktır. HTML gibi, çok fazla etiket gerektirmez.

HTML'de çok sayıda etiket eklemeliyiz ve biçimlendirme için HTML'ye stil de eklenir. Markdown'ı kullanarak da yapabileceğimiz aynı görevleri HTML'de de yapabiliriz. Sadece bazı komutları kullanarak Markdown dosyasını kolayca HTML dosyasına dönüştürebiliriz. Markdown'ın HTML'ye nasıl dönüştürüleceğini burada açıklayacağız. Ayrıca Markdown'ı HTML'ye dönüştüreceğiz ve bu kılavuzda bu kavramın ayrıntılı bir açıklamasını sağlayacağız. Şimdi Markdown dosyasını HTML dosyasına dönüştürüyoruz. Ayrıca, Markdown dosyasını Visual Studio Code'da HTML dosyasına dönüştürmek için izlememiz gereken her adımı gösterip açıklayacağız.

Örnek 1:

Burada Visual Studio Code kullanıyoruz. Visual Studio Code'da Markdown dosyasını HTML dosyasına nasıl dönüştürdüğümüzü gösteriyoruz. Bunun için bu Visual Studio Kodunda oluşturulmuş Markdown dosyasına sahip olmamız gerekir. Burada oluşturduğumuz dosyanın adı “myabcfile.md”. Bu dosyada “#” etiketini kullanarak başlığı ekliyoruz. Daha sonra bu başlığın altına basit bir metin veya paragraf olan bir metin ekliyoruz. Şimdi, bu satırın başına iki, sonuna iki yıldız eklediğimiz için kalın olan başka bir satır daha ekledik. Yani, bu çizgi burada kalın görünüyor. Bundan sonra “liste” kelimesini italik hale getiriyoruz. Bu kelimeyi iki alt çizgi kullanarak italik yaparız. Sözcüğün başına bir alt çizgi, sonuna bir alt çizgi eklenir. Aşağıdaki çizimde, numarayı yerleştirerek ve sayıdan sonra nokta koyarak sıralı listeyi oluşturuyoruz. Şimdi bu dosyayı kaydediyoruz. Önizleme penceresinde bu dosyanın nasıl göründüğünü de göstereceğiz.









Önizleme penceresinde Markdown kodunun çıktısını gösteriyoruz. Şimdi, bu Markdown'ı HTML'ye dönüştürüyoruz. Devam edin ve bu Markdown dosyasının bir HTML dosyasına nasıl dönüştürüleceğine ilişkin aşağıdaki çizime bakın:







Bu Visual Studio Kodunun en üstünde bulunan görev çubuğundaki terminale tıklayarak terminali açın. Bu terminal açıldığında, aşağıda da gösterilen “code –install-extension yzhang.markdown-all-in-one” komutunu yazın. Bu komutu Visual Studio Code'un terminaline yazdıktan sonra “Enter” tuşuna basıyoruz. Bu komutu başarıyla derledikten sonra ilerliyoruz. Bu komut, burada belirtilen bu uzantının yüklenmesine yardımcı olur.



Bir önceki eklenti başarıyla kurulduğunda bu Visual Studio Code içerisinde “Command Palette”i açıyoruz. Bu komut paleti, basitçe “CTRL+SHIFT+P” tuşlarına basılarak açılır. Bundan sonra, bu Visual Studio Code uygulamasının en üstünde açılır menü açılır. Burada sadece “Markdown” yazıyoruz ve orada birçok komut beliriyor. Aşağıdaki resimde görüldüğü gibi “Markdown All in One: Print Current Document to HTML” seçeneğini seçiyoruz. Burada “CTRL+SHIFT+P” tuşlarına bastıktan sonra bu komutu seçiyoruz. Şimdi bu Markdown dosyası, burada seçtiğimiz bu komut yardımıyla HTML dosyasına dönüştürülür.

Her iki dosya da burada gösterilir. Bu “myabcfile.md” dosyasını “myabcfile.html” dosyasına dönüştürüyoruz. Markdown ve HTML dosyası aşağıdaki resimde gösterilmektedir. Bu HTML dosyası, Markdown dosyasına eklediğimiz tüm verileri içerir. Ancak tek fark, HTML dosyasının içinde farklı etiketler ve stiller içermesi, ancak Markdown dosyasının çok fazla etiket içermemesidir.

HTML dosyası da aşağıdaki resimde gösterilmektedir. Bu dosyada “, , , <style> ve birçok etiketi not edebilirsiniz”. Bu, Markdown'ı HTML'ye dönüştürmenin en basit yoludur.</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> Örnek 2:</strong> </h2> <p> Bu Markdown dosyasına başlık, sırasız liste, sıralı liste, metin ve biçimlendirilmiş metni ekliyoruz. Başlığı buraya ekliyoruz. Ardından, bir metin de yazıp sırasız listeyi ekliyoruz. Bundan sonra, kalın ve italik stilleri uyguladığımız bazı kelimeleri de eklediğimiz başka bir satır ekliyoruz. Daha sonra sıralı listeyi ve yeni satırı bu sıralı listenin arkasına yerleştiriyoruz. Şimdi bu dosyayı kaydediyoruz ve bu Markdown dosyasının adı “abcfile.md”. Şimdi bu “abcfile.md”yi HTML dosyasına dönüştürüyoruz.</p> <p> <img class="wp-image-231464" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-8.png"></p> <p> Daha önce bahsettiğimiz gibi yine terminali açıyoruz ve verilen komutu Visual Studio Code'un terminaline yazıyoruz. Verilen komutu çalıştırdıktan sonra bu terminali kapatıyoruz.</p> <p> <img class="wp-image-231468" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-9.png"></p> <p> Ardından “CTRL+SHIFT+P” tuşlarına basıp palet komutunu açıyoruz. Burada, üstteki resimde gösterilen komutu seçiyoruz. Bu, önceki Markdown kod dosyasını HTML dosyasına dönüştürür.</p> <p> <img class="wp-image-231470" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-10.png"></p> <p> Her iki dosya da burada görüntülenir. Bu “abcfile.md” dosyası bir “abcfile.html” dosyasına dönüştürülür. Aşağıdaki görüntü hem Markdown hem de HTML dosyalarını görüntüler. Bu HTML dosyası ile Markdown dosyası arasındaki tek fark, HTML dosyasının farklı etiketler ve stil kullanması, Markdown dosyası ise daha az sembol kullanmasıdır. Bu HTML dosyası, Markdown dosyasına katkıda bulunan tüm bilgileri içerir.</p> <p> <img class="wp-image-231472" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-11.png"></p> <p> Bu HTML dosyasını açtığımızda, Markdown dili çok fazla etikete ihtiyaç duymadığı için Markdown'a eklemediğimiz birçok etiket görüyoruz. Markdown çok basit ve kolay bir dildir. Bu resimde gösterildiği gibi, “blockquote” oluşturulması için “ <blockquote>” etiketini ekler. Ancak Markdown dosyasında, bu blok alıntıyı oluşturmak için “>”den büyük sembolünü eklememiz yeterlidir.</p> <p> Sırasız bir liste için, HTML dosyası '<ul>' açılış ve kapanış etiketlerinin yanı sıra liste öğesini eklemek için '<li>' etiketini içerir. Ancak önceki Markdown dosyasında, sırasız listeyi oluşturmak için basitçe “-” sembolünü ekledik. Ayrıca, sıralı listeyi eklemek için kullanılan “ol” etiketi burada bulunur. Markdown'da, bu sıralı liste için sayı ve nokta ekleyerek bu sıralı listeyi oluşturuyoruz. Önceki Markdown dosyasını burada kolayca HTML dosyasına dönüştürüyoruz.</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> Çözüm</strong> </h2> <p> Bu kılavuzda Markdown'ın HTML'ye nasıl dönüştürüleceği hakkında ayrıntılı bir açıklama sağladık. Bunu nasıl yaptığımızı Visual Studio Code'da anlattık ve bu kılavuzda iki Markdown dosyasını HTML dosyalarına dönüştürdük. Markdown dosyasını oluşturduktan sonra bir uzantı yüklememiz gerektiğini ve ardından Markdown dosyasını HTML dosyasına dönüştürmeye yardımcı olan komutu seçmek için komut paletini açmamız gerektiğini açıkladık. Bu kılavuzda hem Markdown hem de HTML dosyasını da gösterdik, böylece her iki dosyanın verilerini de kolayca kontrol edebilirsiniz. Markdown'ın HTML'ye dönüştürülmesi burada ayrıntılı olarak açıklanmaktadır.</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="/baska/" class="tag-cloud-link">Başka</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">Kategori</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Ahududu Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Başka</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Yakınlaştırma</a> </li><li> <a href="/cinnamon/">Tarçın</a> </li><li> <a href="/reviews/">Yorumlar</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radyo</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Açık Deniz</a> </li><li> <a href="/compression/">Sıkıştırma</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Hava Çatlağı</a> </li><li> <a href="/office-productivity-software/">Ofis Verimlilik Yazılımı</a> </li><li> <a href="/boot/">Bot</a> </li><li> <a href="/system-calls/">Sistem Çağrıları</a> </li><li> <a href="/sysctl/">Sistem</a> </li><li> <a href="/networking/">Ağ Oluşturma</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Kat</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Liman Işçisi</a> </li><li> <a href="/firewall/">Güvenlik Duvarı</a> </li><li> <a href="/wireshark/">Tel Köpekbalığı</a> </li><li> <a href="/synology/">Sinoloji</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Papağan Işletim Sistemi</a> </li><li> <a href="/sublime/">Yüce</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Kod</a> </li><li> <a href="/gnome/">Cüce</a> </li><li> <a href="/manjaro/">Incelik</a> </li><li> <a href="/mouse/">Fare</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Sel</a> </li><li> <a href="/tablet/">Tablet</a> </li><li> <a href="/pycharm/">Şeytan</a> </li><li> <a href="/curl/">Kıvrılmak</a> </li><li> <a href="/kde/">Nerede</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Yazı Tipleri</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Görüntüler</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Kalamar</a> </li><li> <a href="/mate/">Mat</a> </li><li> <a href="/vlc-media-player/">Vlc Medya Oynatıcı</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Tuş Takımı</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Şifreleme</a> </li><li> <a href="/fedora/">Fötr Şapka</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Tarayıcı</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Kırmızı Şapka</a> </li><li> <a href="/teamviewer/">Takım Görüntüleyici</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Jüpiter Defter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Medya Oynatıcılar</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Buhar</a> </li><li> <a href="/jenkins/">Jenkinler</a> </li><li> <a href="/power/">Güç</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Metrekare</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Kavramak</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Yolculuk</a> </li><li> <a href="/audio/">Ses</a> </li><li> <a href="/cpu/">İşlemci</a> </li><li> <a href="/tensorflow/">Tensör Akışı</a> </li><li> <a href="/autodesk/">Otomatik Masa</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Pencereler</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Eski)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Ofis</a> </li><li> <a href="/baska/">Başka</a> </li><li> <a href="/ahududu-pi/">Ahududu Pi</a> </li><li> <a href="/web-kamerasi/">web kamerası</a> </li><li> <a href="/medya-oynaticilar/">medya oynatıcılar</a> </li><li> <a href="/diger/">Diğer</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproksi/">haproksi</a> </li><li> <a href="/cuce/">cüce</a> </li><li> <a href="/bot/">bot</a> </li><li> <a href="/yuce/">yüce</a> </li><li> <a href="/removal-guides/">Kaldırma Kılavuzları</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/sonraki-bulut/">sonraki bulut</a> </li><li> <a href="/erdem/">Erdem</a> </li><li> <a href="/usb-gecidi/">USB geçidi</a> </li><li> <a href="/fotr-sapka/">fötr şapka</a> </li><li> <a href="/guvenli-onyukleme/">#Güvenli Önyükleme</a> </li><li> <a href="/cihaz-gecisi/">cihaz geçişi</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Popüler Mesajlar</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/nvidia/DB/how-to-passthrough-an-nvidia-gpu-to-a-windows-11-proxmox-ve-8-virtual-machine-vm-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/nvidia-gpu-yu-windows-11-proxmox-ve-8-sanal-makinesine-vm-aktarma">NVIDIA GPU'yu Windows 11 Proxmox VE 8 Sanal Makinesine (VM) Aktarma</a> </h3> <div class="meta"> <div> <a href="/nvidia/"><span class="icon-chat"></span> nvidia</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/AE/how-to-delete-dataset-on-hugging-face-step-by-step-method-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sarilma-yuzundeki-veri-kumesi-nasil-silinir-adim-adim-yontem">Sarılma Yüzündeki Veri Kümesi Nasıl Silinir – Adım Adım Yöntem</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/6A/how-to-plot-an-equation-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/matlab-de-denklem-nasil-cizilir">MATLAB'de Denklem Nasıl Çizilir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/52/how-to-remove-discover-bar-on-android-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/android-de-discover-bar-nasil-kaldirilir">Android'de Discover Bar Nasıl Kaldırılır</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/43/what-is-a-clearfix-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/clearfix-nedir">Clearfix nedir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/B5/how-to-make-a-multiline-equation-in-latex-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/latex-te-cok-satirli-bir-denklem-nasil-yapilir">LaTeX'te Çok Satırlı Bir Denklem Nasıl Yapılır?</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</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/AF/how-to-make-an-enchanted-shield-for-ultimate-defense-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/minecraft-ta-ustun-savunma-icin-buyulu-kalkan-nasil-yapilir">Minecraft'ta Üstün Savunma için Büyülü Kalkan Nasıl Yapılır</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/7A/how-to-lock-a-folder-in-windows-11-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/windows-11-de-bir-klasor-nasil-kilitlenir">Windows 11'de Bir Klasör Nasıl Kilitlenir</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/C8/between-operator-in-oracle-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/oracle-da-operator-arasinda">Oracle'da Operatör ARASINDA</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/95/how-to-reset-reinstall-microsoft-store-in-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/windows-ta-microsoft-store-nasil-sifirlanir-yeniden-yuklenir">Windows'ta Microsoft Store Nasıl Sıfırlanır/Yeniden Yüklenir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/17/how-to-convert-long-to-int-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/java-da-long-u-int-ye-donusturme">Java'da long'u int'ye dönüştürme</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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-make-columns-start-or-end-at-the-nth-grid-line-in-tailwind-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/tailwind-de-sutunlarin-n-inci-izgara-cizgisinde-baslamasini-veya-bitmesini-nasil-saglarsiniz">Tailwind'de Sütunların n'inci Izgara Çizgisinde Başlamasını veya Bitmesini Nasıl Sağlarsınız?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/C0/how-to-get-hex-file-from-arduino-ide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/arduino-ide-den-hex-dosyasi-nasil-alinir">Arduino IDE'den Hex Dosyası Nasıl Alınır</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</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/F5/fix-slow-keyboard-lagging-in-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/duzeltme-windows-ta-yavas-klavye-gecikmesi">Düzeltme: Windows'ta Yavaş Klavye Gecikmesi</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/96/how-to-sync-the-android-clipboard-to-windows-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/android-panosunu-windows-ile-nasil-esitlersiniz">Android Panosunu Windows ile Nasıl Eşitlersiniz?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/EC/interfacing-ldr-sensor-with-arduino-nano-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/arduino-nano-ile-ldr-sensoru-arayuzu">Arduino Nano ile LDR Sensörü Arayüzü</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/61/how-to-stream-nintendo-switch-to-discord-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/nintendo-switch-i-discord-a-aktarma">Nintendo Switch'i Discord'a Aktarma</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/E6/javascript-optional-chaining-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/javascript-opsiyonel-zincirleme">JavaScript | Opsiyonel zincirleme</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</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/4D/what-is-aws-cli-8211-installation-commands-amp-applications-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/aws-cli-nedir-kurulum-komutlar-ve-uygulamalar">AWS CLI Nedir – Kurulum, Komutlar ve Uygulamalar</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/EE/fixed-you-ve-been-signed-in-with-a-temporary-profile-in-windows-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/duzeltildi-windows-10-da-gecici-bir-profille-oturum-actiniz">[DÜZELTİLDİ] Windows 10'da Geçici Bir Profille Oturum Açtınız</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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>