diff options
Diffstat (limited to 'public/posts/neovim/index.html')
| -rw-r--r-- | public/posts/neovim/index.html | 36 |
1 files changed, 31 insertions, 5 deletions
diff --git a/public/posts/neovim/index.html b/public/posts/neovim/index.html index 54582f1..595ac1b 100644 --- a/public/posts/neovim/index.html +++ b/public/posts/neovim/index.html @@ -20,7 +20,7 @@ - <link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac08a4c9714baa859217f92f051deb58df2938ec352b506df655005dcaf98cc0.css" /> + <link rel="stylesheet" type="text/css" media="screen" href="/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css" /> <link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)" /> @@ -62,7 +62,20 @@ <section class="body"> - <p><img src="/dashboard.png" alt="image 1: Neovim"></p> + +<center><figure > + + <img src="/dashboard.png" alt="Neovim" /> + + + <figcaption> + <h4>Neovim - NvChad</h4> + + </figcaption> + +</figure></center> + + <p>Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur seperti IDE yang biasanya seperti Vscode, Atom, dll. Untuk menambahkan fitur-fitur pada Neovim diperlukan effort yang lebih seperti instalasi plugin, konfigurasi autocomplete, dll.</p> <p>Nah sekarang mulai ada berbagai macam autogenerated neovim configuration, dimana kita tidak perlu susah susah untuk melakukan konfigurasi. Saat ini contohnya ada lazyvim, astrovim, dan masih banyak lagi. Pada blog post ini saya akan menjelaskan cara instalasi dari <strong>NvChad</strong> dan untuk distro yang saya gunakan adalah Ubuntu. Tetapi kalian juga bisa menginstall pada distro lainnya.</p> <p>Berikut cara instalasinya:</p> @@ -82,9 +95,22 @@ <li>Install NvChad</li> </ol> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-shell" data-lang="shell"><span style="display:flex;"><span>git clone https://github.com/NvChad/NvChad ~/.config/nvim --depth <span style="color:#ae81ff">1</span> <span style="color:#f92672">&&</span> nvim -</span></span></code></pre></div><p>Selamat!! Neovim kalian akan menjadi IDE seperti Vscode 👍😁👍. Untuk shortcut/keybinding dari NvChad dapat dilihat pada <a href="https://nvchad.com/docs/features" title="NvChad">Link ini</a> atau ketikkan <strong>“Spasi+ch”</strong> pada saat Normal mode.</p> -<h2 id="preview">Preview</h2> -<p><img src="/preview.png" alt="image 2: Preview Nv Chad"></p> +</span></span></code></pre></div><h2 id="preview">Preview</h2> + +<center><figure > + + <img src="/preview.png" alt="Preview Image" /> + + + <figcaption> + <h4>Preview NvChad</h4> + + </figcaption> + +</figure></center> + + +<p>Selamat!! Neovim kalian akan menjadi IDE seperti Vscode 👍😁👍. Untuk shortcut/keybinding dari NvChad dapat dilihat pada <a href="https://nvchad.com/docs/features" title="NvChad">Link ini</a> atau ketikkan <strong>“Spasi+ch”</strong> pada saat Normal mode.</p> <p>*<em><strong>Direkomendasikan sebelum menggunakan vim/neovim kalian harus biasa menggunakan vim binding.</strong></em></p> </section> |