2025-07-04 14:30:22 -06:00

2219 lines
60 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Build Power. Not Rent It. Own your digital infrastructure.">
<meta name="author" content="Bunker Operations">
<link rel="canonical" href="https://cmlite.org/config/coder/">
<link rel="prev" href="../mkdocs/">
<link rel="next" href="../../adv/">
<link rel="icon" href="../../assets/favicon.png">
<meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.6.15">
<title>Code Server - Changemaker Lite</title>
<link rel="stylesheet" href="../../assets/stylesheets/main.342714a4.min.css">
<link rel="stylesheet" href="../../assets/stylesheets/palette.06af60db.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,300i,400,400i,700,700i%7CJetBrains+Mono:400,400i,700,700i&display=fallback">
<style>:root{--md-text-font:"Inter";--md-code-font:"JetBrains Mono"}</style>
<link rel="stylesheet" href="../../stylesheets/extra.css">
<link rel="stylesheet" href="../../stylesheets/home.css">
<script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
<meta property="og:type" content="website" >
<meta property="og:title" content="Code Server - Changemaker Lite" >
<meta property="og:description" content="Build Power. Not Rent It. Own your digital infrastructure." >
<meta property="og:image" content="https://cmlite.org/assets/images/social/config/coder.png" >
<meta property="og:image:type" content="image/png" >
<meta property="og:image:width" content="1200" >
<meta property="og:image:height" content="630" >
<meta property="og:url" content="https://cmlite.org/config/coder/" >
<meta name="twitter:card" content="summary_large_image" >
<meta name="twitter:title" content="Code Server - Changemaker Lite" >
<meta name="twitter:description" content="Build Power. Not Rent It. Own your digital infrastructure." >
<meta name="twitter:image" content="https://cmlite.org/assets/images/social/config/coder.png" >
<!-- Custom meta tags or head content can go here -->
</head>
<body dir="ltr" data-md-color-scheme="slate" data-md-color-primary="deep-purple" data-md-color-accent="amber">
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#coder-server-configuration" class="md-skip">
Skip to content
</a>
</div>
<div data-md-component="announce">
<aside class="md-banner">
<div class="md-banner__inner md-grid md-typeset">
<button class="md-banner__button md-icon" aria-label="Don't show this again">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
</button>
<a href="https://homepage.cmlite.org" class="login-button">Login</a>
Changemaker Archive. <a href="https://docs.bnkops.com">Learn more</a>
</div>
<script>var el=document.querySelector("[data-md-component=announce]");if(el){var content=el.querySelector(".md-typeset");__md_hash(content.innerHTML)===__md_get("__announce")&&(el.hidden=!0)}</script>
</aside>
</div>
<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="Header">
<a href="../.." title="Changemaker Lite" class="md-header__button md-logo" aria-label="Changemaker Lite" data-md-component="logo">
<img src="../../assets/logo.png" alt="logo">
</a>
<label class="md-header__button md-icon" for="__drawer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
</label>
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
Changemaker Lite
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
Code Server
</span>
</div>
</div>
</div>
<form class="md-header__option" data-md-component="palette">
<input class="md-option" data-md-color-media="" data-md-color-scheme="slate" data-md-color-primary="deep-purple" data-md-color-accent="amber" aria-label="Switch to light mode" type="radio" name="__palette" id="__palette_0">
<label class="md-header__button md-icon" title="Switch to light mode" for="__palette_1" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m17.75 4.09-2.53 1.94.91 3.06-2.63-1.81-2.63 1.81.91-3.06-2.53-1.94L12.44 4l1.06-3 1.06 3zm3.5 6.91-1.64 1.25.59 1.98-1.7-1.17-1.7 1.17.59-1.98L15.75 11l2.06-.05L18.5 9l.69 1.95zm-2.28 4.95c.83-.08 1.72 1.1 1.19 1.85-.32.45-.66.87-1.08 1.27C15.17 23 8.84 23 4.94 19.07c-3.91-3.9-3.91-10.24 0-14.14.4-.4.82-.76 1.27-1.08.75-.53 1.93.36 1.85 1.19-.27 2.86.69 5.83 2.89 8.02a9.96 9.96 0 0 0 8.02 2.89m-1.64 2.02a12.08 12.08 0 0 1-7.8-3.47c-2.17-2.19-3.33-5-3.49-7.82-2.81 3.14-2.7 7.96.31 10.98 3.02 3.01 7.84 3.12 10.98.31"/></svg>
</label>
<input class="md-option" data-md-color-media="" data-md-color-scheme="default" data-md-color-primary="deep-purple" data-md-color-accent="amber" aria-label="Switch to dark mode" type="radio" name="__palette" id="__palette_1">
<label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_0" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0-7 2.39 3.42C13.65 5.15 12.84 5 12 5s-1.65.15-2.39.42zM3.34 7l4.16-.35A7.2 7.2 0 0 0 5.94 8.5c-.44.74-.69 1.5-.83 2.29zm.02 10 1.76-3.77a7.131 7.131 0 0 0 2.38 4.14zM20.65 7l-1.77 3.79a7.02 7.02 0 0 0-2.38-4.15zm-.01 10-4.14.36c.59-.51 1.12-1.14 1.54-1.86.42-.73.69-1.5.83-2.29zM12 22l-2.41-3.44c.74.27 1.55.44 2.41.44.82 0 1.63-.17 2.37-.44z"/></svg>
</label>
</form>
<script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
<label class="md-header__button md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
<label class="md-search__icon md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
</label>
<nav class="md-search__options" aria-label="Search">
<a href="javascript:void(0)" class="md-search__icon md-icon" title="Share" aria-label="Share" data-clipboard data-clipboard-text="" data-md-component="search-share" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.15c-.05.21-.08.43-.08.66 0 1.61 1.31 2.91 2.92 2.91s2.92-1.3 2.92-2.91A2.92 2.92 0 0 0 18 16.08"/></svg>
</a>
<button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
</button>
</nav>
<div class="md-search__suggest" data-md-component="search-suggest"></div>
</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Initializing search
</div>
<ol class="md-search-result__list" role="presentation"></ol>
</div>
</div>
</div>
</div>
</div>
<div class="md-header__source">
<a href="https://gitea.bnkops.com/admin/changemaker.lite" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
</div>
<div class="md-source__repository">
changemaker.lite
</div>
</a>
</div>
</nav>
<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
<div class="md-grid">
<ul class="md-tabs__list">
<li class="md-tabs__item">
<a href="../.." class="md-tabs__link">
Home
</a>
</li>
<li class="md-tabs__item">
<a href="../../phil/" class="md-tabs__link">
Philosophy
</a>
</li>
<li class="md-tabs__item md-tabs__item--active">
<a href="../../build/" class="md-tabs__link">
Getting Started
</a>
</li>
<li class="md-tabs__item">
<a href="../../blog/" class="md-tabs__link">
Blog
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="md-container" data-md-component="container">
<main class="md-main" data-md-component="main">
<div class="md-main__inner md-grid">
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href="../.." title="Changemaker Lite" class="md-nav__button md-logo" aria-label="Changemaker Lite" data-md-component="logo">
<img src="../../assets/logo.png" alt="logo">
</a>
Changemaker Lite
</label>
<div class="md-nav__source">
<a href="https://gitea.bnkops.com/admin/changemaker.lite" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81"/></svg>
</div>
<div class="md-source__repository">
changemaker.lite
</div>
</a>
</div>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../.." class="md-nav__link">
<span class="md-ellipsis">
Home
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../../phil/" class="md-nav__link">
<span class="md-ellipsis">
Philosophy
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" checked>
<div class="md-nav__link md-nav__container">
<a href="../../build/" class="md-nav__link ">
<span class="md-ellipsis">
Getting Started
</span>
</a>
<label class="md-nav__link " for="__nav_3" id="__nav_3_label" tabindex="">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_3">
<span class="md-nav__icon md-icon"></span>
Getting Started
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../build/server/" class="md-nav__link">
<span class="md-ellipsis">
Build Server
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../build/map/" class="md-nav__link">
<span class="md-ellipsis">
Build Map
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../build/site/" class="md-nav__link">
<span class="md-ellipsis">
Build Site
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_3_5" >
<div class="md-nav__link md-nav__container">
<a href="../../services/" class="md-nav__link ">
<span class="md-ellipsis">
Services
</span>
</a>
<label class="md-nav__link " for="__nav_3_5" id="__nav_3_5_label" tabindex="">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_5_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_5">
<span class="md-nav__icon md-icon"></span>
Services
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../services/homepage/" class="md-nav__link">
<span class="md-ellipsis">
Homepage
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/code-server/" class="md-nav__link">
<span class="md-ellipsis">
Code Server
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/mkdocs/" class="md-nav__link">
<span class="md-ellipsis">
MKDocs
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/static-server/" class="md-nav__link">
<span class="md-ellipsis">
Static Server
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/listmonk/" class="md-nav__link">
<span class="md-ellipsis">
Listmonk
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/postgresql/" class="md-nav__link">
<span class="md-ellipsis">
PostgreSQL
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/n8n/" class="md-nav__link">
<span class="md-ellipsis">
n8n
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/nocodb/" class="md-nav__link">
<span class="md-ellipsis">
NocoDB
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/gitea/" class="md-nav__link">
<span class="md-ellipsis">
Gitea
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/map/" class="md-nav__link">
<span class="md-ellipsis">
Map Viewer
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../services/mini-qr/" class="md-nav__link">
<span class="md-ellipsis">
Mini QR
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_6" checked>
<div class="md-nav__link md-nav__container">
<a href="../" class="md-nav__link ">
<span class="md-ellipsis">
Configuration
</span>
</a>
<label class="md-nav__link " for="__nav_3_6" id="__nav_3_6_label" tabindex="">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_6_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_3_6">
<span class="md-nav__icon md-icon"></span>
Configuration
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../cloudflare-config/" class="md-nav__link">
<span class="md-ellipsis">
Cloudflare
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../mkdocs/" class="md-nav__link">
<span class="md-ellipsis">
MKdocs
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<label class="md-nav__link md-nav__link--active" for="__toc">
<span class="md-ellipsis">
Code Server
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<a href="./" class="md-nav__link md-nav__link--active">
<span class="md-ellipsis">
Code Server
</span>
</a>
<nav class="md-nav md-nav--secondary" aria-label="On this page">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
On this page
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#accessing-code-server" class="md-nav__link">
<span class="md-ellipsis">
Accessing Code Server
</span>
</a>
<nav class="md-nav" aria-label="Accessing Code Server">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#retrieving-the-code-server-password" class="md-nav__link">
<span class="md-ellipsis">
Retrieving the Code Server Password
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#main-configuration-options" class="md-nav__link">
<span class="md-ellipsis">
Main Configuration Options
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#installed-tools-and-features" class="md-nav__link">
<span class="md-ellipsis">
Installed Tools and Features
</span>
</a>
<nav class="md-nav" aria-label="Installed Tools and Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#using-mkdocs" class="md-nav__link">
<span class="md-ellipsis">
Using MkDocs
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#claude-code-integration" class="md-nav__link">
<span class="md-ellipsis">
Claude Code Integration
</span>
</a>
<nav class="md-nav" aria-label="Claude Code Integration">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#what-is-claude-code" class="md-nav__link">
<span class="md-ellipsis">
What is Claude Code?
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#usage" class="md-nav__link">
<span class="md-ellipsis">
Usage
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#call-claude" class="md-nav__link">
<span class="md-ellipsis">
Call Claude
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#shell-environment" class="md-nav__link">
<span class="md-ellipsis">
Shell Environment
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#code-navigation-and-editing-features" class="md-nav__link">
<span class="md-ellipsis">
Code Navigation and Editing Features
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#collaboration-features" class="md-nav__link">
<span class="md-ellipsis">
Collaboration Features
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#security-considerations" class="md-nav__link">
<span class="md-ellipsis">
Security Considerations
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#ollama-integration" class="md-nav__link">
<span class="md-ellipsis">
Ollama Integration
</span>
</a>
<nav class="md-nav" aria-label="Ollama Integration">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#what-is-ollama" class="md-nav__link">
<span class="md-ellipsis">
What is Ollama?
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#getting-started-with-ollama" class="md-nav__link">
<span class="md-ellipsis">
Getting Started with Ollama
</span>
</a>
<nav class="md-nav" aria-label="Getting Started with Ollama">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#staring-ollama" class="md-nav__link">
<span class="md-ellipsis">
Staring Ollama
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#pulling-a-model" class="md-nav__link">
<span class="md-ellipsis">
Pulling a Model
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#running-a-model" class="md-nav__link">
<span class="md-ellipsis">
Running a Model
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#available-models" class="md-nav__link">
<span class="md-ellipsis">
Available Models
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#using-ollama-in-your-development-workflow" class="md-nav__link">
<span class="md-ellipsis">
Using Ollama in Your Development Workflow
</span>
</a>
<nav class="md-nav" aria-label="Using Ollama in Your Development Workflow">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#api-access" class="md-nav__link">
<span class="md-ellipsis">
API Access
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#model-management" class="md-nav__link">
<span class="md-ellipsis">
Model Management
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#resource-considerations" class="md-nav__link">
<span class="md-ellipsis">
Resource Considerations
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#integration-with-development-tools" class="md-nav__link">
<span class="md-ellipsis">
Integration with Development Tools
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle md-toggle--indeterminate" type="checkbox" id="__nav_3_7" >
<div class="md-nav__link md-nav__container">
<a href="../../adv/" class="md-nav__link ">
<span class="md-ellipsis">
Advanced Configuration
</span>
</a>
<label class="md-nav__link " for="__nav_3_7" id="__nav_3_7_label" tabindex="">
<span class="md-nav__icon md-icon"></span>
</label>
</div>
<nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_7_label" aria-expanded="false">
<label class="md-nav__title" for="__nav_3_7">
<span class="md-nav__icon md-icon"></span>
Advanced Configuration
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../../adv/ansible/" class="md-nav__link">
<span class="md-ellipsis">
SSH + Tailscale + Ansible
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../../adv/vscode-ssh/" class="md-nav__link">
<span class="md-ellipsis">
SSH + VScode
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../../blog/" class="md-nav__link">
<span class="md-ellipsis">
Blog
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--secondary" aria-label="On this page">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
On this page
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#accessing-code-server" class="md-nav__link">
<span class="md-ellipsis">
Accessing Code Server
</span>
</a>
<nav class="md-nav" aria-label="Accessing Code Server">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#retrieving-the-code-server-password" class="md-nav__link">
<span class="md-ellipsis">
Retrieving the Code Server Password
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#main-configuration-options" class="md-nav__link">
<span class="md-ellipsis">
Main Configuration Options
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#installed-tools-and-features" class="md-nav__link">
<span class="md-ellipsis">
Installed Tools and Features
</span>
</a>
<nav class="md-nav" aria-label="Installed Tools and Features">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#using-mkdocs" class="md-nav__link">
<span class="md-ellipsis">
Using MkDocs
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#claude-code-integration" class="md-nav__link">
<span class="md-ellipsis">
Claude Code Integration
</span>
</a>
<nav class="md-nav" aria-label="Claude Code Integration">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#what-is-claude-code" class="md-nav__link">
<span class="md-ellipsis">
What is Claude Code?
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#usage" class="md-nav__link">
<span class="md-ellipsis">
Usage
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#call-claude" class="md-nav__link">
<span class="md-ellipsis">
Call Claude
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#shell-environment" class="md-nav__link">
<span class="md-ellipsis">
Shell Environment
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#code-navigation-and-editing-features" class="md-nav__link">
<span class="md-ellipsis">
Code Navigation and Editing Features
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#collaboration-features" class="md-nav__link">
<span class="md-ellipsis">
Collaboration Features
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#security-considerations" class="md-nav__link">
<span class="md-ellipsis">
Security Considerations
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#ollama-integration" class="md-nav__link">
<span class="md-ellipsis">
Ollama Integration
</span>
</a>
<nav class="md-nav" aria-label="Ollama Integration">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#what-is-ollama" class="md-nav__link">
<span class="md-ellipsis">
What is Ollama?
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#getting-started-with-ollama" class="md-nav__link">
<span class="md-ellipsis">
Getting Started with Ollama
</span>
</a>
<nav class="md-nav" aria-label="Getting Started with Ollama">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#staring-ollama" class="md-nav__link">
<span class="md-ellipsis">
Staring Ollama
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#pulling-a-model" class="md-nav__link">
<span class="md-ellipsis">
Pulling a Model
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#running-a-model" class="md-nav__link">
<span class="md-ellipsis">
Running a Model
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#available-models" class="md-nav__link">
<span class="md-ellipsis">
Available Models
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#using-ollama-in-your-development-workflow" class="md-nav__link">
<span class="md-ellipsis">
Using Ollama in Your Development Workflow
</span>
</a>
<nav class="md-nav" aria-label="Using Ollama in Your Development Workflow">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#api-access" class="md-nav__link">
<span class="md-ellipsis">
API Access
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#model-management" class="md-nav__link">
<span class="md-ellipsis">
Model Management
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#resource-considerations" class="md-nav__link">
<span class="md-ellipsis">
Resource Considerations
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#integration-with-development-tools" class="md-nav__link">
<span class="md-ellipsis">
Integration with Development Tools
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset">
<h1 id="coder-server-configuration">Coder Server Configuration<a class="headerlink" href="#coder-server-configuration" title="Permanent link">&para;</a></h1>
<p>This section describes the configuration and features of the code-server environment.</p>
<h2 id="accessing-code-server">Accessing Code Server<a class="headerlink" href="#accessing-code-server" title="Permanent link">&para;</a></h2>
<ul>
<li><strong>URL:</strong> <code>http://localhost:8080</code></li>
<li><strong>Authentication:</strong> Password-based (see below for password retrieval)</li>
</ul>
<h3 id="retrieving-the-code-server-password">Retrieving the Code Server Password<a class="headerlink" href="#retrieving-the-code-server-password" title="Permanent link">&para;</a></h3>
<p>After the first build, the code-server password is stored in:</p>
<div class="language-text highlight"><pre><span></span><code><span id="__span-0-1"><a id="__codelineno-0-1" name="__codelineno-0-1" href="#__codelineno-0-1"></a>configs/code-server/.config/code-server/config.yaml
</span></code></pre></div>
<p>Look for the <code>password:</code> field in that file. For example:</p>
<div class="language-yaml highlight"><pre><span></span><code><span id="__span-1-1"><a id="__codelineno-1-1" name="__codelineno-1-1" href="#__codelineno-1-1"></a><span class="nt">password</span><span class="p">:</span><span class="w"> </span><span class="l l-Scalar l-Scalar-Plain">0c0dca951a2d12eff1665817</span>
</span></code></pre></div>
<blockquote>
<p><strong>Note:</strong> It is recommended <strong>not</strong> to change this password manually, as it is securely generated.</p>
</blockquote>
<h2 id="main-configuration-options">Main Configuration Options<a class="headerlink" href="#main-configuration-options" title="Permanent link">&para;</a></h2>
<ul>
<li><code>bind-addr</code>: The address and port code-server listens on (default: <code>127.0.0.1:8080</code>)</li>
<li><code>auth</code>: Authentication method (default: <code>password</code>)</li>
<li><code>password</code>: The login password (see above)</li>
<li><code>cert</code>: Whether to use HTTPS (default: <code>false</code>)</li>
</ul>
<h2 id="installed-tools-and-features">Installed Tools and Features<a class="headerlink" href="#installed-tools-and-features" title="Permanent link">&para;</a></h2>
<p>The code-server environment includes:</p>
<ul>
<li><strong>Node.js 18+</strong> and <strong>npm</strong></li>
<li><strong>Claude Code</strong> (<code>@anthropic-ai/claude-code</code>) globally installed</li>
<li><strong>Python 3</strong> and tools:</li>
<li><code>python3-pip</code>, <code>python3-venv</code>, <code>python3-full</code>, <code>pipx</code></li>
<li><strong>Image and PDF processing libraries</strong>:</li>
<li><code>CairoSVG</code>, <code>Pillow</code>, <code>libcairo2-dev</code>, <code>libfreetype6-dev</code>, <code>libjpeg-dev</code>, <code>libpng-dev</code>, <code>libwebp-dev</code>, <code>libtiff5-dev</code>, <code>libopenjp2-7-dev</code>, <code>liblcms2-dev</code></li>
<li><code>weasyprint</code>, <code>fonts-roboto</code></li>
<li><strong>Git</strong> for version control and plugin management</li>
<li><strong>Build tools</strong>: <code>build-essential</code>, <code>pkg-config</code>, <code>python3-dev</code>, <code>zlib1g-dev</code></li>
<li><strong>MkDocs Material</strong> and a wide range of MkDocs plugins, installed in a dedicated Python virtual environment at <code>/home/coder/.venv/mkdocs</code></li>
<li><strong>Convenience script</strong>: <code>run-mkdocs</code> for running MkDocs commands easily</li>
</ul>
<h3 id="using-mkdocs">Using MkDocs<a class="headerlink" href="#using-mkdocs" title="Permanent link">&para;</a></h3>
<p>The virtual environment for MkDocs is automatically added to your <code>PATH</code>. You can run MkDocs commands directly, or use the provided script. For example, to build the site, from a clean terminal we would rung:</p>
<div class="language-bash highlight"><pre><span></span><code><span id="__span-2-1"><a id="__codelineno-2-1" name="__codelineno-2-1" href="#__codelineno-2-1"></a><span class="nb">cd</span><span class="w"> </span>mkdocs<span class="w"> </span>
</span><span id="__span-2-2"><a id="__codelineno-2-2" name="__codelineno-2-2" href="#__codelineno-2-2"></a>mkdocs<span class="w"> </span>build
</span></code></pre></div>
<h2 id="claude-code-integration">Claude Code Integration<a class="headerlink" href="#claude-code-integration" title="Permanent link">&para;</a></h2>
<div class="github-widget" data-repo="anthropics/claude-code"></div>
<p>The code-server environment comes with <strong>Claude Code</strong> (<code>@anthropic-ai/claude-code</code>) globally installed via npm.</p>
<h3 id="what-is-claude-code">What is Claude Code?<a class="headerlink" href="#what-is-claude-code" title="Permanent link">&para;</a></h3>
<p>Claude Code is an AI-powered coding assistant by Anthropic, designed to help you write, refactor, and understand code directly within your development environment.</p>
<h3 id="usage">Usage<a class="headerlink" href="#usage" title="Permanent link">&para;</a></h3>
<ul>
<li>Access Claude Code features through the command palette or sidebar in code-server.</li>
<li>Use Claude Code to generate code, explain code snippets, or assist with documentation and refactoring tasks.</li>
<li>For more information, refer to the <a href="https://docs.anthropic.com/claude/docs/claude-code">Claude Code documentation</a>.</li>
</ul>
<blockquote>
<p><strong>Note:</strong> Claude Code requires an API key or account with Anthropic for full functionality. Refer to the extension settings for configuration.</p>
</blockquote>
<h3 id="call-claude">Call Claude<a class="headerlink" href="#call-claude" title="Permanent link">&para;</a></h3>
<p>To use claude simply type claude into the terminal and follow instructions. </p>
<div class="language-bash highlight"><pre><span></span><code><span id="__span-3-1"><a id="__codelineno-3-1" name="__codelineno-3-1" href="#__codelineno-3-1"></a>claude
</span></code></pre></div>
<h2 id="shell-environment">Shell Environment<a class="headerlink" href="#shell-environment" title="Permanent link">&para;</a></h2>
<p>The <code>.bashrc</code> is configured to include the MkDocs virtual environment and user-local binaries in your <code>PATH</code> for convenience.</p>
<h2 id="code-navigation-and-editing-features">Code Navigation and Editing Features<a class="headerlink" href="#code-navigation-and-editing-features" title="Permanent link">&para;</a></h2>
<p>The code-server environment provides robust code navigation and editing features, including:</p>
<ul>
<li><strong>IntelliSense</strong>: Smart code completions based on variable types, function definitions, and imported modules.</li>
<li><strong>Code Navigation</strong>: Easily navigate to definitions, references, and symbol searches within your codebase.</li>
<li><strong>Debugging Support</strong>: Integrated debugging support for Node.js and Python, with breakpoints, call stacks, and interactive consoles.</li>
<li><strong>Terminal Access</strong>: Built-in terminal access to run commands, scripts, and version control operations.</li>
</ul>
<h2 id="collaboration-features">Collaboration Features<a class="headerlink" href="#collaboration-features" title="Permanent link">&para;</a></h2>
<p>Code-server includes features to support collaboration:</p>
<ul>
<li><strong>Live Share</strong>: Collaborate in real-time with others, sharing your code and terminal sessions.</li>
<li><strong>ChatGPT Integration</strong>: AI-powered code assistance and chat-based collaboration.</li>
</ul>
<h2 id="security-considerations">Security Considerations<a class="headerlink" href="#security-considerations" title="Permanent link">&para;</a></h2>
<p>When using code-server, consider the following security aspects:</p>
<ul>
<li><strong>Password Management</strong>: The default password is securely generated. Do not share it or expose it in public repositories.</li>
<li><strong>Network Security</strong>: Ensure that your firewall settings allow access to the code-server port (default: 8080) only from trusted networks.</li>
<li><strong>Data Privacy</strong>: Be cautious when uploading sensitive data or code to the server. Use environment variables or secure vaults for sensitive information.</li>
</ul>
<h2 id="ollama-integration">Ollama Integration<a class="headerlink" href="#ollama-integration" title="Permanent link">&para;</a></h2>
<div class="github-widget" data-repo="ollama/ollama"></div>
<p>The code-server environment includes <strong>Ollama</strong>, a tool for running large language models locally on your machine.</p>
<h3 id="what-is-ollama">What is Ollama?<a class="headerlink" href="#what-is-ollama" title="Permanent link">&para;</a></h3>
<p>Ollama is a lightweight, extensible framework for building and running language models locally. It provides a simple API for creating, running, and managing models, making it easy to integrate AI capabilities into your development workflow without relying on external services.</p>
<h3 id="getting-started-with-ollama">Getting Started with Ollama<a class="headerlink" href="#getting-started-with-ollama" title="Permanent link">&para;</a></h3>
<h4 id="staring-ollama">Staring Ollama<a class="headerlink" href="#staring-ollama" title="Permanent link">&para;</a></h4>
<p>For ollama to be available, you need to open a terminal and run: </p>
<div class="language-bash highlight"><pre><span></span><code><span id="__span-4-1"><a id="__codelineno-4-1" name="__codelineno-4-1" href="#__codelineno-4-1"></a>ollama<span class="w"> </span>serve
</span></code></pre></div>
<p>This will start the ollama server and you can then proceed to pulling a model and chatting. </p>
<h4 id="pulling-a-model">Pulling a Model<a class="headerlink" href="#pulling-a-model" title="Permanent link">&para;</a></h4>
<p>To get started, you'll need to pull a model. For development and testing, we recommend starting with a smaller model like Gemma 2B:</p>
<div class="language-bash highlight"><pre><span></span><code><span id="__span-5-1"><a id="__codelineno-5-1" name="__codelineno-5-1" href="#__codelineno-5-1"></a>ollama<span class="w"> </span>pull<span class="w"> </span>gemma2:2b
</span></code></pre></div>
<p>For even lighter resource usage, you can use the 1B parameter version:</p>
<div class="language-bash highlight"><pre><span></span><code><span id="__span-6-1"><a id="__codelineno-6-1" name="__codelineno-6-1" href="#__codelineno-6-1"></a>ollama<span class="w"> </span>pull<span class="w"> </span>gemma2:1b
</span></code></pre></div>
<h4 id="running-a-model">Running a Model<a class="headerlink" href="#running-a-model" title="Permanent link">&para;</a></h4>
<p>Once you've pulled a model, you can start an interactive session:</p>
<div class="language-bash highlight"><pre><span></span><code><span id="__span-7-1"><a id="__codelineno-7-1" name="__codelineno-7-1" href="#__codelineno-7-1"></a>ollama<span class="w"> </span>run<span class="w"> </span>gemma2:2b
</span></code></pre></div>
<h4 id="available-models">Available Models<a class="headerlink" href="#available-models" title="Permanent link">&para;</a></h4>
<p>Popular models available through Ollama include:</p>
<ul>
<li><strong>Gemma 2</strong> (1B, 2B, 9B, 27B): Google's efficient language models</li>
<li><strong>Llama 3.2</strong> (1B, 3B, 11B, 90B): Meta's latest language models</li>
<li><strong>Qwen 2.5</strong> (0.5B, 1.5B, 3B, 7B, 14B, 32B, 72B): Alibaba's multilingual models</li>
<li><strong>Phi 3.5</strong> (3.8B): Microsoft's compact language model</li>
<li><strong>Code Llama</strong> (7B, 13B, 34B): Specialized for code generation</li>
</ul>
<h3 id="using-ollama-in-your-development-workflow">Using Ollama in Your Development Workflow<a class="headerlink" href="#using-ollama-in-your-development-workflow" title="Permanent link">&para;</a></h3>
<h4 id="api-access">API Access<a class="headerlink" href="#api-access" title="Permanent link">&para;</a></h4>
<p>Ollama provides a REST API that runs on <code>http://localhost:11434</code> by default. You can integrate this into your applications:</p>
<div class="language-bash highlight"><pre><span></span><code><span id="__span-8-1"><a id="__codelineno-8-1" name="__codelineno-8-1" href="#__codelineno-8-1"></a>curl<span class="w"> </span>http://localhost:11434/api/generate<span class="w"> </span>-d<span class="w"> </span><span class="s1">&#39;{</span>
</span><span id="__span-8-2"><a id="__codelineno-8-2" name="__codelineno-8-2" href="#__codelineno-8-2"></a><span class="s1"> &quot;model&quot;: &quot;gemma2:2b&quot;,</span>
</span><span id="__span-8-3"><a id="__codelineno-8-3" name="__codelineno-8-3" href="#__codelineno-8-3"></a><span class="s1"> &quot;prompt&quot;: &quot;Write a Python function to calculate fibonacci numbers&quot;,</span>
</span><span id="__span-8-4"><a id="__codelineno-8-4" name="__codelineno-8-4" href="#__codelineno-8-4"></a><span class="s1"> &quot;stream&quot;: false</span>
</span><span id="__span-8-5"><a id="__codelineno-8-5" name="__codelineno-8-5" href="#__codelineno-8-5"></a><span class="s1">}&#39;</span>
</span></code></pre></div>
<h4 id="model-management">Model Management<a class="headerlink" href="#model-management" title="Permanent link">&para;</a></h4>
<p>List installed models:
<div class="language-bash highlight"><pre><span></span><code><span id="__span-9-1"><a id="__codelineno-9-1" name="__codelineno-9-1" href="#__codelineno-9-1"></a>ollama<span class="w"> </span>list
</span></code></pre></div></p>
<p>Remove a model:
<div class="language-bash highlight"><pre><span></span><code><span id="__span-10-1"><a id="__codelineno-10-1" name="__codelineno-10-1" href="#__codelineno-10-1"></a>ollama<span class="w"> </span>rm<span class="w"> </span>gemma2:2b
</span></code></pre></div></p>
<p>Show model information:
<div class="language-bash highlight"><pre><span></span><code><span id="__span-11-1"><a id="__codelineno-11-1" name="__codelineno-11-1" href="#__codelineno-11-1"></a>ollama<span class="w"> </span>show<span class="w"> </span>gemma2:2b
</span></code></pre></div></p>
<h3 id="resource-considerations">Resource Considerations<a class="headerlink" href="#resource-considerations" title="Permanent link">&para;</a></h3>
<ul>
<li><strong>1B models</strong>: Require ~1GB RAM, suitable for basic tasks and resource-constrained environments</li>
<li><strong>2B models</strong>: Require ~2GB RAM, good balance of capability and resource usage</li>
<li><strong>Larger models</strong>: Provide better performance but require significantly more resources</li>
</ul>
<h3 id="integration-with-development-tools">Integration with Development Tools<a class="headerlink" href="#integration-with-development-tools" title="Permanent link">&para;</a></h3>
<p>Ollama can be integrated with various development tools and editors through its API, enabling features like:</p>
<ul>
<li>Code completion and generation</li>
<li>Documentation writing assistance</li>
<li>Code review and explanation</li>
<li>Automated testing suggestions</li>
</ul>
<p>For more information, visit the <a href="https://ollama.ai/docs">Ollama documentation</a>.</p>
<p>For more detailed information on configuring and using code-server, refer to the official <a href="https://coder.com/docs/">code-server documentation</a>.</p>
</article>
</div>
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
</div>
<button type="button" class="md-top md-icon" data-md-component="top" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
Back to top
</button>
</main>
<footer class="md-footer">
<nav class="md-footer__inner md-grid" aria-label="Footer" >
<a href="../mkdocs/" class="md-footer__link md-footer__link--prev" aria-label="Previous: MKdocs">
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
</div>
<div class="md-footer__title">
<span class="md-footer__direction">
Previous
</span>
<div class="md-ellipsis">
MKdocs
</div>
</div>
</a>
<a href="../../adv/" class="md-footer__link md-footer__link--next" aria-label="Next: Advanced Configurations">
<div class="md-footer__title">
<span class="md-footer__direction">
Next
</span>
<div class="md-ellipsis">
Advanced Configurations
</div>
</div>
<div class="md-footer__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11z"/></svg>
</div>
</a>
</nav>
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-copyright">
<div class="md-copyright__highlight">
Copyright &copy; 2024 The Bunker Operations <a href="#__consent">Change cookie settings</a>
</div>
</div>
<div class="md-social">
<a href="https://gitea.bnkops.com/admin" target="_blank" rel="noopener" title="Gitea Repository" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8M97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
</a>
<a href="https://listmonk.bnkops.com/subscription/form" target="_blank" rel="noopener" title="Newsletter" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc.--><path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480v-83.6c0-4 1.5-7.8 4.2-10.8l167.6-182.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8l-88.3-44.2C7.1 311.3.3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4"/></svg>
</a>
</div>
</div>
</div>
</footer>
</div>
<div class="md-dialog" data-md-component="dialog">
<div class="md-dialog__inner md-typeset"></div>
</div>
<div class="md-progress" data-md-component="progress" role="progressbar"></div>
<script id="__config" type="application/json">{"base": "../..", "features": ["announce.dismiss", "content.action.edit", "content.action.view", "content.code.annotate", "content.code.copy", "content.tooltips", "navigation.expand", "navigation.footer", "navigation.indexes", "navigation.instant", "navigation.instant.prefetch", "navigation.instant.progress", "navigation.path", "navigation.prune", "navigation.sections", "navigation.tabs", "navigation.tabs.sticky", "navigation.top", "navigation.tracking", "search.highlight", "search.share", "search.suggest", "toc.follow"], "search": "../../assets/javascripts/workers/search.d50fe291.min.js", "tags": null, "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": null}</script>
<script src="../../assets/javascripts/bundle.56ea9cef.min.js"></script>
<script src="../../javascripts/home.js"></script>
<script src="../../javascripts/github-widget.js"></script>
<script src="../../javascripts/gitea-widget.js"></script>
</body>
</html>