diff options
| author | Miqdd <ahmadmiqdad27@te.student.pens.ac.id> | 2024-01-22 06:39:54 +0700 |
|---|---|---|
| committer | Miqdd <ahmadmiqdad27@te.student.pens.ac.id> | 2024-01-22 06:39:54 +0700 |
| commit | 04fdcac1dce2cc439dd8ad1b115507671040737e (patch) | |
| tree | fca0e8fa90c182863adf6a2baedadf8ebb46a5f4 /public/posts | |
Publish
Diffstat (limited to 'public/posts')
| -rw-r--r-- | public/posts/index.html | 76 | ||||
| -rw-r--r-- | public/posts/index.xml | 27 | ||||
| -rw-r--r-- | public/posts/neovim/index.html | 123 | ||||
| -rw-r--r-- | public/posts/notebook/index.html | 120 |
4 files changed, 346 insertions, 0 deletions
diff --git a/public/posts/index.html b/public/posts/index.html new file mode 100644 index 0000000..e60f674 --- /dev/null +++ b/public/posts/index.html @@ -0,0 +1,76 @@ +<!DOCTYPE html> +<html><head lang="en"> + <meta charset="utf-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Posts - 📙 Mqdd Blog Posts</title><meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="" /> + <meta property="og:image" content=""/> + <link rel="alternate" type="application/rss+xml" href="/posts/index.xml" title="📙 Mqdd Blog Posts" /> + <meta property="og:title" content="Posts" /> +<meta property="og:description" content="" /> +<meta property="og:type" content="website" /> +<meta property="og:url" content="/posts/" /> + +<meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Posts"/> +<meta name="twitter:description" content=""/> +<script src="/js/feather.min.js"></script> + + + <link href="/css/fonts.2c2227b81b1970a03e760aa2e6121cd01f87c88586803cbb282aa224720a765f.css" rel="stylesheet"> + + + + <link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac08a4c9714baa859217f92f051deb58df2938ec352b506df655005dcaf98cc0.css" /> + <link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)" /> + + + + + + + + + +</head> +<body> + <div class="content"><header> + <div class="main"> + <a href="/">📙 Mqdd Blog Posts</a> + </div> + <nav> + + <a href="/">Home</a> + + <a href="/posts">All posts</a> + + <a href="/about">About</a> + + <a href="/tags">Tags</a> + + + </nav> +</header> + + +<h1 class="page-title">All articles</h1> + + +<ul class="posts"><li class="post"> + <a href="/posts/neovim/">Neovim Sebagai IDE</a> <span class="meta">21 jan, 2024</span> + </li><li class="post"> + <a href="/posts/notebook/">Instalasi Jupyter Notebook Menggunakan WSL</a> <span class="meta">21 jan, 2024</span> + </li></ul> +<footer> + <div style="display:flex"><a class="soc" href="https://github.com/linc2427" rel="me" title="GitHub"><i data-feather="github"></i></a> + <a class="border"></a></div> + <div class="footer-info"> + 2024 © Mqdd | <a + href="https://github.com/athul/archie">Archie Theme</a> | Built with <a href="https://gohugo.io">Hugo</a> + </div> +</footer> + + +<script> + feather.replace() +</script></div> + </body> +</html> diff --git a/public/posts/index.xml b/public/posts/index.xml new file mode 100644 index 0000000..4e7957b --- /dev/null +++ b/public/posts/index.xml @@ -0,0 +1,27 @@ +<?xml version="1.0" encoding="utf-8" standalone="yes"?> +<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> + <channel> + <title>Posts on 📙 Mqdd Blog Posts</title> + <link>/posts/</link> + <description>Recent content in Posts on 📙 Mqdd Blog Posts</description> + <generator>Hugo -- gohugo.io</generator> + <language>en-us</language> + <copyright>© Mqdd</copyright> + <lastBuildDate>Sun, 21 Jan 2024 04:56:47 +0700</lastBuildDate> + <atom:link href="/posts/index.xml" rel="self" type="application/rss+xml" /> + <item> + <title>Neovim Sebagai IDE</title> + <link>/posts/neovim/</link> + <pubDate>Sun, 21 Jan 2024 04:56:47 +0700</pubDate> + <guid>/posts/neovim/</guid> + <description>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.
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 NvChad dan untuk distro yang saya gunakan adalah Ubuntu.</description> + </item> + <item> + <title>Instalasi Jupyter Notebook Menggunakan WSL</title> + <link>/posts/notebook/</link> + <pubDate>Sun, 21 Jan 2024 04:25:11 +0700</pubDate> + <guid>/posts/notebook/</guid> + <description>Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R.
Pada kali ini saya akan menunjukkan cara menginstall Jupyter Notebook di Windows menggunakan WSL yang dimana menurut saya lebih mudah dibandingkan dengan cara instalasi secara biasa melalui instalasi python pada windows. Distro yang saya gunakan pada tutorial ini adalah Ubuntu.
Instalasi WSL dapat dilihat pada dokumentasi dari Microsoft. Setelah WSL terinstall ikuti langkah berikut:</description> + </item> + </channel> +</rss> diff --git a/public/posts/neovim/index.html b/public/posts/neovim/index.html new file mode 100644 index 0000000..c6ee35a --- /dev/null +++ b/public/posts/neovim/index.html @@ -0,0 +1,123 @@ +<!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 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" /> +<meta property="og: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:type" content="article" /> +<meta property="og:url" content="/posts/neovim/" /><meta property="article:section" content="posts" /> +<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: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> + + + <link href="/css/fonts.2c2227b81b1970a03e760aa2e6121cd01f87c88586803cbb282aa224720a765f.css" rel="stylesheet"> + + + + <link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac08a4c9714baa859217f92f051deb58df2938ec352b506df655005dcaf98cc0.css" /> + <link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)" /> + + + + + + + + + +</head> +<body> + <div class="content"><header> + <div class="main"> + <a href="/">📙 Mqdd Blog Posts</a> + </div> + <nav> + + <a href="/">Home</a> + + <a href="/posts">All posts</a> + + <a href="/about">About</a> + + <a href="/tags">Tags</a> + + + </nav> +</header> + +<main> + <article> + <div class="title"> + <h1 class="title">Neovim Sebagai IDE</h1> + <div class="meta">Posted on Jan 21, 2024</div> + </div> + + + <section class="body"> + <p><img src="/dashboard.png" alt="image 1: Neovim"></p> +<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> +<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"> +<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"> +<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"> +<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> +<p>*<em><strong>Direkomendasikan sebelum menggunakan vim/neovim kalian harus biasa menggunakan vim binding.</strong></em></p> + + </section> + + <div class="post-tags"> + + + <nav class="nav tags"> + <ul class="tags"> + + <li><a href="/tags/tech">Tech</a></li> + + <li><a href="/tags/tutorial">Tutorial</a></li> + + <li><a href="/tags/neovim">neovim</a></li> + + </ul> + </nav> + + + </div> + </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> + <a class="border"></a></div> + <div class="footer-info"> + 2024 © Mqdd | <a + href="https://github.com/athul/archie">Archie Theme</a> | Built with <a href="https://gohugo.io">Hugo</a> + </div> +</footer> + + +<script> + feather.replace() +</script></div> + </body> +</html> diff --git a/public/posts/notebook/index.html b/public/posts/notebook/index.html new file mode 100644 index 0000000..799fd4e --- /dev/null +++ b/public/posts/notebook/index.html @@ -0,0 +1,120 @@ +<!DOCTYPE html> +<html><head lang="en"> + <meta charset="utf-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge"><title>Instalasi Jupyter Notebook Menggunakan WSL - 📙 Mqdd Blog Posts</title><meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R. Pada tutorial ini saya akan menunjukkan cara instalasi Jupyter Notebook dengan WSL." /> + <meta property="og:image" content=""/> + <meta property="og:title" content="Instalasi Jupyter Notebook Menggunakan WSL" /> +<meta property="og:description" content="Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R. Pada tutorial ini saya akan menunjukkan cara instalasi Jupyter Notebook dengan WSL." /> +<meta property="og:type" content="article" /> +<meta property="og:url" content="/posts/notebook/" /><meta property="article:section" content="posts" /> +<meta property="article:published_time" content="2024-01-21T04:25:11+07:00" /> +<meta property="article:modified_time" content="2024-01-21T04:25:11+07:00" /> + +<meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Instalasi Jupyter Notebook Menggunakan WSL"/> +<meta name="twitter:description" content="Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R. Pada tutorial ini saya akan menunjukkan cara instalasi Jupyter Notebook dengan WSL."/> +<script src="/js/feather.min.js"></script> + + + <link href="/css/fonts.2c2227b81b1970a03e760aa2e6121cd01f87c88586803cbb282aa224720a765f.css" rel="stylesheet"> + + + + <link rel="stylesheet" type="text/css" media="screen" href="/css/main.ac08a4c9714baa859217f92f051deb58df2938ec352b506df655005dcaf98cc0.css" /> + <link id="darkModeStyle" rel="stylesheet" type="text/css" href="/css/dark.726cd11ca6eb7c4f7d48eb420354f814e5c1b94281aaf8fd0511c1319f7f78a4.css" media="(prefers-color-scheme: dark)" /> + + + + + + + + + +</head> +<body> + <div class="content"><header> + <div class="main"> + <a href="/">📙 Mqdd Blog Posts</a> + </div> + <nav> + + <a href="/">Home</a> + + <a href="/posts">All posts</a> + + <a href="/about">About</a> + + <a href="/tags">Tags</a> + + + </nav> +</header> + +<main> + <article> + <div class="title"> + <h1 class="title">Instalasi Jupyter Notebook Menggunakan WSL</h1> + <div class="meta">Posted on Jan 21, 2024</div> + </div> + + + <section class="body"> + <p><img src="/notebook_windows_wsl.png" alt="Scenario 1: Jupyter Notebook"></p> +<p>Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R.</p> +<p>Pada kali ini saya akan menunjukkan cara menginstall Jupyter Notebook di Windows menggunakan WSL yang dimana menurut saya lebih mudah dibandingkan dengan cara instalasi secara biasa melalui instalasi python pada windows. Distro yang saya gunakan pada tutorial ini adalah <strong>Ubuntu</strong>.</p> +<p>Instalasi WSL dapat dilihat pada dokumentasi dari <a href="https://learn.microsoft.com/en-us/windows/wsl/install">Microsoft</a>. Setelah WSL terinstall ikuti langkah berikut:</p> +<ol> +<li>Buka WSL Pada Terminal</li> +<li>Install pip</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 python3-pip +</span></span></code></pre></div><ol start="3"> +<li>Install Jupyter Notebook</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>pip install notebook +</span></span></code></pre></div><ol start="4"> +<li>Jalankan Jupyter Notebook</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>jupyter notebook +</span></span></code></pre></div><p>atau</p> +<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>python3 -m notebook +</span></span></code></pre></div><p>Untuk mengakses folder yang kalian inginkan gunakan perintah seperti biasa pada linux yaitu dengan cd ke direktori yang kalian inginkan.</p> +<p>Nah! cukup mudah bukan dibandingkan cara biasanya 👍😁👍</p> + + </section> + + <div class="post-tags"> + + + <nav class="nav tags"> + <ul class="tags"> + + <li><a href="/tags/tech">tech</a></li> + + <li><a href="/tags/tutorial">tutorial</a></li> + + <li><a href="/tags/jupyter-notebook">jupyter notebook</a></li> + + </ul> + </nav> + + + </div> + </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> + <a class="border"></a></div> + <div class="footer-info"> + 2024 © Mqdd | <a + href="https://github.com/athul/archie">Archie Theme</a> | Built with <a href="https://gohugo.io">Hugo</a> + </div> +</footer> + + +<script> + feather.replace() +</script></div> + </body> +</html> |