Markdown Examples

Showcase of advanced markdown features with Indonesian content

Contoh Fitur Markdown Lanjutan

Halaman ini mendemonstrasikan berbagai fitur markdown yang tersedia dalam dokumentasi Hidden Crucials.

Text Formatting Dasar

Teks tebal dan teks miring serta tebal dan miring

Teks yang dicoret dan kode inline

Text Alignment

Paragraf ini rata kiri (default). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Paragraf ini rata tengah. Berguna untuk quote atau emphasis khusus. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

Paragraf ini rata kanan. Cocok untuk signature atau penutup. Duis aute irure dolor in reprehenderit in voluptate.

Callout Boxes

Info: Ini adalah callout info untuk memberikan informasi tambahan yang berguna bagi pembaca.

Peringatan: Hati-hati dengan implementasi ini karena dapat mempengaruhi performa sistem.

Berhasil: Konfigurasi telah selesai dan sistem berjalan dengan baik!

Error: Terjadi kesalahan dalam proses. Silakan periksa log untuk detail lebih lanjut.

Code Blocks

// Contoh implementasi theme toggle
class ThemeManager {
  constructor() {
    this.themes = ['light', 'dark', 'reading'];
    this.currentTheme = localStorage.getItem('theme') || 'light';
  }
  
  cycleTheme() {
    const currentIndex = this.themes.indexOf(this.currentTheme);
    const nextIndex = (currentIndex + 1) % this.themes.length;
    this.setTheme(this.themes[nextIndex]);
  }
}

Tables

Fitur Light Mode Dark Mode Reading Mode
Background #ffffff #1a1a1a #fef9f3
Text #1a1a1a #e5e5e5 #4a2c20
Accent #dc2626 #ef4444 #c2410c

Lists

Daftar Berurut

  1. Pahami masalah dengan mendalam
  2. Identifikasi pola yang tersembunyi
  3. Aplikasikan framework yang tepat
  4. Evaluasi dan iterasi solusi

Daftar Tidak Berurut

  • Cognitive Bias: Memahami distorsi dalam pengambilan keputusan
  • Mental Models: Kerangka berpikir untuk masalah kompleks
  • System Thinking: Melihat hubungan antar komponen
  • First Principles: Memecah masalah ke elemen fundamental

Images

Contoh Diagram Contoh diagram yang menjelaskan konsep utama

Logo

Video Preview

Video penjelasan konsep dalam praktek

Quotes

Pengetahuan yang paling berharga adalah yang tersembunyi di depan mata. Yang tampak jelas justru sering diabaikan karena kesederhanaannya.

— Hidden Crucials Philosophy

“The best way to understand a system is to try to change it.” — Kurt Lewin

Mathematical Notation

Untuk inline math: E = mc²

Untuk block math:

f(x) = ∫ x dx = x²/2 + C

Ini adalah contoh link internal dan link eksternal.

Referensi dengan footnote1 juga didukung.

Progressive Disclosure

Klik untuk melihat detail teknis Implementasi fitur markdown ini menggunakan kombinasi: - CSS custom classes untuk styling - JavaScript untuk interaktivity - Jekyll liquid tags untuk processing - Custom CSS properties untuk theming ```css .callout { padding: var(--space-4); border-left: 4px solid var(--color-border); border-radius: var(--radius-md); margin: var(--space-6) 0; } .callout-info { background-color: var(--color-info-bg); border-color: var(--color-info); } ```

Semua fitur di atas dapat digunakan dalam artikel dokumentasi untuk menciptakan konten yang lebih menarik dan informatif.

  1. Ini adalah footnote yang menjelaskan detail tambahan. ↩