CINXE.COM
Kubernetes
<!doctype html> <html lang="id" class=" no-js"><head> <meta name="robots" content="noindex, nofollow"> <link rel="alternate" hreflang="en" href="https://kubernetes.io/"> <link rel="alternate" hreflang="zh-cn" href="https://kubernetes.io/zh-cn/"> <link rel="alternate" hreflang="fr" href="https://kubernetes.io/fr/"> <link rel="alternate" hreflang="de" href="https://kubernetes.io/de/"> <link rel="alternate" hreflang="hi" href="https://kubernetes.io/hi/"> <link rel="alternate" hreflang="it" href="https://kubernetes.io/it/"> <link rel="alternate" hreflang="ja" href="https://kubernetes.io/ja/"> <link rel="alternate" hreflang="ko" href="https://kubernetes.io/ko/"> <link rel="alternate" hreflang="pl" href="https://kubernetes.io/pl/"> <link rel="alternate" hreflang="pt-br" href="https://kubernetes.io/pt-br/"> <link rel="alternate" hreflang="ru" href="https://kubernetes.io/ru/"> <link rel="alternate" hreflang="es" href="https://kubernetes.io/es/"> <link rel="alternate" hreflang="uk" href="https://kubernetes.io/uk/"> <link rel="alternate" hreflang="vi" href="https://kubernetes.io/vi/"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="generator" content="Hugo 0.121.2"> <link rel="alternate" type="application/rss+xml" href="https://kubernetes.io/id/feed.xml"> <link rel="shortcut icon" type="image/png" href="/images/favicon.png"> <link rel="apple-touch-icon" href="/favicons/apple-touch-icon-180x180.png" sizes="180x180"> <link rel="manifest" href="/manifest.webmanifest"> <link rel="apple-touch-icon" href="/images/kubernetes-192x192.png"> <title>Kubernetes</title><meta property="og:title" content="Orkestrasi Kontainer dengan Skala Produksi" /> <meta property="og:description" content="Orkestrasi Kontainer dengan Skala Produksi" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://kubernetes.io/id/" /> <meta itemprop="name" content="Orkestrasi Kontainer dengan Skala Produksi"> <meta itemprop="description" content="Orkestrasi Kontainer dengan Skala Produksi"><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Orkestrasi Kontainer dengan Skala Produksi"/> <meta name="twitter:description" content="Orkestrasi Kontainer dengan Skala Produksi"/> <link href="/scss/main.css" rel="stylesheet"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "https://kubernetes.io", "logo": "https://kubernetes.io/images/favicon.png", } </script> <meta name="theme-color" content="#326ce5"> <style> .gutter { background-color: #eee; background-repeat: no-repeat; background-position: 50%; } .gutter.gutter-horizontal { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=='); cursor: col-resize; } #sidebarnav, #maindoc { max-width: 100%; } #maindoc { overflow-wrap: break-word; } @media (max-width: 768px) { #sidebarnav { padding-left: 15px; padding-right: 15px; } } </style> <link rel="stylesheet" href="/css/feature-states.css"> <meta name="description" content="Kubernetes (K8s) Kubernetes mengelompokkan kontainer yang membentuk suatu aplikasi dalam bentuk unit logis yang memudahkan proses manajemen dan discovery. Kubernetes dibuat berdasarkan pengalaman operasional workloads skala produksi yang dilakukan oleh Google, yang digabungkan dengan ide-ide terbaik dan best practices yang diberikan oleh komunitas. Skala Besar Didesain berdasarkan landasan yang digunakan Google untuk menjalankan milyaran kontainer dalam waktu seminggu, Kubernetes secara dinamis dapat menyesuaikan workloads tanpa membutuhkan peningkatan tim operasional."> <meta property="og:description" content="Kubernetes (K8s) Kubernetes mengelompokkan kontainer yang membentuk suatu aplikasi dalam bentuk unit logis yang memudahkan proses manajemen dan discovery. Kubernetes dibuat berdasarkan pengalaman operasional workloads skala produksi yang dilakukan oleh Google, yang digabungkan dengan ide-ide terbaik dan best practices yang diberikan oleh komunitas. Skala Besar Didesain berdasarkan landasan yang digunakan Google untuk menjalankan milyaran kontainer dalam waktu seminggu, Kubernetes secara dinamis dapat menyesuaikan workloads tanpa membutuhkan peningkatan tim operasional."> <meta name="twitter:description" content="Kubernetes (K8s) Kubernetes mengelompokkan kontainer yang membentuk suatu aplikasi dalam bentuk unit logis yang memudahkan proses manajemen dan discovery. Kubernetes dibuat berdasarkan pengalaman operasional workloads skala produksi yang dilakukan oleh Google, yang digabungkan dengan ide-ide terbaik dan best practices yang diberikan oleh komunitas. Skala Besar Didesain berdasarkan landasan yang digunakan Google untuk menjalankan milyaran kontainer dalam waktu seminggu, Kubernetes secara dinamis dapat menyesuaikan workloads tanpa membutuhkan peningkatan tim operasional."> <meta property="og:url" content="https://kubernetes.io/id/"> <meta property="og:title" content="Orkestrasi Kontainer dengan Skala Produksi"> <meta name="twitter:title" content="Orkestrasi Kontainer dengan Skala Produksi"> <meta name="twitter:image" content="https://kubernetes.io/images/favicon.png" /> <meta name="twitter:image:alt" content="Kubernetes"> <meta property="og:image" content="/images/kubernetes-horizontal-color.png"> <meta property="og:type" content="website"> <script src="/js/jquery-3.6.0.min.js" intregrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script> <script src="/js/split-1.6.0.js" intregrity="sha384-0blL3GqHy6+9fw0cyY2Aoiwg4onHAtslAs4OkqZY7UQBrR65/K4gI+hxLdWDrjpz"></script> <script defer src="/js/dismiss_banner.js"></script> </head> <body class="td-home cid-home"> <header> <nav class="js-navbar-scroll navbar navbar-expand navbar-dark flex-column flex-md-row td-navbar" data-auto-burger="primary"> <a class="navbar-brand img-fluid" href="/id/"></a> <div class="td-navbar-nav-scroll ml-md-auto" id="main_navbar"> <ul class="navbar-nav mt-2 mt-lg-0"> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/id/docs/" >Dokumentasi</a> </li> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/id/community/" >Komunitas</a> </li> <li class="nav-item mr-2 mb-lg-0"> <a class="nav-link" href="/id/case-studies/" >Studi kasus</a> </li> <li class="nav-item mr-n3 mr-lg-0 dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Versi </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item" href="/id/releases">Release Information</a> <a class="dropdown-item" href="https://kubernetes.io/id/">v1.31</a> <a class="dropdown-item" href="https://v1-30.docs.kubernetes.io/id/">v1.30</a> <a class="dropdown-item" href="https://v1-29.docs.kubernetes.io/id/">v1.29</a> <a class="dropdown-item" href="https://v1-28.docs.kubernetes.io/id/">v1.28</a> <a class="dropdown-item" href="https://v1-27.docs.kubernetes.io/id/">v1.27</a> </div> </li> <li class="nav-item mr-n4 mr-lg-0 dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Bahasa Indonesia (Indonesian) </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink"> <a class="dropdown-item" href="/">English</a> <a class="dropdown-item" href="/zh-cn/">中文 (Chinese)</a> <a class="dropdown-item" href="/fr/">Français (French)</a> <a class="dropdown-item" href="/de/">Deutsch (German)</a> <a class="dropdown-item" href="/hi/">हिन्दी (Hindi)</a> <a class="dropdown-item" href="/it/">Italiano (Italian)</a> <a class="dropdown-item" href="/ja/">日本語 (Japanese)</a> <a class="dropdown-item" href="/ko/">한국어 (Korean)</a> <a class="dropdown-item" href="/pl/">Polski (Polish)</a> <a class="dropdown-item" href="/pt-br/">Português (Portuguese)</a> <a class="dropdown-item" href="/ru/">Русский (Russian)</a> <a class="dropdown-item" href="/es/">Español (Spanish)</a> <a class="dropdown-item" href="/uk/">Українська (Ukrainian)</a> <a class="dropdown-item" href="/vi/">Tiếng Việt (Vietnamese)</a> </div> </li> <li class="search-item nav-item mr-n4 mr-lg-0"> <div class="search-bar"> <i class="search-icon fas fa-search"></i> <input type="search" name="q" class="search-input td-search-input" placeholder="Cari" aria-label="Cari" autocomplete="off" > </div> </li> </ul> </div> <button id="hamburger" onclick="kub.toggleMenu()" data-auto-burger-exclude><div></div></button> </nav> <section class="header-hero text-white pb-4 light-text"> <div class="main-section"> <div id="headlineWrapper"> <h1>Orkestrasi Kontainer dengan Skala Produksi</h1> </div> <a href="/id/docs/tutorials/kubernetes-basics/"><button id="quickstartButton" class="button">Mempelajari Panduan Dasar Kubernetes</button></a> </div> </section> </header> <section id="deprecation-warning"> <div class="content deprecation-warning pageinfo"> <h3> Kamu sedang menampilkan dokumentasi untuk Kubernetes versi: v1.29 </h3> <p> Kubernetes v1.29 dokumentasi sudah tidak dirawat lagi. Versi yang kamu lihat ini hanyalah snapshot statis. Untuk dokumentasi terkini, lihat <a href="https://kubernetes.io/docs/home/">versi terbaru.</a> </p> </div> </section> <div class="td-outer"> <main role="main" class="td-main"> <div class="col-sm-6 col-md-6 col-lg-6 mx-auto py-3"> <div class="search-bar"> <i class="search-icon fas fa-search"></i> <input type="search" name="q" class="search-input td-search-input" placeholder="Cari" aria-label="Cari" autocomplete="off" > </div> </div> <section id="oceanNodes" style=""> <div class="main-section"> <div class="image-wrapper"><img src="/id/_common-resources/images/flower.svg" alt=""></div> <div class="content"> <h3 id="kubernetes-k8s">Kubernetes (K8s)</h3> <p>Kubernetes mengelompokkan kontainer yang membentuk suatu aplikasi dalam bentuk unit logis yang memudahkan proses manajemen dan <i>discovery</i>. Kubernetes dibuat berdasarkan <a href="http://queue.acm.org/detail.cfm?id=2898444">pengalaman operasional <i>workloads</i> skala produksi yang dilakukan oleh Google</a>, yang digabungkan dengan ide-ide terbaik dan <i>best practices</i> yang diberikan oleh komunitas.</p> </div> </div> <div class="main-section"> <div class="image-wrapper"><img src="/id/_common-resources/images/scalable.svg" alt=""></div> <div class="content"> <h4 id="skala-besar">Skala Besar</h4> <p>Didesain berdasarkan landasan yang digunakan Google untuk menjalankan milyaran kontainer dalam waktu seminggu, Kubernetes secara dinamis dapat menyesuaikan <i>workloads</i> tanpa membutuhkan peningkatan tim operasional.</p> </div> </div> <div class="main-section"> <div class="image-wrapper"><img src="/id/_common-resources/images/blocks.svg" alt=""></div> <div class="content"> <h4 id="fleksibel">Fleksibel</h4> <p>Baik digunakan untuk melakukan <i>testing</i> di mesin lokal maupun dijalankan sebagai sistem <i>enterprise global</i>, fleksibilitas yang disediakan oleh Kubernetes memungkinkan kamu menghasilkan aplikasi secara konsisten dan mudah, tidak peduli seberapa kompleks kebutuhan yang kamu miliki.</p> </div> </div> <div class="main-section"> <div class="image-wrapper"><img src="/id/_common-resources/images/suitcase.svg" alt=""></div> <div class="content"> <h4 id="dapat-dijalankan-di-berbagai-platform">Dapat Dijalankan di Berbagai Platform</h4> <p>Kubernetes sebagai <i>open source</i> memberikan kamu kebebasan untuk menggunakan <i>on-premise</i>, <i>hybrid</i>, atau infrastruktur <em>cloud</em> publik, memberikan kamu kemudahan untuk memindahkan <i>workloads</i> yang kamu miliki.</p> </div> </div> </section> <section id="video" style="background-image: url(https://kubernetes.io/id/_common-resources/images/kub_video_banner_homepage.jpg); "> <div class="light-text"> <h2>Tantangan yang Dihadapi untuk Melakukan Migrasi 150+ Microservices ke Kubernetes</h2> <p>Oleh Sarah Wells, Technical Director for Operations and Reliability, Financial Times</p> <button id="desktopShowVideoButton" onclick="kub.showVideo()">Watch Video</button> <br> <br> <a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-europe/" button id="desktopKCButton">Hadiri KubeCon + CloudNativeCon Europe pada 19-22 Maret 2024</a> <br> <br> <br> <br> <a href="https://events.linuxfoundation.org/kubecon-cloudnativecon-north-america-2024/" button id="desktopKCButton">Hadiri KubeCon + CloudNativeCon North America pada 12-15 November 2024</a> </div> <div id="videoPlayer"> <iframe data-url="https://www.youtube.com/embed/H06qrNmGqyE?autoplay=1" frameborder="0" allowfullscreen></iframe> <button id="closeButton"></button> </div> </section> <section id="features"> <div class="main-section"> <h3 class="center">Fitur Kubernetes</h3> <div class="feature-box"> <div> <h4><a href="/id/docs/concepts/services-networking/service/">Service discovery dan load balancing</a></h4> Kamu tidak perlu memodifikasi aplikasi kamu untuk menggunakan mekanisme <em>service discovery</em> tambahan. Kubernetes menyediakan IP untuk setiap kontainer serta sebuah DNS bagi sebuah sekumpulan kontainer, serta akan melakukan mekanisme <em>load balance</em> bagi sekumpulan kontainer tersebut. </div> <div> <h4><a href="/id/docs/concepts/services-networking/service-topology/">Topologi Service (Service Topology)</a></h4> Rute lalu lintas layanan berdasarkan topologi klaster. </div> </div> <div class="feature-box"> <div> <h4><a href="/id/docs/concepts/services-networking/endpoint-slices/">EndpointSlice</a></h4> Pelacakan <em>endpoint</em> jaringan yang dapat diskalakan pada klaster Kubernetes. </div> <div> <h4><a href="/id/docs/concepts/configuration/manage-compute-resources-container/">Bin Packing Otomatis</a></h4> Menaruh kontainer-kontainer secara otomatis berdasarkan kebutuhan sumber daya mereka dan batasan-batasan lainnya, tanpa mengorbankan ketersediaan. Membaurkan beban-beban kerja kritis dan <em>best-effort</em> untuk meningkatkan penggunaan sumber daya dan menghemat lebih banyak sumber daya. </div> </div> <div class="feature-box"> <div> <h4><a href="/id/docs/concepts/storage/persistent-volumes/">Orkestrasi penyimpanan</a></h4> Secara otomatis memasang sistem penyimpanan pilihanmu, baik dari penyimpanan lokal, penyedia layanan <em>cloud</em> seperti <a href="https://cloud.google.com/storage/">GCP</a> atau <a href="https://aws.amazon.com/products/storage/">AWS</a>, maupun sebuah sistem penyimpanan jaringan seperti NFS, iSCSI, Gluster, Ceph, Cinder, atau Flocker. </div> <div> <h4><a href="/id/docs/concepts/workloads/controllers/replicationcontroller/#bagaimana-sebuah-replicationcontroller-bekerja">Reparasi otomatis</a></h4> Mengulang dan menjalankan kembali kontainer yang gagal, mengganti dan menjadwalkan ulang ketika ada Node yang mati, mematikan kontainer yang tidak memberikan respon terhadap health-check yang telah didefinisikan, dan tidak menunjukkannya ke klien sampai siap untuk digunakan. </div> </div> <div class="feature-box"> <div> <h4><a href="/id/docs/concepts/workloads/controllers/deployment/">Rilis dan pengembalian terotomasi</a></h4> Kubernetes merilis perubahan secara progresif pada aplikasimu atau konfigurasinya sambil memonitor kesehatan aplikasi untuk menjamin bahwa semua instances tidak mati bersamaan. Jika sesuatu yang buruk terjadi, Kubernetes akan melakukan rollback pada perubahanmu. Take advantage of a growing ecosystem of deployment solutions. </div> <div> <h4><a href="/id/docs/concepts/configuration/secret/">Secret dan manajemen konfigurasi</a></h4> Menerapkan serta mengubah secret serta konfigurasi aplikasi tanpa melakukan perubahan pada image kamu serta mencegah tereksposnya secret yang kamu miliki pada konfigurasi. </div> </div> <div class="feature-box"> <div> <h4><a href="/id/docs/concepts/services-networking/dual-stack/">Dual-stack IPv4/IPv6</a></h4> Pengalokasian alamat IPv4 dan IPv6 untuk Pod dan Service </div> <div> <h4><a href="/id/docs/concepts/workloads/controllers/job/">Eksekusi batch</a></h4> Selain Service, Kubernetes juga dapat melakukan manajemen workload batch dan CI, melakukan penggantian Container-Container yang gagal, jika diinginkan. </div> </div> <div class="feature-box"> <div> <h4><a href="/id/docs/tasks/run-application/horizontal-pod-autoscale/">Horizontal scaling</a></h4> Scale up dan scale down aplikasimu dengan sebuah perintah yang serderhana, dengan UI, atau otomatis bersadarkan penggunaan CPU. </div> </div> </section> <section id="talkToUs"> <div class="main-section"> <h3 style="text-align: center"><a href="/case-studies/" style="color: #3371E3; font-weight: 400">Studi kasus</a></h3> <div id="caseStudiesWrapper"> </div> </div> </section> <section id="cncf"> <div class="main-section"> <center> <p style="font-size: 20px">Kami merupakan proyek yang lulus dari <a href="https://cncf.io/">CNCF</a></p> </center> </div> </section> <section id="kubeweekly"> <div class="main-section"> <link href="https://cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css"> <style type="text/css"> #mc_embed_signup{clear:left; width:100%;} #mc_embed_signup .button, #mc_embed_signup input.email {margin-right:15px; vertical-align: bottom} </style> <br> <div id="mc_embed_signup"> <form action="https://kubeweekly.us10.list-manage.com/subscribe/post?u=3885586f8f1175194017967d6&id=11c1b8bcb2" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <div id="mc_embed_signup_scroll"> <p style="font-size: 20px">Tertarik untuk mendapatkan info terbaru tentang Kubernetes? Daftarkan dirimu ke KubeWeekly.</p> <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="alamat email" aria-label="email" required> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_3885586f8f1175194017967d6_11c1b8bcb2" tabindex="-1" value=""></div> <div class="clear"><input type="submit" value="Langganan" name="subscribe" id="mc-embedded-subscribe" class="button"></div> </div> </form> <h5 style="text-align: center"><a href="https://us10.campaign-archive.com/home/?u=3885586f8f1175194017967d6&id=11c1b8bcb2" aria-label="Kube Weekly" style="color: #3371E3; font-weight: 400; font-size: 20px"></a></h5> </div> </div> </section> </main> </div> <footer class="d-print-none"> <div class="footer__links"> <nav> <a class="text-white" href="/id/docs/home/">Dokumentasi</a> <a class="text-white" href="/id/community/">Komunitas</a> <a class="text-white" href="/id/case-studies/">Studi kasus</a> </nav> </div> <div class="container-fluid"> <div class="row"> <div class="col-6 col-sm-2 text-xs-center order-sm-2"> <ul class="list-inline mb-0"> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="User mailing list" aria-label="User mailing list"> <a class="text-white" target="_blank" href="https://discuss.kubernetes.io"> <i class="fa fa-envelope"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="X(Twitter)" aria-label="X(Twitter)"> <a class="text-white" target="_blank" href="https://twitter.com/kubernetesio"> <i class="fab fa-x-twitter"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="Calendar" aria-label="Calendar"> <a class="text-white" target="_blank" href="https://calendar.google.com/calendar/embed?src=calendar%40kubernetes.io"> <i class="fas fa-calendar-alt"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="Youtube" aria-label="Youtube"> <a class="text-white" target="_blank" href="https://youtube.com/kubernetescommunity"> <i class="fab fa-youtube"></i> </a> </li> </ul> </div> <div class="col-6 col-sm-2 text-right text-xs-center order-sm-3"> <ul class="list-inline mb-0"> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="GitHub" aria-label="GitHub"> <a class="text-white" target="_blank" href="https://github.com/kubernetes/kubernetes"> <i class="fab fa-github"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="Slack" aria-label="Slack"> <a class="text-white" target="_blank" href="https://slack.k8s.io"> <i class="fab fa-slack"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="Contribute" aria-label="Contribute"> <a class="text-white" target="_blank" href="https://git.k8s.io/community/contributors/guide"> <i class="fas fa-edit"></i> </a> </li> <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="Stack Overflow" aria-label="Stack Overflow"> <a class="text-white" target="_blank" href="https://stackoverflow.com/questions/tagged/kubernetes"> <i class="fab fa-stack-overflow"></i> </a> </li> </ul> </div> <div class="col-12 col-sm-8 text-center order-sm-2"> <small class="text-white">© 2024 Para Pencipta Kubernetes | Dokumentasi didistribusikan di bawah <a href="https://git.k8s.io/website/LICENSE" class="light-text">CC BY 4.0</a></small> <br/> <small class="text-white">Copyright © 2024 Linux Foundation ®. Hak cipta dilindungi. Linux Foundation telah mendaftarkan merek dagang dan pengunaannya. Perinciannya bisa dilihat pada <a href="https://www.linuxfoundation.org/trademark-usage" class="light-text">halaman penggunaan merek dagang</a></small> <br/> <small class="text-white">ICP license: 京ICP备17074266号-3</small> </div> </div> </div> </footer> <script src="/js/jquery-3.6.0.min.js" integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK" crossorigin="anonymous"></script> <script src="/js/popper-1.16.1.min.js" intregrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script> <script src="/js/bootstrap-4.6.1.min.js" integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2" crossorigin="anonymous"></script> <script src="/js/script.js"></script> <script src="/js/main.min.5c0bf7f21dc4f66485f74efbbeeff28a7e4f8cddaac1bae47043159c922ff3a3.js" integrity="sha256-XAv38h3E9mSF9077vu/yin5PjN2qwbrkcEMVnJIv86M=" crossorigin="anonymous"></script> <script> let splitInstance = null; function enableSplitter(mediaQuery) { if (mediaQuery.matches) { if (!splitInstance) { splitInstance = Split(["#sidebarnav", "#maindoc"], { sizes: [20, 80], minSize: 100, }); } } else { if (splitInstance) { splitInstance.destroy(); splitInstance = null; } } } const screenWidthMediaQuery = window.matchMedia("(min-width: 768px)"); const eleNav = document.getElementById("sidebarnav"); if (eleNav !== null) { enableSplitter(screenWidthMediaQuery); screenWidthMediaQuery.addListener(enableSplitter); } </script> </body> </html>