wiki
This commit is contained in:
kankys
parent
8e1d15a936
commit
c1f0d0369c
@ -2,7 +2,7 @@
|
||||
<div class="logo">
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<img src="img/1702045296079.jpeg" alt="" />
|
||||
<h1 class="title"><a href="./index.php">🚀 ApolloNvim </a></h1>
|
||||
<h1 class="title"><a style="color: green;" href="./index.php">🚀 ApolloNvim </a></h1>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@ -33,3 +33,6 @@ function scrollToTop() {
|
||||
document.body.scrollTop = 0; // Pro Safari
|
||||
document.documentElement.scrollTop = 0; // Pro ostatní prohlížeče
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@ -29,6 +29,10 @@ p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.green {
|
||||
color: green;
|
||||
}
|
||||
|
||||
header {
|
||||
margin-top: 25px;
|
||||
display: flex;
|
||||
@ -162,3 +166,91 @@ footer {
|
||||
font-size: 34px;
|
||||
}
|
||||
|
||||
/*Styly pro wiki*/
|
||||
/*flebox*/
|
||||
.flexbox {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
gap: 45px;
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.flexbox {
|
||||
flex-direction: column;
|
||||
}
|
||||
.menu {
|
||||
order: -1;
|
||||
}
|
||||
|
||||
.text-obsah {
|
||||
order: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/*PHP - Sloupec wiki*/
|
||||
.accordion {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.accordion-button {
|
||||
background-color: #eee;
|
||||
border: 2px solid green;
|
||||
padding: 10px;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
.accordion-button:hover {
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
.accordion-content {
|
||||
display: none;
|
||||
padding: 0 18px;
|
||||
background-color: white;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.2s ease-out;
|
||||
}
|
||||
|
||||
.accordion-content.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.accordion-content a {
|
||||
color: green;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.accordion-content a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
/*Konec wiki*/
|
||||
hr {
|
||||
margin-top: 50px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
strong {
|
||||
color: green;
|
||||
}
|
||||
/*Code Box*/
|
||||
.code-box {
|
||||
position: relative;
|
||||
width: 600;
|
||||
height: auto;
|
||||
border: 1px solid #734f96;
|
||||
padding: 5px;
|
||||
overflow: auto;
|
||||
background-color: green;
|
||||
color: black;
|
||||
margin: auto;
|
||||
text-align: left;
|
||||
border-radius: 7px;
|
||||
}
|
||||
|
||||
/*Konec code box*/
|
||||
|
||||
@ -28,16 +28,16 @@
|
||||
<p>🚀 ApolloNvim je Český komunitní projekt pro nováčky Neovim, ale i ostřílené borce v Neovimu. Tato distribuce má ukázat jak používat, instalovat, konfigurovat pluginy. Tento setup je tvořen na vývoj Front-end v HTML, CSS, JS, TS a PHP. Distrimuci je možné jakoliv rozšířit či pozměnit vaším potřebám, s čímkoliv budete mít potíže neváhejte se na nás obrátit a pokusíme se problém vyřešit.</p>
|
||||
<h3>Úvod:</h3>
|
||||
<p><strong>Vždy se podívej před instalací nových pluginu, na dokumentaci k plaginům na Githubu. Předejdeš tím případným problémům! Pokud si nejsi jistý postupem nebo ti není něco jasné, tak raději se podívej do dokumentace, napiš nám nebo na fórech najdeš odpověď. Táke si vše vždy před změnou vše zálohuj!</strong></p>
|
||||
<p>👉 Neovim setup pro Front-End vývoj postavený na <a href="https://github.com/junegunn/vim-plug" target="_blank">Plug.vim</a>, <a href="https://github.com/neoclide/coc.nvim" target="_blank">Coc</a> a <a href="https://neovim.io/doc/user/lua-guide.html" target="_blank">Lua</a>.</p>
|
||||
<p>👉 Neovim setup pro Front-End vývoj postavený na <a class="green" href="https://github.com/junegunn/vim-plug" target="_blank">Plug.vim</a>, <a class="green" href="https://github.com/neoclide/coc.nvim" target="_blank">Coc</a> a <a class="green" href="https://neovim.io/doc/user/lua-guide.html" target="_blank">Lua</a>.</p>
|
||||
<p>👉 Výhody Neovim oproti klasickému IDE jsou nesporně ve svobodě konfigurace, je tisíce možností, jak Váš Neovim může vypadat a fungovat. Pro Vaši inspiraci a použití vznikl tento projekt 🚀 ApolloNvim.</p>
|
||||
<p>👉 Tato distribuce nefunguje jen, že kliknete na tlačítko a nainstaluje se. Vede Vás k samostatné instalaci pomocí tohoto webu. Cílem je pochopit, jak Neovim funguje, abyste si sami mohli vše modifikovat, což i click-on distribucí se nenaučíte.</p>
|
||||
<p>👉 Toto nastavení jsem vytvořil pro vývoj webu. Inspiroval jsem se pluginy, které jsem využíval v VSCode a Webstorm.</p>
|
||||
<p>👉 Velký důraz je kladen na rychlost a lehkost.</p>
|
||||
<p>👉 🚀 ApolloNvim Distro je pravidelně aktualizováno tak i celý projekt.</p>
|
||||
<p>👉 Pro nejlepší zážitek s 🚀 ApolloNvim Distro doporučuji používat multiplexor <a href="https://git.arch-linux.cz/kankys/zellij-mySetup" target="_blank">Zellij</a>, ale není to samozřejmě podmínkou.</p>
|
||||
<p>👉 Pro nejlepší zážitek s 🚀 ApolloNvim Distro doporučuji používat multiplexor <a class="green" href="https://git.arch-linux.cz/kankys/zellij-mySetup" target="_blank">Zellij</a>, ale není to samozřejmě podmínkou.</p>
|
||||
<h3>Přednosti:</h3>
|
||||
<p>👉 Hlavní předností tohoto nastavení jsou podpora: Codeium alternativa k Copilot zdarma, Prettier, AutoSave, diplňování HTML, CSS, JS a zkratky k zakomentování a odkomentování kódu. Taky je zde několik pluginu pro příjemnější práci v Neovim.</p>
|
||||
<p>👉 S <a href="https://github.com/neovim/nvim-lspconfig" target="_blank">LSP</a> v této instalaci využívám <a href="https://github.com/neoclide/coc.nvim" target="_blank">Coc</a> pro jeho jednoduchost, stabilitu a rychlost.</p>
|
||||
<p>👉 S <a class="green" href="https://github.com/neovim/nvim-lspconfig" target="_blank">LSP</a> v této instalaci využívám <a class="green" href="https://github.com/neoclide/coc.nvim" target="_blank">Coc</a> pro jeho jednoduchost, stabilitu a rychlost.</p>
|
||||
<p>👉 Ty nejlepší témata pro Neovim (ať je nemusíte hledat), je defaultně nastavéné Dracula.</p>
|
||||
<p>👉 Téma v Neovim si jednoduše změníte v command line příkazem <strong><code>colorscheme</code></strong> a tlačítkem Tab se budete přepínat mezi jednotlivými tématy.</p>
|
||||
</section>
|
||||
|
||||
@ -26,9 +26,9 @@
|
||||
<section class="content" id="welcome">
|
||||
<section class="config">
|
||||
<h2 class="install">Instalace a nastavení:</h2>
|
||||
<p>👉 Pokud ještě nemáte, nainstalujte si <a href="https://neovim.io/" target="_blank">Neovim</a>.</p>
|
||||
<p>👉 Pokud ještě nemáte, nainstalujte si <a class="green" href="https://neovim.io/" target="_blank">Neovim</a>.</p>
|
||||
<p>👉 Bude potřeba nainstalovat <strong><code>plug.vim</code></strong> abyste mohl/a instalovat rozšíření.</p>
|
||||
<p>👉 Běžte na tuto stránku <a href="https://github.com/junegunn/vim-plug" target="_blank">Vim.plug</a> pod Installation si najděte svůj operační systém a zkopírujte odkaz pod ním do svého terminálu.</p>
|
||||
<p>👉 Běžte na tuto stránku <a class="green" href="https://github.com/junegunn/vim-plug" target="_blank">Vim.plug</a> pod Installation si najděte svůj operační systém a zkopírujte odkaz pod ním do svého terminálu.</p>
|
||||
<p>👉 Pokud už Neovim máte naistalovaný, <strong style="color: red;">nejprve si však zálohujte své aktuální nastavení Neovim!!!</strong></p>
|
||||
<p>Konfigurační soubory najdeš zde:</p>
|
||||
<p>Linux & Mac:</p>
|
||||
@ -36,26 +36,26 @@
|
||||
<p>Windows:</p>
|
||||
<p><strong><code>~/AppData/Local/nvim/init.vim</code></strong></p>
|
||||
<h2>Node.js:</h2>
|
||||
<p>👉 Doporučuji i mít nainstalovaný <a href="https://nodejs.org/en" target="_blank">Node.js</a></p>
|
||||
<p>👉 Dále si v Node.js nainstalujte <a href="https://www.npmjs.com/package/live-server" target="_blank">Live-server</a> příkazem <strong><code>npm live-server </code></strong> v adresáři projektu ho pustíte.</p>
|
||||
<p>👉 Doporučuji i mít nainstalovaný <a class="green" href="https://nodejs.org/en" target="_blank">Node.js</a></p>
|
||||
<p>👉 Dále si v Node.js nainstalujte <a class="green" href="https://www.npmjs.com/package/live-server" target="_blank">Live-server</a> příkazem <strong><code>npm live-server </code></strong> v adresáři projektu ho pustíte.</p>
|
||||
<p>👉 Pro správnou funkčnost LSP si doinstalujte tyto balíčky:</p>
|
||||
<p>Pokud vám terminál vypíše chybu při použití příkazu <strong><code>npm</code></strong>. Bude potřeba balíček instalovat jako <strong><code><a href="https://cs.wikipedia.org/wiki/Sudo" target="_blank">sudo</a></code></strong>.</p>
|
||||
<p><a href="https://github.com/microsoft/vscode-html-languageservice" target="_blank">vscode-html-language-server</a></p>
|
||||
<p><a href="https://github.com/microsoft/vscode-css-languageservice" target="_blank">vscode-css-language-server</a></p>
|
||||
<p><a href="https://github.com/typescript-language-server/typescript-language-server" target="_blank">typescript-language-server</a></p>
|
||||
<p><a href="https://github.com/aca/emmet-ls" target="_blank">emmet-ls</a></p>
|
||||
<p><a href="https://github.com/tailwindlabs/tailwindcss-intellisense/blob/master/packages/tailwindcss-language-server/README.md">tailwindcss-language-server</a></p>
|
||||
<p><a href="https://github.com/artempyanykh/marksman" target="_blank">marksman</a></p>
|
||||
<p><a href="https://github.com/markdoc-extra/markdoc-ls" target="_blank">markdoc-ls</p>
|
||||
<p><a href="https://eslint.org/docs/latest/use/getting-started" target="_blank">eslint</a></p>
|
||||
<p>Pokud vám terminál vypíše chybu při použití příkazu <strong><code>npm</code></strong>. Bude potřeba balíček instalovat jako <strong><code><a class="green" href="https://cs.wikipedia.org/wiki/Sudo" target="_blank">sudo</a></code></strong>.</p>
|
||||
<p><a class="green" href="https://github.com/microsoft/vscode-html-languageservice" target="_blank">vscode-html-language-server</a></p>
|
||||
<p><a class="green" href="https://github.com/microsoft/vscode-css-languageservice" target="_blank">vscode-css-language-server</a></p>
|
||||
<p><a class="green" href="https://github.com/typescript-language-server/typescript-language-server" target="_blank">typescript-language-server</a></p>
|
||||
<p><a class="green" href="https://github.com/aca/emmet-ls" target="_blank">emmet-ls</a></p>
|
||||
<p><a class="green" href="https://github.com/tailwindlabs/tailwindcss-intellisense/blob/master/packages/tailwindcss-language-server/README.md">tailwindcss-language-server</a></p>
|
||||
<p><a class="green" href="https://github.com/artempyanykh/marksman" target="_blank">marksman</a></p>
|
||||
<p><a class="green" href="https://github.com/markdoc-extra/markdoc-ls" target="_blank">markdoc-ls</p>
|
||||
<p><a class="green" href="https://eslint.org/docs/latest/use/getting-started" target="_blank">eslint</a></p>
|
||||
<h2>Neovim:</h2>
|
||||
<p>👉 Pro instalaci 🚀 ApolloNvim Distra stačí stáhnout si pouze soubor <strong><code>init.vim</code></strong> s tohoto <a href="https://git.arch-linux.cz/kankys/ApolloNvim" target="_blank">repositáře</a>.</p>
|
||||
<p>👉 Některé plaginy potřebují na konfigurovat v jazyce Lua. Jak na to se dozvíš v readme <a href="https://git.arch-linux.cz/kankys/ApolloNvim/src/branch/main/readme" target="_blank">18. Konfigurace Lua</a>.</p>
|
||||
<p>👉 Pro instalaci 🚀 ApolloNvim Distra stačí stáhnout si pouze soubor <strong><code>init.vim</code></strong> s tohoto <a class="green" href="https://git.arch-linux.cz/kankys/ApolloNvim" target="_blank">repositáře</a>.</p>
|
||||
<p>👉 Některé plaginy potřebují na konfigurovat v jazyce Lua. Jak na to se dozvíš v readme <a class="green" href="https://git.arch-linux.cz/kankys/ApolloNvim/src/branch/main/readme" target="_blank">18. Konfigurace Lua</a>.</p>
|
||||
<p>👉 Uložte ho do kořenováho adresáře <strong><code>~/../nvim</code></strong> dle tvého OS.<strong> Nezapomeňte na zálohu stávajících souborů.</strong></p>
|
||||
<p>👉 Neovim pustíte v terminálu příkazem <strong><code>nvim</code></strong>.</p>
|
||||
<p>👉 Odklikejte chybová hlášení.</p>
|
||||
<p>👉 V Neovimu zadejte do command line <strong><code>PlugInstall</code></strong>, tím nainstalujete všechny pluginy. Restartujte Neovim. Command Line vyvoláte klávesovou zkratkou <strong><code>SHIFT + :</code></strong>.</p>
|
||||
<p>👉 Pokud Vám některý plugin chybí, můžete lehce doinstalovat nebo odinstalovat pomocí vim.plug. Více informací najdete na GitHubu <a href="https://github.com/junegunn/vim-plug" target="_blank">vim.plug</a> nebo velmi rád poradím viz. o nás.</p>
|
||||
<p>👉 Pokud Vám některý plugin chybí, můžete lehce doinstalovat nebo odinstalovat pomocí vim.plug. Více informací najdete na GitHubu <a class="green" href="https://github.com/junegunn/vim-plug" target="_blank">vim.plug</a> nebo velmi rád poradím viz. o nás.</p>
|
||||
<p>👉 Pokud některý plugin nechcete používat stačí ho v souboru <strong><code>init.vim</code></strong> zakomentovat pomocí dvojitých uvozovek.</p>
|
||||
<p>👉 Do command line ještě zadejte Coc příkaz, pro doinstalování zbylých pluginů <strong><code>CocInstall coc-tailwindcss coc-json coc-html-css-support coc-html coc-emmet coc-xml coc-tsserver coc-lsp-wl coc-lit-html coc-htmldjango coc-css coc-markdown-preview-enhanced coc-webview coc-phpls</code></strong>. A ještě jednou restartujte Neovim a vše máte připravené.</p>
|
||||
<p>👉 Pokud se Vám vše nechce instalovat ručně můžete stáhnout tento repožitář a nainstalujte si pouze <strong><code>vim.plug</code></strong> (jak nainstalovat vim.plug najdeš výšše) a pak stačí jen použít příkaz <strong><code>:PlugInstall</code></strong> a vše Vám bude hned fungovat.</p>
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
<section class="contact">
|
||||
<h2>Kontakty:</h2>
|
||||
<p>🚀 ApolloNvim Telegram skupina</p>
|
||||
<p>Osobní web autora 🚀 ApolloNvim </p>
|
||||
<p><a href="https://lukaskanka.cz/" target="_blank">Osobní web autora 🚀 ApolloNvim</a> </p>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
@ -28,25 +28,25 @@
|
||||
<h2>Pluginy:</h2>
|
||||
<h5>Bezpečnost a soukromí je to nejdůležitější, proto tu je tento seznam. V seznamu najdeš všechny pluginy co jsou použité v této konfiguraci s odkazem na zdroj. Plaginy které nechceš požívat zakomentuj nebo smaž v init.vim. Případě Coc plugin vynech při příkazu CocInstall název-plaginu.</h5>
|
||||
<h5>Seznam pravidelně aktualizujeme a vybíráme pluginy takovým způsebem aby v nich nedocházelo k konfliktům.</h5>
|
||||
<p>👉 <a href="https://github.com/m4xshen/autoclose.nvim" target="_blank">Autoclosetag</a> nástroj pro uzavírání všech typů závorek a tagů.</p>
|
||||
<p>👉 <a href="https://github.com/neoclide/coc.nvim" target="_blank">Coc</a> bálíčkovací manager pro instalování doplňků do Neovim.</p>
|
||||
<p>👉 <a href="https://xn--github-c5a.com/prettier/vim-prettier" target="_blank">Prettier</a> plugin pro zarovnání kódu.</p>
|
||||
<p>👉 <a href="https://github.com/othree/html5.vim" target="_blank">html5.vim</a> plugin pro HTML syntax highlighting.</p>
|
||||
<p>👉 <a href="https://github.com/valsorym/scrooloose-nerdtree" target="_blank">NERDTree</a> vytvoří vám stromový postranní panel.</p>
|
||||
<p>👉 <a href="https://github.com/Exafunction/codeium.vim" target="_blank">Codeium</a> alternativa k GitHub Copilot, který si případně lehce také můžete doinstalovat.</p>
|
||||
<p>👉 <a href="https://github.com/codota/tabnine-nvim" target="_blank">Tabnine</a> alternativa k GitHub Copilot, který si případně lehce také můžete doinstalovat.</p>
|
||||
<p>👉 <a href="https://github.com/mhinz/vim-startify" target="_blank">Startify</a> alternativní uvítací obrazovka s pokaždé jiným IT mottem v<strong> NORMAL módu</strong>. Nemusí fungovat s některými terminály či NERDTree nastaveným spuštěním po startu.</p>
|
||||
<p>👉 <a href="https://github.com/preservim/nerdcommenter" target="_blank">NERD Commenter</a> plugin pro zakomentování a odkomentování kódu. Zde ho máme nastaven na <code>Ctrl + k</code>.</p>
|
||||
<p>👉 <a href="https://wakatime.com/neovim" target="_blank">Wakatime</a> služba, která je schopna změřit, kolik času jste trávili při kódování na pc a i na kterém projektu. Služba se jednoduše propojí přes API. WakaTime najdeš <a href="https://wakatime.com/" target="_blank">zde</a>.</p>
|
||||
<p>👉 <a href="https://github.com/Pocco81/auto-save.nvim" target="_blank">Auto-save</a> plugin pro automatické ukládání, po přechodu z INSERT do NOEMAL módu.</p>
|
||||
<p>👉 <a href="https://github.com/nvim-treesitter/nvim-treesitter" target="_blank">Tree-sitter</a> plugin pro zvýraznění kódu.</p>
|
||||
<p>👉 <a href="https://github.com/shellRaining/hlchunk.nvim" target="_blank">Hlchunk</a> propojí kód vertikálními lajny.</p>
|
||||
<p>👉 <a href="👉 Vim-Fugitive plugin pro git." target="_blank">Vim-Fugitive</a> plugin pro git.</p>
|
||||
<p>👉 <a href="https://github.com/lilydjwg/colorizer" target="_blank">Colorizer</a> plugin pro náhled barev dle kódového označení.</p>
|
||||
<p>👉 <a href="https://github.com/pangloss/vim-javascript" target="_blank">Vim - javascript</a> plugin pro podporu javascript.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/m4xshen/autoclose.nvim" target="_blank">Autoclosetag</a> nástroj pro uzavírání všech typů závorek a tagů.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/neoclide/coc.nvim" target="_blank">Coc</a> bálíčkovací manager pro instalování doplňků do Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://xn--github-c5a.com/prettier/vim-prettier" target="_blank">Prettier</a> plugin pro zarovnání kódu.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/othree/html5.vim" target="_blank">html5.vim</a> plugin pro HTML syntax highlighting.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/valsorym/scrooloose-nerdtree" target="_blank">NERDTree</a> vytvoří vám stromový postranní panel.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/Exafunction/codeium.vim" target="_blank">Codeium</a> alternativa k GitHub Copilot, který si případně lehce také můžete doinstalovat.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/codota/tabnine-nvim" target="_blank">Tabnine</a> alternativa k GitHub Copilot, který si případně lehce také můžete doinstalovat.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/mhinz/vim-startify" target="_blank">Startify</a> alternativní uvítací obrazovka s pokaždé jiným IT mottem v<strong> NORMAL módu</strong>. Nemusí fungovat s některými terminály či NERDTree nastaveným spuštěním po startu.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/preservim/nerdcommenter" target="_blank">NERD Commenter</a> plugin pro zakomentování a odkomentování kódu. Zde ho máme nastaven na <code>Ctrl + k</code>.</p>
|
||||
<p>👉 <a class="green" href="https://wakatime.com/neovim" target="_blank">Wakatime</a> služba, která je schopna změřit, kolik času jste trávili při kódování na pc a i na kterém projektu. Služba se jednoduše propojí přes API. WakaTime najdeš <a href="https://wakatime.com/" target="_blank">zde</a>.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/Pocco81/auto-save.nvim" target="_blank">Auto-save</a> plugin pro automatické ukládání, po přechodu z INSERT do NOEMAL módu.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/nvim-treesitter/nvim-treesitter" target="_blank">Tree-sitter</a> plugin pro zvýraznění kódu.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/shellRaining/hlchunk.nvim" target="_blank">Hlchunk</a> propojí kód vertikálními lajny.</p>
|
||||
<p>👉 <a class="green" href="👉 Vim-Fugitive plugin pro git." target="_blank">Vim-Fugitive</a> plugin pro git.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/lilydjwg/colorizer" target="_blank">Colorizer</a> plugin pro náhled barev dle kódového označení.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/pangloss/vim-javascript" target="_blank">Vim - javascript</a> plugin pro podporu javascript.</p>
|
||||
<h3>Coc extensions:</h3>
|
||||
<p>👉 <a href="https://github.com/neoclide/coc.nvim" target="_blank">Coc</a> manager pro instalování doplňků do Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/neoclide/coc.nvim/wiki/Using-coc-extensions" target="_blank">Coc</a> extensions pod tímto odkazem najdeš všechny COC rozšíření do Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/neoclide/coc.nvim" target="_blank">Coc</a> manager pro instalování doplňků do Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/neoclide/coc.nvim/wiki/Using-coc-extensions" target="_blank">Coc</a> extensions pod tímto odkazem najdeš všechny COC rozšíření do Neovim.</p>
|
||||
<p>👉 coc-tailwindcss</p>
|
||||
<p>👉 coc-json</p>
|
||||
<p>👉 coc-html-css-support</p>
|
||||
@ -65,25 +65,25 @@
|
||||
<p>👉 coc-eslint</p>
|
||||
<p>👉 coc-highlighting</p>
|
||||
<h3>Colorschemes v tomto projektu:</h3>
|
||||
<p>👉 <a href="https://github.com/dracula/vim" target="_blank">Dracula</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/morhetz/gruvbox" target="_blank">Gruvbox</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/catppuccin/nvim" target="_blank">Catppuccin</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/arcticicestudio/nord-vim" target="_blank">Nord</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/ghifarit53/tokyonight-vim" target="_blank">Tokyo Night</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/EdenEast/nightfox.nvim" target="_blank">Nightfox</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/sainnhe/sonokai" target="_blank">Sonokai</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/Tsuzat/NeoSolarized.nvim" target="_blank">NeoSolarized</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/bluz71/vim-moonfly-colors" target="_blank">Moonfly</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/joshdick/onedark.vim" target="_blank">Onedark</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/sainnhe/edge" target="_blank">Edge</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/vim-airline/vim-airline" target="_blank">Airline</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/projekt0n/github-nvim-theme" target="_blank">GitHub</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/bluz71/vim-nightfly-colors" target="_blank">Nightfly</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/xero/miasma.nvim" target="_blank">Miasma</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/sts10/vim-pink-moon" target="_blank">Pink moon</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/tlhr/anderson.vim" target="_blank">Anderson</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/jacoborus/tender.vim" target="_blank">Tender</a> téma pro Neovim.</p>
|
||||
<p>👉 <a href="https://github.com/haishanh/night-owl.vim" target="_blank">Night owl</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/dracula/vim" target="_blank">Dracula</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/morhetz/gruvbox" target="_blank">Gruvbox</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/catppuccin/nvim" target="_blank">Catppuccin</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/arcticicestudio/nord-vim" target="_blank">Nord</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/ghifarit53/tokyonight-vim" target="_blank">Tokyo Night</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/EdenEast/nightfox.nvim" target="_blank">Nightfox</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/sainnhe/sonokai" target="_blank">Sonokai</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/Tsuzat/NeoSolarized.nvim" target="_blank">NeoSolarized</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/bluz71/vim-moonfly-colors" target="_blank">Moonfly</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/joshdick/onedark.vim" target="_blank">Onedark</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/sainnhe/edge" target="_blank">Edge</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/vim-airline/vim-airline" target="_blank">Airline</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/projekt0n/github-nvim-theme" target="_blank">GitHub</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/bluz71/vim-nightfly-colors" target="_blank">Nightfly</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/xero/miasma.nvim" target="_blank">Miasma</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/sts10/vim-pink-moon" target="_blank">Pink moon</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/tlhr/anderson.vim" target="_blank">Anderson</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/jacoborus/tender.vim" target="_blank">Tender</a> téma pro Neovim.</p>
|
||||
<p>👉 <a class="green" href="https://github.com/haishanh/night-owl.vim" target="_blank">Night owl</a> téma pro Neovim.</p>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
@ -1,3 +1,10 @@
|
||||
<?php
|
||||
$items = [
|
||||
['title' => '1. Jak nainstalovat vim.plug do Neovim', 'content' => '1. Jak nainstalovat vim.plug do Neovim', 'id' => '1'],
|
||||
['title' => '1. Klávesové zkratky', 'content' => '1. KLávesové zkratky.', 'id' => '2'],
|
||||
['title' => '1. Jak nainstalovat Codeium do Neovim', 'content' => '1. Jak nainstalovat Codeium do Neovim', 'id' => '3'],
|
||||
|
||||
];?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
@ -21,13 +28,221 @@
|
||||
<title>🚀 ApolloNvim</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<?php require "assets/header.php" ?>
|
||||
<section class="content" id="welcome">
|
||||
<section class="contact">
|
||||
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<div class="flexbox">
|
||||
|
||||
<!-- <div class="menu-conteiner"> -->
|
||||
|
||||
<div class="menu-navigation">
|
||||
<h3>Wiki:</h3>
|
||||
<ul class="accordion">
|
||||
<?php foreach ($items as $item): ?>
|
||||
<li>
|
||||
<button class="accordion-button" onclick="location.href='#<?php echo htmlspecialchars($item['id']); ?>'"><?php echo htmlspecialchars($item['title']); ?></button>
|
||||
<div class="accordion-content">
|
||||
<a href="#<?php echo htmlspecialchars($item['id']); ?>"><?php echo htmlspecialchars($item['content']); ?></a>
|
||||
</div>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="text-title">
|
||||
<h1>ApolloNvim - Modální editor wiki</h1>
|
||||
<div id="1">
|
||||
<h2>1. Jak nainstalovat vim.plug do Neovim</h2>
|
||||
<p>Nejprve si však zálohujte své aktuální nastavení Neovim!!!</p>
|
||||
<p>Linux & Mac</p>
|
||||
<div class="code-box">
|
||||
<pre id="code-content">
|
||||
<!-- Vaš kód sem -->
|
||||
~/.config/nvim/init.vim
|
||||
</pre>
|
||||
|
||||
</div>
|
||||
<p>Windows:</p>
|
||||
<div class="code-box">
|
||||
<pre id="code-content">
|
||||
<!-- Vaš kód sem -->
|
||||
~\AppData\Local\nvim\init.vim
|
||||
</pre>
|
||||
|
||||
</div>
|
||||
|
||||
<p>Běžte na tuto <a class="green" href="https://github.com/junegunn/vim-plug">stránku</a> pod Installation si najděte svůj operační systém a zkopírujte odkaz pod ním do svého terminálu a pomocí Enter nainstalujete vim.plug.</p>
|
||||
|
||||
<p>Na Linuxu a macOS to bude tento příkaz:</p>
|
||||
<div class="code-box">
|
||||
<pre id="code-content">
|
||||
sh -c 'curl -fLo "${XDG_DATA_HOME:-$HOME/.local/share}"/nvim/site/autoload/plug.vim --create-dirs \<br>
|
||||
https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim'
|
||||
</pre>
|
||||
|
||||
</div>
|
||||
<p>Na Windows to bude tento příkaz:</p>
|
||||
<div class="code-box">
|
||||
<pre id="code-content">
|
||||
iwr -useb https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim |`<br>
|
||||
ni "$(@($env:XDG_DATA_HOME, $env:LOCALAPPDATA)[$null -eq $env:XDG_DATA_HOME])/nvim-data/site/autoload/plug.vim" -Force
|
||||
</pre>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<p>Dále si otevřeme soubor <strong><code>init.vim</code></strong> a pokud ho nemáme tak si ho vytvoříme zde:</p>
|
||||
|
||||
<div class="code-box">
|
||||
<pre id="code-content">
|
||||
<!-- Vaš kód sem -->
|
||||
~/.config/nvim/init.vim
|
||||
</pre>
|
||||
|
||||
</div>
|
||||
<p>Windows:</p>
|
||||
<div class="code-box">
|
||||
<pre id="code-content">
|
||||
<!-- Vaš kód sem -->
|
||||
~\AppData\Local\nvim\init.vim
|
||||
</pre>
|
||||
|
||||
</div>
|
||||
<p>A do něj vložíme a následně uložíme tento kód:</p>
|
||||
<div class="code-box">
|
||||
<pre id="code-content">
|
||||
call plug#begin(has('nvim') ? stdpath('data') . '/plugged' : '~/.vim/plugged')<br>
|
||||
# Jsem budeš v budoucnu vkládat pluginy. Začínající PLug a adresa ke stažení<br>
|
||||
call plug#end()
|
||||
</pre>
|
||||
|
||||
</div>
|
||||
|
||||
<p>A příkazem Nvim v terminálu spustíme Neovim. Pokud vám vyskočí chybové hlášení jen ho odklikněte.<p>
|
||||
|
||||
<p>Pomocí Ctrl + : se dostanete do příkazového řádku a tam napíšete PlugInstall<p>
|
||||
|
||||
<p>A restartujeme Neovim. Příkazem Ctrl + : do příkazového řádku napíšete q a restartujeme Neovim.<p>
|
||||
|
||||
<p>Takto pokaždé když si přidáte do init.vim pluginy, příkazem PlugInstall je nainstalujete a restartujeme Neovim.</p>
|
||||
</div>
|
||||
<hr>
|
||||
<div id="2">
|
||||
<h2>2. Klávesové zkratky</h2>
|
||||
<p>Default klávesové zkratky</p>
|
||||
<h4>Základní pohyb:</h4>
|
||||
<ul class="green">
|
||||
<li>h - Pohyb vlevo</li>
|
||||
<li>j - Pohyb dolů</li>
|
||||
<li>k - Pohyb nahoru</li>
|
||||
<li>l - Pohyb vpravo</li>
|
||||
<li>w - Přesun na začátek dalšího slova</li>
|
||||
<li>b - Přesun na začátek předchozího slova</li>
|
||||
<li>gg - Přesun na začátek dokumentu</li>
|
||||
<li>G - Přesun na konec dokumentu</li>
|
||||
</ul>
|
||||
<h4>Visuální mód:</h4>
|
||||
<p>Do něj se přepnu v Normal módu pomocí <strong><code>v</code></strong> pohybem kde byl kurzor mohu označovat text.</p>
|
||||
<h4>Normální mód - NORMAL:</h4>
|
||||
<p>Do normál módu se z jiných přesunu pomocí <strong><code>ESC</code></strong></p>
|
||||
<ul class="green">
|
||||
<li>i - Přepnutí do režimu vkládání před kurzor</li>
|
||||
<li>I - Přepnutí do režimu vkládání na začátek řádku</li>
|
||||
<li>a - Přepnutí do režimu vkládání za kurzor</li>
|
||||
<li>A - Přepnutí do režimu vkládání na konec řádku</li>
|
||||
<li>o - Vložení nového řádku pod aktuálním řádkem</li>
|
||||
<li>O - Vložení nového řádku nad aktuálním řádkem</li>
|
||||
<li>dd - Smazání řádku</li>
|
||||
<li>dw - Smazání slova</li>
|
||||
<li>yy - Kopírování řádku</li>
|
||||
<li>p - Vložení obsahu schránky pod kurzor</li>
|
||||
<li>P - Vložení obsahu schránky před kurzor</li>
|
||||
<li>u - Vrácení poslední provedené akce</li>
|
||||
<li>Ctrl + r - Krok do předu opak u</li>
|
||||
<li>q - Zavře okno</li>
|
||||
<li>. - Poslední příkaz</li>
|
||||
<li>Ctrl + w - Přepínání oken</li>
|
||||
</ul>
|
||||
<h4>Command mód:</h4>
|
||||
<p>Command mód vyvoláme pomocí <strong><code>SHIFT + :</code></strong></p>
|
||||
<ul class="green">
|
||||
<li>:e + jméno souboru - Vytvoří nový soubor - :e index.html</li>
|
||||
<li>:w - Uložení změn</li>
|
||||
<li>:q - Opuštění editoru</li>
|
||||
<li>:wq - Uložení změn a opuštění</li>
|
||||
<li>:q! - Opuštění editoru bez ukládání změn</li>
|
||||
<li>:vs - Vertikální rozložení oken</li>
|
||||
<li>:sp - Horizontální rozložení oken</li>
|
||||
<li>:colorscheme - Změní theme</li>
|
||||
<li>:term - Otevře terminál</li>
|
||||
</ul>
|
||||
<h4>Vyhledávání a nahrazování:</h4>
|
||||
<ul class="green">
|
||||
<li>/hledany_text - Vyhledání textu</li>
|
||||
<li>n - Přeskočení na další výskyt hledaného textu</li>
|
||||
<li>N - Přeskočení na předchozí výskyt hledaného textu</li>
|
||||
<li>:s/hledany_text/nahrazeny_text/g - Nahrazení hledaného textu za zadaný text v celém dokumentu</li>
|
||||
</ul>
|
||||
<h4>Různé:</h4>
|
||||
<ul class="green">
|
||||
<li>Ctrl + r - Opětovné provedení zrušené akce</li>
|
||||
<li>:help - Zobrazení nápovědy</li>
|
||||
</ul>
|
||||
</div>
|
||||
<hr>
|
||||
<div id="3">
|
||||
<h2>3. Jak nainstalovat Codeium do Neovim</h2>
|
||||
<p>Neovim je moderní verze Vim, textového editoru používaného v unixových systémech. Zde jsou některé klávesové zkratky pro práci s Neovim:</p>
|
||||
<p><a class="green" href="htpps://codeium.com" target="_blank">Codium</a> je alternativou k GitHub Copilot s tím, že pro jednotlivce je zdarma. Codeium hodnotím velmi pozitivně a Copilotu se vyrovná.
|
||||
</p>
|
||||
<p>
|
||||
Instalace pomocí plug.vim je jednoduchá, stačí pouze upravit svůj init.vim. Vložíme do něj:
|
||||
</p>
|
||||
<div class="code-box">
|
||||
<pre id="code-content">
|
||||
" Free AI codium
|
||||
Plug 'Exafunction/codeium.vim', { 'branch': 'main' }
|
||||
</pre>
|
||||
|
||||
</div>
|
||||
<p><code>
|
||||
" Free AI codium<br>
|
||||
Plug 'Exafunction/codeium.vim', { 'branch': 'main' }
|
||||
</code>
|
||||
</p>
|
||||
<p>
|
||||
Výsledný init.vim bude vypadat takto:
|
||||
</p>
|
||||
<div class="code-box">
|
||||
<pre id="code-content">
|
||||
call plug#begin(has('nvim') ? stdpath('data') . '/plugged' : '~/.vim/plugged')<br>
|
||||
" Free AI codium<br>
|
||||
Plug 'Exafunction/codeium.vim', { 'branch': 'main' }<br>
|
||||
call plug#end()
|
||||
</pre>
|
||||
|
||||
</div>
|
||||
<p>
|
||||
A restartujeme Neovim. Příkazem Ctrl + : do príkazového řádku napíšete q a restartujeme Neovim.</p>
|
||||
<p>Po restartu provedeme PlugInstall a ještě jednou restartujeme Neovim.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Poslední krok bude konfigurace Codeium, příkazem CodeiumEnable do command line.</p>
|
||||
|
||||
|
||||
<p>Codium vás vyzve k propojení API se serverem Codium.</p>
|
||||
<p>A vše by Vám mělo fungovat.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<?php require "assets/returnbutton.php" ?>
|
||||
|
||||
@ -33,3 +33,5 @@ function scrollToTop() {
|
||||
document.body.scrollTop = 0; // Pro Safari
|
||||
document.documentElement.scrollTop = 0; // Pro ostatní prohlížeče
|
||||
}
|
||||
// Code-box
|
||||
|
||||
|
||||
@ -129,7 +129,7 @@ p {
|
||||
/*Code Box*/
|
||||
.code-box {
|
||||
position: relative;
|
||||
width: 500px;
|
||||
width: 600px;
|
||||
height: auto;
|
||||
border: 1px solid #734f96;
|
||||
padding: 5px;
|
||||
@ -141,17 +141,6 @@ p {
|
||||
border-radius: 7px;
|
||||
}
|
||||
|
||||
#copy-button {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
cursor: pointer;
|
||||
color: whitesmoke;
|
||||
background-color: transparent;
|
||||
border: 1px solid #734f96;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* EOS - Welcome*/
|
||||
|
||||
|
||||
@ -44,7 +44,6 @@
|
||||
<!-- Vaš kód sem -->
|
||||
yay -S magasync
|
||||
</pre>
|
||||
<button id="copy-button">Kopírovat</button>
|
||||
</div>
|
||||
<p>3. Budete vyzváni k zadání hesla root, následně si budete moc zkontrolovat název i číslo verze balíčku jestli je to vážně ten co chcete nainstalovat a potvrdíte pomocí ENTER. Pokud bude v nabídce více verzí balíčku nebo více repozitářů ke stažení budete vyzváni vybrat verzi kterou chcete. To provedete pomocí čísla 1 - xxx, a zase potvrdíte pomocí ENTER.</p>
|
||||
<img src="img/terminalGnome.png" alt="Instalace packages v terminalu" style="width: 50%;height: auto;">
|
||||
|
||||
@ -181,14 +181,12 @@
|
||||
<pre id="code-content">
|
||||
sudo systemctl disable --now firewalld
|
||||
</pre>
|
||||
<button id="copy-button">Kopírovat</button>
|
||||
</div>
|
||||
<p>Firewalld odinstalujete tímto příkazem:</p>
|
||||
<div class="code-box">
|
||||
<pre id="code-content">
|
||||
sudo pacman -R firewalld
|
||||
</pre>
|
||||
<button id="copy-button">Kopírovat</button>
|
||||
</div>
|
||||
<p></p>
|
||||
<hr/>
|
||||
@ -231,7 +229,6 @@
|
||||
sudo firewall-cmd --permanent --zone=public --add-service=kdeconnect
|
||||
sudo firewall-cmd --reload
|
||||
</pre>
|
||||
<button id="copy-button">Kopírovat</button>
|
||||
</div>
|
||||
<p>
|
||||
<code><strong>--zone=public</strong></code>
|
||||
|
||||
@ -213,7 +213,6 @@
|
||||
GRUB_CMDLINE_LINUX_DEFAULT="acpi_osi='Windows 2018' rd.udev.log-priority=3
|
||||
nvme_core.default_ps_max_latency_us=5500"
|
||||
</pre>
|
||||
<button id="copy-button">Kopírovat</button>
|
||||
</div>
|
||||
<p>3. ctrl+x pro ukončení a „Y“ pro uložení.</p>
|
||||
<p>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user