diff options
Diffstat (limited to 'public/posts/neovim/index.html')
| -rw-r--r-- | public/posts/neovim/index.html | 83 |
1 files changed, 44 insertions, 39 deletions
diff --git a/public/posts/neovim/index.html b/public/posts/neovim/index.html index 595ac1b..5dda680 100644 --- a/public/posts/neovim/index.html +++ b/public/posts/neovim/index.html @@ -1,7 +1,7 @@ <!DOCTYPE html> <html><head lang="en"> <meta charset="utf-8" /> - <meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Neovim Sebagai IDE - 📙 Mqdd Blog Posts</title><meta name="viewport" content="width=device-width, initial-scale=1"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Neovim Sebagai IDE - 📙 Mqdd Personal Website</title><meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur. Pada Tutorial ini saya akan menunjukkan cara instalasi agar Neovim memiliki fitur-fitur seperti text editor lain." /> <meta property="og:image" content=""/> <meta property="og:title" content="Neovim Sebagai IDE" /> @@ -11,7 +11,8 @@ <meta property="article:published_time" content="2024-01-21T04:56:47+07:00" /> <meta property="article:modified_time" content="2024-01-21T04:56:47+07:00" /> -<meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Neovim Sebagai IDE"/> +<meta name="twitter:card" content="summary"/> +<meta name="twitter:title" content="Neovim Sebagai IDE"/> <meta name="twitter:description" content="Neovim Merupakan sebuah text editor yang minimalis. Secara default Neovim tidak memiliki banyak fitur. Pada Tutorial ini saya akan menunjukkan cara instalasi agar Neovim memiliki fitur-fitur seperti text editor lain."/> <script src="/js/feather.min.js"></script> @@ -20,8 +21,8 @@ - <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)" /> + <link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac4b0a9155d8d1d5c87be4c90817e8273a7994cf333e4a47a2981193d2b8b5f0.css" /> + <link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.f163b79c6de51d14a766ff9f0563053de7f06a4d1bf7b85a59608bf96e566710.css" media="(prefers-color-scheme: dark)" /> @@ -35,7 +36,7 @@ <body> <div class="content"><header> <div class="main"> - <a href="/">📙 Mqdd Blog Posts</a> + <a href="/">📙 Mqdd Personal Website</a> </div> <nav> @@ -47,7 +48,7 @@ <a href="/tags">Tags</a> - <a href="https://flask.mqdd.cloud">Flask</a> + <a href="https://git.mqdd.my.id">Git</a> </nav> @@ -62,19 +63,21 @@ <section class="body"> - -<center><figure > - - <img src="/dashboard.png" alt="Neovim" /> - - - <figcaption> - <h4>Neovim - NvChad</h4> - - </figcaption> - -</figure></center> + <figure class="center-img"> +<center> + <img + src="/dashboard.png" + alt="Neovim" + title="Neovim - NvChad" + > +</center> + + <figcaption style="font-size:0.9em; opacity:0.7; margin-top:5px;"> + Neovim - NvChad + </figcaption> + +</figure> <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> @@ -82,33 +85,35 @@ <ol> <li>Install Neovim</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>sudo apt install neovim -</span></span></code></pre></div><ol start="2"> +<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">sudo apt install neovim +</code></pre></div><ol start="2"> <li>Cek versi Neovim</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>nvim --version -</span></span></code></pre></div><ol start="3"> +<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">nvim --version +</code></pre></div><ol start="3"> <li>Tambahkan PPA Neovim Unstable <strong>(Jika version < 0.10.0)</strong></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>sudo add-apt-repository ppa:neovim-ppa/unstable -</span></span></code></pre></div><ol start="4"> +<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">sudo add-apt-repository ppa:neovim-ppa/unstable +</code></pre></div><ol start="4"> <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><h2 id="preview">Preview</h2> +<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">git clone https://github.com/NvChad/NvChad ~/.config/nvim --depth <span style="color:#ae81ff">1</span> <span style="color:#f92672">&&</span> nvim +</code></pre></div><h2 id="preview">Preview</h2> +<figure class="center-img"> +<center> + <img + src="/preview.png" + alt="Preview Image" + title="Preview NvChad" + > +</center> -<center><figure > - - <img src="/preview.png" alt="Preview Image" /> - - <figcaption> - <h4>Preview NvChad</h4> - - </figcaption> - -</figure></center> - + <figcaption style="font-size:0.9em; opacity:0.7; margin-top:5px;"> + Preview NvChad + </figcaption> + +</figure> <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> @@ -135,10 +140,10 @@ </article> </main> <footer> - <div style="display:flex"><a class="soc" href="https://github.com/linc2427" rel="me" title="GitHub"><i data-feather="github"></i></a> + <div style="display:flex"><a class="soc" href="https://github.com/Mqdd27" rel="me" title="GitHub"><i data-feather="github"></i></a> <a class="border"></a></div> <div class="footer-info"> - 2024 © Mqdd | <a + 2026 © Mqdd | <a href="https://github.com/athul/archie">Archie Theme</a> | Built with <a href="https://gohugo.io">Hugo</a> </div> </footer> |