# Noterich Kebolehgunaan Kebolehgunaan Kunci dan Petua Produktiviti Menguasai kebolehgunaan kunci kunci adalah cara yang paling cepat untuk mengubah cara anda mengambil nota daripada proses yang perlahan dan manual menjadi proses yang lancar dan pantas. **Noterich** direka untuk pengguna berkuasa yang menghargai kecekapan. Dengan membiarkan tangan anda di papan kekunci, anda boleh mempertahankan “keadaan aliran” anda sambil mengatur idea yang kompleks, memasukkan media yang kaya, dan menguruskan asas pengetahuan anda. Panduan ini membincangkan kebolehgunaan kunci yang penting dan ciri-ciri produktiviti yang tersembunyi yang akan membantu anda menulis dengan lebih cepat dan berfikir dengan lebih jelas. --- ## 🚀 Falsafah Kelajuan Dalam Noterich, kelajuan bukan hanya tentang menaip dengan cepat; ia adalah tentang **mengurangkan geseran**. Setiap kali anda mencari butang dalam toolbar menggunakan mouse, anda akan mengganggu fokus anda. Sistem kebolehgunaan kunci kami dibina berdasarkan tiga prinsip utama: 1. **Kepentingan Konteks**: Kebolehgunaan kunci berubah berdasarkan apa yang anda lakukan (mengedit teks berbanding navigasi senarai). 2. **Kemudahan Ditemui**: Anda tidak perlu menghafal segala-galanya. Gunakan arahan `Slash (/)` untuk mencari alat secara segera. 3. **Prestasi Berpusatkan Tempat**: Kerana Noterich berjalan secara tempatan, tindak balas kebolehgunaan kunci adalah segera, tanpa gangguan rangkaian. ```mermaid graph TD A[Permulaan Penulisan] --> B{Perlu Pematangan?} B -- Ya --> C[Guna Ctrl/Cmd + B/I/U] B -- Tidak --> D[Perlu Komponen Baru?] D -- Ya --> E[Menulis / Arahan] D -- Tidak --> F[Terus Menulis] E --> G[Pilih Menggunakan Kunci Arah] G --> H[Masukkan Secara Segera] C --> I[Teruskan Aliran] H --> I F --> I style A fill:#fafafa,stroke:#eaeaea,color:#333 style I fill:#000,stroke:#000,color:#fff ``` --- ## ⌨️ Pematangan Teks Asas Ini adalah kebolehgunaan kunci asas yang akan anda gunakan setiap hari. Ia berfungsi dalam mod **Teks Kaya** dan **Markdown**. ### Gaya Asas | Tindakan | Windows / Linux | macOS | | :--- | :--- | :--- | | **Tebal** | `Ctrl` + `B` | `⌘` + `B` | | *Italic* | `Ctrl` + `I` | `⌘` + `I` | | <u>Underground</u> | `Ctrl` + `U` | `⌘` + `U` | | ~~~Strikethrough~~ | `Ctrl` + `Shift` + `X` | `⌘` + `Shift` + `X` | | Pematangan Semula Jadi | `Ctrl` + `\` | `⌘` + `\` | ### Paragraf & Struktur | Tindakan | Windows / Linux | macOS | | :--- | :--- | :--- | | Judul 1 | `Ctrl` + `Alt` + `1` | `⌘` + `Opt` + `1` | | Judul 2 | `Ctrl` + `Alt` + `2` | `⌘` + `Opt` + `2` | | Senarai Butiran | `Ctrl` + `Shift` + `8` | `⌘` + `Shift` + `8` | | Senarai Nombor | `Ctrl` + `Shift` + `7` | `⌘` + `Shift` + `7` | | Senarai Tugas (Checkbox) | `Ctrl` + `Shift` + `9` | `⌘` + `Shift` + `9` | | Kutipan Blockquote | `Ctrl` + `Shift` + `Q` | `⌃` + `Shift` + `Q` | | Blok Kod | `Ctrl` + `Alt` + `C` | `⌘` + `Opt` + `C` | > **Petua Profesional**: Jika anda lupa kebolehgunaan kunci, hanya tekan `/` diikuti dengan nama elemen (contohnya, `/heading`, `/code`) untuk memasukkannya tanpa perlu menyentuh mouse. --- ## 🧩 Kekuatan Arahan Titisan (`/`) Arahan `/` adalah hati kebolehgunaan kunci produktiviti Noterich. Ia menggantikan puluhan klik menu dengan satu klik kunci. Apabila anda menaip `/`, menu pintar akan muncul, membolehkan anda mencari sebarang komponen. ### Arahan Produktiviti Utama * `/ai`: Buka AI Assistant untuk menghasilkan kandungan, merumuskan teks, atau menterjemahkan. * `/table`: Masukkan jadual dinamik. Anda juga boleh menaip `3x4` untuk mencipta jadual 3 baris, 4 lajur dengan segera. * `/mermaid`: Cipta diagram alir dan peta fikiran menggunakan sintaks teks yang mudah. * `/echarts`: Masukkan visualisasi data interaktif seperti carta bar atau graf garis. * `/excalidraw`: Buka papan putih Infinity untuk sketsa dan diagram. * `/date`: Masukkan tarikh hari ini, atau gunakan `/yesterday` dan `/tomorrow`. * `/collapsible`: Tutup bahagian teks yang panjang untuk menjaga kesempurnaan nota anda. ```svg <svg width="400" height="200" viewBox="0 0 400 200" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="380" height="180" rx="8" fill="#fafafa" stroke="#eaeaea" stroke-width="1"/> <text x="20" y="40" font-family="Inter, sans-serif" font-size="14" fill="#333">Tekan "/" untuk membuka pilihan komponen...</text> <!-- Simulasi Menu --> <rect x="20" y="50" width="360" height="120" rx="4" fill="#ffffff" stroke="#eaeaea" stroke-width="1" filter="drop-shadow(0 4px 6px rgba(0,0,0,0.05))"/> <!-- Item Menu --> <rect x="30" y="60" width="340" height="30" rx="4" fill="#f4f4f5"/> <text x="40" y="80" font-family="Inter, sans-serif" font-size="13" fill="#000" font-weight="600">🤖 AI Assistant</text> <rect x="30" y="95" width="340" height="30" rx="4" fill="transparent"/> <text x="40" y="115" font-family="Inter, sans-serif" font-size="13" fill="#666">📊 ECharts Visualisasi</text> <rect x="30" y="130" width="340" height="30" rx="4" fill="transparent"/> <text x="40" y="150" font-family="Inter, sans-serif" font-size="13" fill="#666">📝 Mermaid Diagram Alir</text> </svg> ``` --- ## 🗂️ Navigasi & Pengurusan Pengurusan pangkalan pengetahuan yang besar memerlukan navigasi yang efisien. Noterich menyediakan kebolehgunaan kunci untuk bergerak antara nota, ruang kerja, dan panel tanpa mengganggu aliran kerja anda. ### Navigasi Global | Tindakan | Windows / Linux | macOS | | :--- | :--- | :--- | | Nota Baru | `Ctrl` + `Alt` + `N` | `⌘` + `Opt` + `N` | | Simpan Nota | `Ctrl` + `S` | `⌘` + `S` | | Cari Nota | `Ctrl` + `K` | `⌘` + `K` | | Tutup sidebar | `Ctrl` + `B` | `⌘` + `B` | | Tukar Ruang Kerja | `Ctrl` + `Alt` + `W` | `⌘` + `Opt` + `W` | ### Navigasi Editor | Tindakan | Windows / Linux | macOS | | :--- | :--- | :--- | | Pindah Baris Atas | `Alt` + `Up` | `Opt` + `Up` | | Pindah Baris Bawah | `Alt` + `Down` | `Opt` + `Down` | | Duplikat Baris | `Shift` + `Alt` + `Down` | `Shift` + `Opt` + `Down` | | Cari dalam Nota | `Ctrl` + `F` | `⌘` + `F` | | Cari Baris Berikut | `F3` | `⌘` + `G` | | Cari Baris Sebelumnya | `Shift` + `F3` | `⇧` + `⌘` + `G` | --- ## 🎨 Media & Visual Asas Noterich bukan hanya untuk teks. Gunakan kebolehgunaan kunci ini untuk memasukkan media yang kaya yang membuat nota anda menjadi lebih hidup. * **Gambar**: Tekan dan lepaskan disokong, tetapi anda juga boleh menggunakan `/image` untuk memuat naik dari peranti anda. * **Formula Matematik**: Tulis `/equation` untuk membuka editor LaTeX. Untuk matematik dalam teks, gunakan pembolehubah `$` untuk memisahkan teks. * **Potongan Kod**: Gunakan `/code` untuk memasukkan blok teks yang ditingkatkan sintaksnya. Noterich menyokong lebih daripada 50 bahasa termasuk Python, JavaScript, dan Rust. * **Embed**: Pasang pautan YouTube atau Twitter secara langsung, dan Noterich akan mengubahnya menjadi visualisasi terbenam secara automatik. ### Visualisasi Data Anda Anda boleh membuat carta yang kompleks tanpa meninggalkan papan kekunci. Cuba menaip `/echarts` dan memasukkan konfigurasi JSON, atau gunakan `/mermaid` untuk melukis diagram urutan: ```mermaid sequenceDiagram participant User participant NoteRich participant LocalDB User->>NoteRich: Tekan Ctrl+S NoteRich->>LocalDB: Serialisasi ke MsgPack LocalDB-->>NoteRich: Konfirmasi Simpan NoteRich-->>User: Tunjukkan “Dikirim” Toast ``` --- ## 🛡️ Kebolehgunaan Kunci Privasi & Keselamatan Oleh kerana Noterich adalah berpusatkan tempatan, keselamatan data anda adalah sangat penting. Kami menyediakan cara cepat untuk mengurus tetapan privasi anda. * **Lock Ruang Kerja**: Walaupun belum ada kunci tunggal untuk ini, anda boleh dengan cepat mengakses antaramuka Pengurusan Lesen untuk mengesahkan status Pro anda untuk ciri-ciri yang dienkripsi. * **Eksport Backup Enkripsi**: Gunakan panel pengurusan pangkalan data untuk mengeksport keseluruhan ruang kerja anda sebagai fail `.nrs` yang dilindungi kata laluan. Ini memastikan bahawa walaupun cakera sandaran anda hilang, nota anda tetap selamat dengan enkripsi AES-GCM. --- ## 💡 Petua Produktiviti untuk Pengguna Berkuasa ### 1. Gunakan Kesedaran "Kotor" Noterich menggunakan bendera "kotor" untuk memantau perubahan yang belum disimpan. Jika anda melihat penunjuk kecil dalam bar status, nota anda belum disimpan ke IndexedDB. Jadilah kebiasaan menekan `Ctrl/Cmd + S` selepas menyelesaikan blok pemikiran anda. ### 2. Manfaatkan Pengasingan Dua Ruang Kerja Jika anda bekerja pada beberapa projek, gunakan ruang kerja yang berbeza. Anda boleh bertukar antara mereka menggunakan hash URL `#workspace=projectA`. Ini menjaga indeks carian dan data FlexSearch agar terpisah, menjadikan carian lebih cepat dan relevan. ### 3. P2P Sharing untuk Kerjasama Cepat Daripada menghantar fail melalui e-mel, gunakan ciri perkongsian P2P. Buat pautan dari menu Tindakan dan hantar ke rakan sekerja. Mereka boleh menerima nota tersebut secara langsung ke pelayar mereka melalui WebRTC, tanpa perlu perantara server. ### 4. Tetapkan Pengalaman Font Anda Jika anda menghabiskan jam-jam membaca, keletihan font adalah nyata. Gunakan senarai font di toolbar untuk beralih ke font serif yang mudah dibaca seperti **Merriweather** atau font sans-serif yang bersih seperti **Inter**. Noterich mengingati font yang digunakan terakhir untuk akses yang cepat. --- ## Kesimpulan Kebolehgunaan kunci bukan hanya tentang menyimpan saat-saat, tetapi tentang mempertahankan momentum pemikiran anda. Dengan mengintegrasikan kebolehgunaan kunci ini ke dalam rutin harian anda, anda membenarkan Noterich menjadi tambahan yang sempurna kepada fikiran anda. Mulakan dengan yang asas – **Tebal**, **Italic**, dan **Kebolehgunaan Arahan Titisan** – dan secara beransur-ansur masukkan kebolehgunaan kunci navigasi yang lebih maju. Tidak lama lagi, anda akan menemui diri anda menulis dengan kelajuan pemikiran anda. Sudah bersedia untuk mencubanya? [Jalankan Noterich](https://noterich.com/app/) dan mulakan membina otak kedua anda hari ini. --- <div class="flex flex-wrap gap-2 mt-8 mb-12"> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">Produktiviti</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">Kebolehgunaan Kunci</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">Workflow</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">Berpusatkan Tempat</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">PKM</span> </div>