Ana içeriğe geç
Software Dictionary

Bloglar ve belgeler için

Sitenizdeki her yazılım terimini bağlayın

Sitenize tek bir satır ekleyin; yazılarınızdaki yazılım terimleri buradaki sayfalarına bağlansın, üzerine gelince kısa bir tanım görünsün. Ücretsiz, hesap yok, takip yok.

Canlı örnek

Nasıl yayına alıyoruz?

Ekibimiz TypeScript ile tek sayfalı uygulama geliştiriyor. Uygulama bir REST API ile konuşuyor, önbelleği Redis'te tutuyor ve Docker imajı olarak Kubernetes'e çıkıyor; orada bir yük dengeleyici trafiği dağıtıyor, statik dosyaları da bir CDN sunuyor.

Noktalı bir kelimenin üzerine gelin ya da Tab ile ona geçin.

bağlanabilen terim
644
dil
2
KB, bağımlılık yok
7
çerez ya da takip
0

Nasıl çalışır?

  1. 01

    Tek satır yapıştırın

    Script'i sitenize bir kez, footer'a ekleyin.

  2. 02

    Terimler bulunur

    Yazınızdaki yazılım terimlerini bulur ve her birini bir kez bağlar.

  3. 03

    Okurlar tanımı görür

    Bir terimin üzerine gelince ya da Tab ile odaklanınca kısa tanım açılır; tek tıkla sayfanın tamamı gelir.

Tek satırda ekleyin

Bunu kapanan </body> etiketinden önce yapıştırın. Terimleri <article> içinde, article yoksa <main> içinde bağlar.

Sitenizin HTML'ihtml
<script src="https://softwaredictionary.org/term-linker.js" data-lang="tr" defer></script>

Platformunuza göre adım adım

Script eklemeye izin veren her yerde aynı satır çalışır. Nereye ekleneceği:

WordPress
  1. 1Ücretsiz WPCode eklentisini kurun (Plugins → Add New), sonra Code Snippets → Header & Footer bölümünü açın.
  2. 2Satırı Footer kutusuna yapıştırın.
  3. 3Save Changes'e tıklayın.

Eklenti eklemek istemiyor musunuz? Bir child theme'de functions.php dosyasına bunu ekleyin:

functions.phpphp
add_action( 'wp_footer', function () {
	echo '<script src="https://softwaredictionary.org/term-linker.js" data-lang="tr" defer></script>';
} );
Ghost
  1. 1Settings → Code injection bölümünü açın.
  2. 2Satırı Site footer alanına yapıştırın.
  3. 3Save'e tıklayın.
Site footerhtml
<script src="https://softwaredictionary.org/term-linker.js" data-lang="tr" data-selector=".gh-content" defer></script>
Blogger
  1. 1Tema'yı açın, ardından Özelleştir → HTML'yi düzenle.
  2. 2</body> etiketini bulun ve satırı hemen üstüne yapıştırın.
  3. 3Kaydet'e tıklayın.
Tema HTML'ihtml
<script src="https://softwaredictionary.org/term-linker.js" data-lang="tr" data-selector=".post-body" defer></script>
Webflow, Squarespace, Wix
  1. 1Özel kod ayarlarını açın: Webflow'da Site settings → Custom code, Squarespace'te Code injection, Wix'te Settings → Custom code (Body – end).
  2. 2Satırı footer kod kutusuna yapıştırın.
  3. 3Kaydedip siteyi yayınlayın.

Bu araçlar özel kodu çalıştırmak için ücretli bir plan isteyebilir.

Footer codehtml
<script src="https://softwaredictionary.org/term-linker.js" data-lang="tr" defer></script>
Hugo, Jekyll, Eleventy
  1. 1Her sayfanın kullandığı şablonu açın: Hugo'da layouts/_default/baseof.html, Jekyll'da _layouts/default.html, Eleventy'de temel şablonunuz.
  2. 2Satırı </body> etiketinin hemen önüne yapıştırın.
  3. 3Her zamanki gibi derleyip yayınlayın.
baseof.html · default.htmlhtml
<script src="https://softwaredictionary.org/term-linker.js" data-lang="tr" defer></script>
Docusaurus
  1. 1docusaurus.config.js dosyasını açın.
  2. 2Aşağıdaki script'i ve client module'ü ekleyin; sonra açılan sayfalar da bağlansın.
  3. 3Siteyi yeniden başlatın ya da yayınlayın.
docusaurus.config.js · src/term-linker.jsjs
// docusaurus.config.js
export default {
  scripts: [{ src: "https://softwaredictionary.org/term-linker.js", defer: true, "data-lang": "tr", "data-selector": ".theme-doc-markdown" }],
  clientModules: ["./src/term-linker.js"],
};

// src/term-linker.js: link the terms of every page opened after the first
export function onRouteDidUpdate() {
  window.termLinker?.();
}
Next.js ve React
  1. 1Aşağıdaki bileşenle app/term-linker.tsx dosyasını oluşturun.
  2. 2<TermLinker /> bileşenini kök layout'ta bir kez kullanın.
  3. 3Yayınlayın: her sayfa geçişinden sonra yeni sayfanın terimleri bağlanır.
app/term-linker.tsxtsx
"use client";

import Script from "next/script";
import { usePathname } from "next/navigation";
import { useEffect } from "react";

declare global {
  interface Window {
    termLinker?: () => void;
  }
}

export function TermLinker() {
  const pathname = usePathname();
  useEffect(() => {
    window.termLinker?.();
  }, [pathname]);
  return <Script src="https://softwaredictionary.org/term-linker.js" data-lang="tr" strategy="afterInteractive" />;
}

Medium, Substack ve dev.to yazılarda script'e izin vermediği için terim bağlayıcı orada çalışmaz.

Neyi bağlar, neye dokunmaz

  • Her terim yalnızca ilk geçtiği yerde, bir kez bağlanır; metin okunaklı kalır.

  • Koda, başlıklara, düğmelere ve var olan bağlantılara hiç dokunmaz. Atlanmasını istediğiniz öğeye data-term-linker="off" ekleyin.

  • Yalnızca bağlama göre yazılım terimi olan gündelik kelimeler ("branch", "commit", "session") dışarıda kalır.

  • Tek sayfalı bir uygulamada her sayfa değişiminden sonra window.termLinker() çağırın.

Daha fazla

Ayarlar

EnglishTürkçe