y7.hk'dagi zamonaviy muhandislik maqolasining anatomiyasi

Bu maqola bizning maqola render dvigatelining barcha vizual, tipografik va media imkoniyatlarini bir joyga jamlaydi.

1. Callout’lar va chekka eslatmalari

Callout’lar saytning umumiy monoxrom uslubiga mos keladi — rang-barang chegarali svetofor emas, toza inset bloklar:

2. Rasmlar va media

Ikki variantni solishtirish (media grid)

“Oldin” va “Keyin” interfeyslarni solishtirish uchun ikki rasmli grid:

Muallifning jonli video avatari

Karta interfeysiga integratsiya qilingan dumaloq video komponent:

Yakushev Hermann

Product Engineer · Southeast Asia

/me.mp4

3. Kod, Diff patch’lar va Terminal

Refaktoring diff patch’i

Qo’shilgan qatorlar yumshoq zumrad rangda, o’chirilganlar xira qizil rangda ajratiladi:

  export async function handleRequest(req: Request): Promise<Response> {
-   const legacyToken = req.headers.get("x-legacy-token");
-   if (!legacyToken) return new Response("Unauthorized", { status: 401 });
+   const authSession = await verifyAgentSession(req);
+   if (!authSession.valid) {
+     return Response.json({ error: "Session expired" }, { status: 403 });
+   }

    return await processWorkflow({
-     mode: "sync",
+     mode: "streaming-duplex",
      timeout: 30000,
    });
  }

Terminal buyrug’i (Bash)

$ prompt belgisi user-select: none selektori tufayli clipboard’ga ko’chirilmaydi:

git clone https://github.com/yakushev/Y.git && cd Y
npm install
npm run build

4. Matematika va KaTeX formulalari

Display formula

Murakkab formulalar mobil qurilmalarda gorizontal skroll qo’llab-quvvatlashi bilan render qilinadi:

\mathcal{L}_{\text{total}} = \alpha \cdot \mathbb{E}_{x \sim p_{\text{data}}}\left[\log D(x)\right] + \beta \cdot \sum_{i=1}^{N} \left\| \nabla_x f(x_i) \right\|_2^2

Transformer Attention formulasi¹:

\text{Attention}(Q, K, V) = \text{softmax}\left(\frac{QK^T}{\sqrt{d_k}}\right)V

Inline formulalar

Matn ichida to’g’ridan-to’g’ri matematik belgilar va tenglamalar: e^{i\pi} + 1 = 0, matritsa ko’paytmasi A \times B \in \mathbb{R}^{m \times p} va gradient normasi \|\nabla \theta\| \le \epsilon.

5. Skroll qo’llab-quvvatlanadigan jadvallar

Jadvallar avtomatik ravishda adaptiv skroll konteynerga o’raladi va smartfonlarda o’qiladigan bo’lib qoladi:

6. Yig’iladigan spoilerlar (<details>)

Log’larni yoki ixtiyoriy qismlarni yashirish uchun interaktiv akkordeonlar:

{
  "id": "chatcmpl-98a72b",
  "model": "deepseek-r1",
  "choices": [
    {
      "message": {
        "role": "assistant",
        "content": "Naqsh muvaffaqiyatli tekshirildi."
      },
      "finish_reason": "stop"
    }
  ],
  "usage": {
    "prompt_tokens": 128,
    "completion_tokens": 42
  }
}

7. Checklist’lar va tezkor tugmalar

Markdown formatidagi vazifalar ro’yxati:

• Rangli callout’lar sozlandi
• Diff kod highlight’i amalga oshirildi
• KaTeX matematik formulalari integratsiya qilindi
• Serif / Sans almashtirgich qo’shildi
• Media fayllar uchun <figcaption> stillari tayyorlandi
• Interaktiv 3D canvas sahnalari qo’shilishi rejalashtirilgan

Boshqaruv uchun tezkor tugmalar:

• Global qidiruv uchun ⌘ + K bosing.
• Konsolni ochish uchun ~ bosing.
• Har qanday popup’ni yopish uchun Esc bosing.

8. Mualliflik ko’rsatilgan iqtiboslar

Dizayn — bu narsa qanday ko’rinishi va qanday his qilinishi emas. Dizayn — u qanday ishlashidir. Stiv Jobs

9. Akademik izohlar

Transformer’lar haqidagi asl maqolaga havola qilingan matn². Izoh raqamiga bosish sizni sahifaning pastidagi izoh paneliga bir zumda olib boradi, ↩ strelka belgisini bosish esa aynan o’qigan joyingizga qaytaradi.