From c0aaa947c5e789435c1872b5fe23f9695502580f Mon Sep 17 00:00:00 2001 From: Linc2427 Date: Thu, 8 Feb 2024 15:36:41 +0700 Subject: Update Website --- content/about.md | 2 +- content/posts/neovim.md | 8 +- content/posts/notebook.md | 2 +- content/posts/ranger.md | 35 +++ public/about/index.html | 4 +- public/archives/index.html | 2 +- public/categories/index.html | 2 +- ...613274b4d2feb284100ff63472c376cfe989b6fc2a6.css | 335 +++++++++++++++++++++ public/index.html | 13 +- public/index.xml | 15 +- public/posts/index.html | 4 +- public/posts/index.xml | 13 +- public/posts/neovim/index.html | 36 ++- public/posts/notebook/index.html | 17 +- public/posts/ranger/index.html | 137 +++++++++ public/ranger.png | Bin 0 -> 2232055 bytes public/sitemap.xml | 30 +- public/tags/index.html | 6 +- public/tags/index.xml | 21 +- public/tags/jupyter-notebook/index.html | 2 +- public/tags/jupyter-notebook/index.xml | 2 +- public/tags/neovim/index.html | 2 +- public/tags/neovim/index.xml | 2 +- public/tags/ranger/index.html | 76 +++++ public/tags/ranger/index.xml | 20 ++ public/tags/tech/index.html | 4 +- public/tags/tech/index.xml | 13 +- public/tags/tutorial/index.html | 4 +- public/tags/tutorial/index.xml | 13 +- static/ranger.png | Bin 0 -> 2232055 bytes 30 files changed, 762 insertions(+), 58 deletions(-) create mode 100644 content/posts/ranger.md create mode 100644 public/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css create mode 100644 public/posts/ranger/index.html create mode 100644 public/ranger.png create mode 100644 public/tags/ranger/index.html create mode 100644 public/tags/ranger/index.xml create mode 100644 static/ranger.png diff --git a/content/about.md b/content/about.md index 44a467d..c691071 100644 --- a/content/about.md +++ b/content/about.md @@ -27,7 +27,7 @@ Nama Saya Ahmad Miqdad, saya merupakan mahasiswa prodi Teknik Telekomunikasi Pol * [PKM-KC: 🔐 Sistem Keamanan dan Monitoring Berbasis IoT dengan Access Code dan GPS Tracking](https://https://github.com/Linc2427/TwinGuard "TwinGuard") * [Website Pengecekan Bagasi Bandara Udara Juanda](https://github.com/Linc2427/Golek.in "Golek.in") * [Aplikasi Vaksin Surabaya Menggunakan Zenity](https://github.com/Linc2427/Aplikasi-Vaksin-Bash "Aplikasi Vaksin") -* [Website Monitoring Lampu Penerangan Jalan Gresik](https://github.com/Linc2427/SmartPju "Smart Pju") +* [Website Monitoring Lampu Penerangan Jalan Gresik PT.Telkom](https://github.com/Linc2427/SmartPju "Smart Pju") * [Deteksi Suhu Pada Pintu Masuk Menggunakan Arduino](https://github.com/Linc2427/Si-HU "Si-HU") * [Aplikasi E-Commerce Menggunakan Java](https://github.com/Linc2427/Aplikasi-E-commerce-Java "Aplikasi E-Commerce Java") * [website Persewaan Buku](https://drive.google.com/drive/folders/19XisZQUZ89XGICcL_qbTS9s3AiDMIV1V "Website Persewaan Buku") diff --git a/content/posts/neovim.md b/content/posts/neovim.md index 28d0e88..7dd7676 100644 --- a/content/posts/neovim.md +++ b/content/posts/neovim.md @@ -5,7 +5,7 @@ title: 'Neovim Sebagai IDE' tags: [Tech, Tutorial, neovim] description: '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.' --- -![image 1: Neovim](/dashboard.png) +{{< img src="/dashboard.png" title="Neovim - NvChad" alt="Neovim" >}} 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. @@ -28,10 +28,10 @@ sudo add-apt-repository ppa:neovim-ppa/unstable ```shell git clone https://github.com/NvChad/NvChad ~/.config/nvim --depth 1 && nvim ``` -Selamat!! Neovim kalian akan menjadi IDE seperti Vscode 👍😁👍. Untuk shortcut/keybinding dari NvChad dapat dilihat pada [Link ini](https://nvchad.com/docs/features "NvChad") atau ketikkan **"Spasi+ch"** pada saat Normal mode. - ## Preview +{{< img src="/preview.png" title="Preview NvChad" alt="Preview Image" >}} + +Selamat!! Neovim kalian akan menjadi IDE seperti Vscode 👍😁👍. Untuk shortcut/keybinding dari NvChad dapat dilihat pada [Link ini](https://nvchad.com/docs/features "NvChad") atau ketikkan **"Spasi+ch"** pada saat Normal mode. -![image 2: Preview Nv Chad](/preview.png) ****Direkomendasikan sebelum menggunakan vim/neovim kalian harus biasa menggunakan vim binding.*** diff --git a/content/posts/notebook.md b/content/posts/notebook.md index 7c0185d..2719722 100644 --- a/content/posts/notebook.md +++ b/content/posts/notebook.md @@ -5,7 +5,7 @@ title: 'Instalasi Jupyter Notebook Menggunakan WSL' tags: [tech, tutorial, jupyter notebook] description: '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.' --- -![Scenario 1: Jupyter Notebook](/notebook_windows_wsl.png) +{{< img src="/notebook_windows_wsl.png" title="Jupyter Notebook" alt="Jupyter Notebook" >}} Jupyter Notebook merupakan sebuah program yang biasa digunankan untuk eksplorasi data menggunakan bahasa Julia, Python, dan R. diff --git a/content/posts/ranger.md b/content/posts/ranger.md new file mode 100644 index 0000000..4eec124 --- /dev/null +++ b/content/posts/ranger.md @@ -0,0 +1,35 @@ +--- +date: '2024-01-30T02:41:45+07:00' +draft: false +title: 'Ranger File Manager' +tags: [tech, tutorial, ranger] +description: 'Ranger merupakan file manager yang berbasis terminal, sehingga tidk perlu GUI. Ranger memiliki banyak fitur-fitur yang sangat berguna dibandingkan program file manager lainnya yang berbasis GUI.' +--- + +{{< img src="/ranger.png" title="Ranger FM" alt="Ranger" >}} + +Ranger merupakan terminal based program yang berfungsi sebagai file manager sebgaimana. Pada tutorial ini saya menggunakan Ranger pada WSL di Windows 11 dengan distro **Ubuntu**. Ranger juga tersedia pada repository lain seperti Arch Repo, dnf, dan nix-pkg. + +Ada beberapa fitur yang tidak dapat berjalan pada WSL contohnya seperti Image Preview hal ini dikarenakan image preview membutuhkan X-Server/Display server seperti halnya di linux. + +Pada blog post ini saya ingin menunjukkan cara membuka program windows dari ranger pada WSL. Sebelum itu kita harus install Ranger terlebih dahulu. Berikut cara instalasinya: +1. Buka WSL Pada Terminal +2. Install ranger +```shell +sudo apt install ranger +``` +3. Copy Ranger Config dari GitHub saya +```shell +git clone -n --depth=1 --filter=tree:0 https://github.com/Linc2427/DotFiles.git && cd DotFiles && git sparse-checkout set --no-cone ranger && git checkout && mv ranger ../ && cd ../ && rm -rf DotFiles +``` +4. Jalankan Ranger +```shell +ranger +``` + +Nah! Sekarang jika kalian membuka file misalkan docx maka nantinya akan langsung membuka microsoft word atau default word processor kalian. 👍😁👍 + +Untuk Keybinding dapat dilihat pada rc.conf pada folder ranger yang ada di .config. + +Sumber: + - https://gist.github.com/TaipanRex/5db9a19304743fe6367b9ef291d2b69b diff --git a/public/about/index.html b/public/about/index.html index e81ecd6..e25c722 100644 --- a/public/about/index.html +++ b/public/about/index.html @@ -20,7 +20,7 @@ - + @@ -95,7 +95,7 @@
  • PKM-KC: 🔐 Sistem Keamanan dan Monitoring Berbasis IoT dengan Access Code dan GPS Tracking
  • Website Pengecekan Bagasi Bandara Udara Juanda
  • Aplikasi Vaksin Surabaya Menggunakan Zenity
    • -
  • Website Monitoring Lampu Penerangan Jalan Gresik
    • +
  • Website Monitoring Lampu Penerangan Jalan Gresik PT.Telkom
  • Deteksi Suhu Pada Pintu Masuk Menggunakan Arduino
  • Aplikasi E-Commerce Menggunakan Java
  • website Persewaan Buku
    • diff --git a/public/archives/index.html b/public/archives/index.html index 49101e4..1a71a81 100644 --- a/public/archives/index.html +++ b/public/archives/index.html @@ -20,7 +20,7 @@ - + diff --git a/public/categories/index.html b/public/categories/index.html index 2f8e3a5..592a7ae 100644 --- a/public/categories/index.html +++ b/public/categories/index.html @@ -19,7 +19,7 @@ - + diff --git a/public/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css b/public/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css new file mode 100644 index 0000000..8b002d6 --- /dev/null +++ b/public/css/main.1a179ecf698f22cf6a586613274b4d2feb284100ff63472c376cfe989b6fc2a6.css @@ -0,0 +1,335 @@ +/* Markdown */ +:root{ +--maincolor: red; +--bordercl:rebeccapurple; +--callouctcolor:dodgerblue; +--hovercolor:navy; +--darkMaincolor: #50fa7b; +} +html { + color: #232333; + font-family: 'Roboto Mono', monospace; + font-size: 15px; + line-height: 1.6em; +} +body{ + display: block; + margin: 8px; +} +* { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +::selection { + background: var(--maincolor); + color: #fff; +} + +p { + font-family: 'Fira Sans', sans-serif; + line-height: 1.5; + text-align: justify; + text-justify: inter-word; +} + +hr { + border: 0; + border-top: 3px dotted var(--bordercl); + margin: 1em 0; +} + +blockquote { + border-left: 3px solid var(--bordercl); + color: #737373; + margin: 0; + padding-left: 1em; +} + +a { + border-bottom: 3px solid var(--maincolor); + color: inherit; + text-decoration: none; +} +a:hover { + background-color: var(--hovercolor); + color: #fff; +} + +ul { + list-style: none; + padding-left: 2ch; +} +ul li { + text-indent: -2ch; +} +ul > li::before { + content: '* '; + font-weight: bold; +} + +/* Images */ +img { + border: 3px solid #ececec; + max-width: 100%; +} + +figure { + box-sizing: border-box; + display: inline-block; + margin: 0; + max-width: 100%; +} + +figure img { + max-height: 500px; +} + +@media screen and (min-width: 600px) { + figure { + padding: 0 40px; + } +} + +figure h4 { + font-size: 1rem; + margin: 0; + margin-bottom: 1em; +} +figure h4::before { + content: '↳ '; +} + +/* Code blocks */ +code { + background-color: #f1f1f1; + padding: .1em .2em; +} + +pre { + background-color: #ececec; + line-height: 1.4; + overflow-x: auto; + padding: 1em; +} + +.highlight pre ::selection { + background: rgba(255, 255, 255, 0.2); + color: inherit; +} + +pre code { + background-color: transparent; + color: inherit; + font-size: 100%; + padding: 0; +} + +/* Containers */ +.content { + margin-bottom: 4em; + margin-left: auto; + margin-right: auto; + max-width: 800px; + padding: 0 1ch; + word-wrap: break-word; +} + +/* Header */ +header { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + margin: 1em 0; + line-height: 2.5em; +} + +header .main { + font-size: 1.5rem; +} +h1, h2, h3, h4, h5, h6 { + font-size: 1.2rem; + margin-top: 2em; +} + +h1::before { color: var(--maincolor); content: '# '; } +h2::before { color: var(--maincolor); content: '## '; } +h3::before { color: var(--maincolor); content: '### '; } +h4::before { color: var(--maincolor); content: '#### '; } +h5::before { color: var(--maincolor); content: '##### '; } +h6::before { color: var(--maincolor); content: '###### '; } + +.meta { + color: #999; + letter-spacing: -0.5px; +} + +/* Footer */ +footer { + display: flex; + align-items: center; + border-top: 0.4rem dotted var(--bordercl); + padding: 2rem 0rem; + margin-top: 2rem; +} +.soc { + display: flex; + align-items: center; + border-bottom: none; +} +.border { + margin-left: 0.5rem; + margin-right: 0.5rem; + border: 1px solid; +} +.footer-info { + padding: var(--footer-padding); +} + +/* Common */ +.title h1 { + margin-bottom: 0; +} + +time { + color: grey; +} + +/* Posts */ +article .title { + margin-bottom: 1em; +} + + +/* Callout */ +.callout { + background-color: var(--callouctcolor); + color: #fff; + padding: 1em; +} + +.callout p { + font-family: 'IBM Plex Mono', monospace; + margin: 0; +} + +.callout a { + border-bottom: 3px solid #fff; +} + +.callout a:hover { + background-color: #fff; + color: var(--callouctcolor); +} + +.site-description { +display: flex; +justify-content: space-between; +} +.tags li::before{ + content: "🏷 "; +} +.tags a{ + border-bottom: 3px solid var(--maincolor); +} +.tags a:hover{ + color:white; + background-color: var(--hovercolor); +} +svg{ + max-height: 15px; +} +.soc:hover{ + color: white; +} +.draft-label{ + color: var(--bordercl); + text-decoration: none; + padding: 2px 4px; + border-radius: 4px; + margin-left: 6px; + background-color: #f9f2f4; +} +.highlight { + position: relative; + -webkit-overflow-scrolling: touch; +} +.highlight pre code[class*="language-"] { + -webkit-overflow-scrolling: touch; +} +.highlight pre code[class*="language-"]::before { + background: black; + border-radius: 0 0 0.25rem 0.25rem; + color: white; + font-size: 12px; + letter-spacing: 0.025rem; + padding: 0.1rem 0.5rem; + position: absolute; + right: 1rem; + text-align: right; + text-transform: uppercase; + top: 0; +} + +.highlight pre code[class=language-javaScript]::before, +.highlight pre code[class="language-js"]::before { +content: "js"; +background: #f7df1e; +color: black; +} +.highlight pre code[class*='language-yml']::before, +.highlight pre code[class*='language-yaml']::before { +content: 'yaml'; +background: #f71e6a; +color: white; +} +.highlight pre code[class*='language-shell']::before, +.highlight pre code[class*='language-bash']::before, +.highlight pre code[class*='language-sh']::before { +content: 'shell'; +background: green; +color:white +} +.highlight pre code[class*='language-json']::before{ +content: 'json'; +background: dodgerblue; + color: #000000 +} +.highlight pre code[class*='language-python']::before, +.highlight pre code[class*='language-py']::before { +content: 'py'; +background: blue; +color: yellow ; +} +.highlight pre code[class*='language-css']::before{ +content: 'css'; +background: cyan; +color: black ; +} +.highlight pre code[class*='language-go']::before{ +content: 'Go'; +background: cyan; +color: royalblue ; +} +.highlight pre code[class*='language-md']::before, +.highlight pre code[class*='language-md']::before{ +content: 'Markdown'; +background: royalblue; +color: whitesmoke ; +} + +/* table */ +table { + border-spacing: 0; + border-collapse: collapse; +} + +table th{ + padding: 6px 13px; + border: 1px solid #dfe2e5; + font-size: large; +} + +table td{ + padding: 6px 13px; + border: 1px solid #dfe2e5; +} diff --git a/public/index.html b/public/index.html index 7829dc8..4fe2c35 100644 --- a/public/index.html +++ b/public/index.html @@ -20,7 +20,7 @@ - + @@ -61,6 +61,17 @@ +
    +

    Ranger File Manager

    + +
    + + Ranger merupakan file manager yang berbasis terminal, sehingga tidk perlu GUI. Ranger memiliki banyak fitur-fitur yang sangat berguna dibandingkan program file manager lainnya yang berbasis GUI. + +
    + Read more ⟶ +
    +

    Neovim Sebagai IDE

    diff --git a/public/index.xml b/public/index.xml index 8906664..6dea460 100644 --- a/public/index.xml +++ b/public/index.xml @@ -7,28 +7,35 @@ Hugo -- gohugo.io en-us © Mqdd - Sun, 21 Jan 2024 04:56:47 +0700 + Tue, 30 Jan 2024 02:41:45 +0700 + + Ranger File Manager + /posts/ranger/ + Tue, 30 Jan 2024 02:41:45 +0700 + /posts/ranger/ + Ranger FM Ranger merupakan terminal based program yang berfungsi sebagai file manager sebgaimana. Pada tutorial ini saya menggunakan Ranger pada WSL di Windows 11 dengan distro Ubuntu. Ranger juga tersedia pada repository lain seperti Arch Repo, dnf, dan nix-pkg. Ada beberapa fitur yang tidak dapat berjalan pada WSL contohnya seperti Image Preview hal ini dikarenakan image preview membutuhkan X-Server/Display server seperti halnya di linux. Pada blog post ini saya ingin menunjukkan cara membuka program windows dari ranger pada WSL. + About Author /about/ Sun, 21 Jan 2024 00:00:00 +0000 /about/ - Me Nama Saya Ahmad Miqdad, saya merupakan mahasiswa prodi Teknik Telekomunikasi Politeknik Elektronika Negeri Surabaya (PENS). Saya memiliki minat dalam bidang Web Development dan IoT, dalam mengembangkan minat tersebut saya telah melakukan beberapa kegiatan yang dapat mengasah keahlian diantaranya mengikuti sertifikasi dan mengerjakan sebuah proyek. Experience Peserta Penanggulangan Keadaan Darurat (PKD) Ke-108 Bandar Udara Juanda Surabaya Program Kreativitas Mahasiswa (PKM) Vokasi 2023 - Karsa Cipta Kerja Praktik PT. Angkasa Pura I (Airport Technology) Talent Scouting Academy (TSA) Indonesian Young Smart Industry Academy Latihan Keterampilan Manajemen Mahasiswa Tingkat Dasar Latihan Keterampilan Manajemen Mahasiswa Pra-Tingkat Dasar International General Certificate of Secondary Education Cambridge Assessment International Education Digital Technology Certification by UNSW Global &ldquo;Design Your First Web&rdquo; by HIMIT PENS Project Prediksi Produksi Padi Menggunakan Metode LSTM-SVM di Kabupaten Gresik PKM-KC: 🔐 Sistem Keamanan dan Monitoring Berbasis IoT dengan Access Code dan GPS Tracking Website Pengecekan Bagasi Bandara Udara Juanda Aplikasi Vaksin Surabaya Menggunakan Zenity Website Monitoring Lampu Penerangan Jalan Gresik Deteksi Suhu Pada Pintu Masuk Menggunakan Arduino Aplikasi E-Commerce Menggunakan Java website Persewaan Buku Linux Dotfiles Links/Contacts Email GitHub LinkedIn Instagram + Me Nama Saya Ahmad Miqdad, saya merupakan mahasiswa prodi Teknik Telekomunikasi Politeknik Elektronika Negeri Surabaya (PENS). Saya memiliki minat dalam bidang Web Development dan IoT, dalam mengembangkan minat tersebut saya telah melakukan beberapa kegiatan yang dapat mengasah keahlian diantaranya mengikuti sertifikasi dan mengerjakan sebuah proyek. Experience Peserta Penanggulangan Keadaan Darurat (PKD) Ke-108 Bandar Udara Juanda Surabaya Program Kreativitas Mahasiswa (PKM) Vokasi 2023 - Karsa Cipta Kerja Praktik PT. Angkasa Pura I (Airport Technology) Talent Scouting Academy (TSA) Indonesian Young Smart Industry Academy Latihan Keterampilan Manajemen Mahasiswa Tingkat Dasar Latihan Keterampilan Manajemen Mahasiswa Pra-Tingkat Dasar International General Certificate of Secondary Education Cambridge Assessment International Education Digital Technology Certification by UNSW Global &ldquo;Design Your First Web&rdquo; by HIMIT PENS Project Prediksi Produksi Padi Menggunakan Metode LSTM-SVM di Kabupaten Gresik PKM-KC: 🔐 Sistem Keamanan dan Monitoring Berbasis IoT dengan Access Code dan GPS Tracking Website Pengecekan Bagasi Bandara Udara Juanda Aplikasi Vaksin Surabaya Menggunakan Zenity Website Monitoring Lampu Penerangan Jalan Gresik PT. Neovim Sebagai IDE /posts/neovim/ Sun, 21 Jan 2024 04:56:47 +0700 /posts/neovim/ - 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. + Neovim - NvChad 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. Instalasi Jupyter Notebook Menggunakan WSL /posts/notebook/ Sun, 21 Jan 2024 04:25:11 +0700 /posts/notebook/ - 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: + Jupyter Notebook 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: diff --git a/public/posts/index.html b/public/posts/index.html index f28e60d..a95db73 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -19,7 +19,7 @@ - + @@ -57,6 +57,8 @@
    • + Ranger File Manager 30 jan, 2024 +
    • Neovim Sebagai IDE 21 jan, 2024
    • Instalasi Jupyter Notebook Menggunakan WSL 21 jan, 2024 diff --git a/public/posts/index.xml b/public/posts/index.xml index 4e7957b..cec283f 100644 --- a/public/posts/index.xml +++ b/public/posts/index.xml @@ -7,21 +7,28 @@ Hugo -- gohugo.io en-us © Mqdd - Sun, 21 Jan 2024 04:56:47 +0700 + Tue, 30 Jan 2024 02:41:45 +0700 + + Ranger File Manager + /posts/ranger/ + Tue, 30 Jan 2024 02:41:45 +0700 + /posts/ranger/ + Ranger FM Ranger merupakan terminal based program yang berfungsi sebagai file manager sebgaimana. Pada tutorial ini saya menggunakan Ranger pada WSL di Windows 11 dengan distro Ubuntu. Ranger juga tersedia pada repository lain seperti Arch Repo, dnf, dan nix-pkg. Ada beberapa fitur yang tidak dapat berjalan pada WSL contohnya seperti Image Preview hal ini dikarenakan image preview membutuhkan X-Server/Display server seperti halnya di linux. Pada blog post ini saya ingin menunjukkan cara membuka program windows dari ranger pada WSL. + Neovim Sebagai IDE /posts/neovim/ Sun, 21 Jan 2024 04:56:47 +0700 /posts/neovim/ - 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. + Neovim - NvChad 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. Instalasi Jupyter Notebook Menggunakan WSL /posts/notebook/ Sun, 21 Jan 2024 04:25:11 +0700 /posts/notebook/ - 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: + Jupyter Notebook 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: 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 @@ - + @@ -62,7 +62,20 @@
      -

      image 1: Neovim

      + +
      + + Neovim + + +
      +

      Neovim - NvChad

      + +
      + +
      + +

      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. Tetapi kalian juga bisa menginstall pada distro lainnya.

      Berikut cara instalasinya:

      @@ -82,9 +95,22 @@
    • Install NvChad
      • git clone https://github.com/NvChad/NvChad ~/.config/nvim --depth 1 && nvim
-

      Selamat!! Neovim kalian akan menjadi IDE seperti Vscode 👍😁👍. Untuk shortcut/keybinding dari NvChad dapat dilihat pada Link ini atau ketikkan “Spasi+ch” pada saat Normal mode.

      -

      Preview

      -

      image 2: Preview Nv Chad

      +

      Preview

      + +
      + + Preview Image + + +
      +

      Preview NvChad

      + +
      + +
      + + +

      Selamat!! Neovim kalian akan menjadi IDE seperti Vscode 👍😁👍. Untuk shortcut/keybinding dari NvChad dapat dilihat pada Link ini atau ketikkan “Spasi+ch” pada saat Normal mode.

      *Direkomendasikan sebelum menggunakan vim/neovim kalian harus biasa menggunakan vim binding.

      diff --git a/public/posts/notebook/index.html b/public/posts/notebook/index.html index 88373e2..cf45e03 100644 --- a/public/posts/notebook/index.html +++ b/public/posts/notebook/index.html @@ -20,7 +20,7 @@ - + @@ -62,7 +62,20 @@
      -

      Scenario 1: Jupyter Notebook

      + +
      + + Jupyter Notebook + + +
      +

      Jupyter Notebook

      + +
      + +
      + +

      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:

      diff --git a/public/posts/ranger/index.html b/public/posts/ranger/index.html new file mode 100644 index 0000000..590d66b --- /dev/null +++ b/public/posts/ranger/index.html @@ -0,0 +1,137 @@ + + + + Ranger File Manager - 📙 Mqdd Blog Posts + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +
      + 📙 Mqdd Blog Posts +
      + +
      + +
      +
      +
      +

      Ranger File Manager

      +
      Posted on Jan 30, 2024
      +
      + + +
      + +
      + + Ranger + + +
      +

      Ranger FM

      + +
      + +
      + + +

      Ranger merupakan terminal based program yang berfungsi sebagai file manager sebgaimana. Pada tutorial ini saya menggunakan Ranger pada WSL di Windows 11 dengan distro Ubuntu. Ranger juga tersedia pada repository lain seperti Arch Repo, dnf, dan nix-pkg.

      +

      Ada beberapa fitur yang tidak dapat berjalan pada WSL contohnya seperti Image Preview hal ini dikarenakan image preview membutuhkan X-Server/Display server seperti halnya di linux.

      +

      Pada blog post ini saya ingin menunjukkan cara membuka program windows dari ranger pada WSL. Sebelum itu kita harus install Ranger terlebih dahulu. Berikut cara instalasinya:

      +
        +
      1. Buka WSL Pada Terminal
        2. +
      2. Install ranger
        3. +
      +
      sudo apt install ranger
+
        +
      1. Copy Ranger Config dari GitHub saya
        2. +
      +
      git clone -n --depth=1 --filter=tree:0 https://github.com/Linc2427/DotFiles.git && cd DotFiles && git sparse-checkout set --no-cone ranger && git checkout && mv ranger ../ && cd ../ && rm -rf DotFiles
+
        +
      1. Jalankan Ranger
        2. +
      +
      ranger
+

      Nah! Sekarang jika kalian membuka file misalkan docx maka nantinya akan langsung membuka microsoft word atau default word processor kalian. 👍😁👍

      +

      Untuk Keybinding dapat dilihat pada rc.conf pada folder ranger yang ada di .config.

      +

      Sumber:

      + + +
      + +
      + + + + + +
      +
      +
      + + + +
      + + diff --git a/public/ranger.png b/public/ranger.png new file mode 100644 index 0000000..0784717 Binary files /dev/null and b/public/ranger.png differ diff --git a/public/sitemap.xml b/public/sitemap.xml index d302798..77074c4 100644 --- a/public/sitemap.xml +++ b/public/sitemap.xml @@ -2,28 +2,34 @@ - /about/ - 2024-01-21T00:00:00+00:00 - / - 2024-01-21T04:56:47+07:00 + 2024-01-30T02:41:45+07:00 - /tags/neovim/ - 2024-01-21T04:56:47+07:00 + /posts/ + 2024-01-30T02:41:45+07:00 - /posts/neovim/ - 2024-01-21T04:56:47+07:00 + /tags/ranger/ + 2024-01-30T02:41:45+07:00 - /posts/ - 2024-01-21T04:56:47+07:00 + /posts/ranger/ + 2024-01-30T02:41:45+07:00 /tags/ - 2024-01-21T04:56:47+07:00 + 2024-01-30T02:41:45+07:00 /tags/tech/ - 2024-01-21T04:56:47+07:00 + 2024-01-30T02:41:45+07:00 /tags/tutorial/ + 2024-01-30T02:41:45+07:00 + + /about/ + 2024-01-21T00:00:00+00:00 + + /tags/neovim/ + 2024-01-21T04:56:47+07:00 + + /posts/neovim/ 2024-01-21T04:56:47+07:00 /posts/notebook/ diff --git a/public/tags/index.html b/public/tags/index.html index 8a24290..52465a0 100644 --- a/public/tags/index.html +++ b/public/tags/index.html @@ -19,7 +19,7 @@ - + @@ -80,6 +80,10 @@
    • neovim
      • + + +
    • ranger
      • +