This commit is contained in:
kankys 2024-10-21 18:08:37 +02:00
parent 8e1d15a936
commit c1f0d0369c
13 changed files with 377 additions and 81 deletions

View File

@ -2,7 +2,7 @@
<div class="logo"> <div class="logo">
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<img src="img/1702045296079.jpeg" alt="" /> <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> </div>

View File

@ -33,3 +33,6 @@ function scrollToTop() {
document.body.scrollTop = 0; // Pro Safari document.body.scrollTop = 0; // Pro Safari
document.documentElement.scrollTop = 0; // Pro ostatní prohlížeče document.documentElement.scrollTop = 0; // Pro ostatní prohlížeče
} }

View File

@ -29,6 +29,10 @@ p {
text-align: center; text-align: center;
} }
.green {
color: green;
}
header { header {
margin-top: 25px; margin-top: 25px;
display: flex; display: flex;
@ -162,3 +166,91 @@ footer {
font-size: 34px; 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*/

View File

@ -28,16 +28,16 @@
<p>🚀 ApolloNvim je Český komunitní projekt pro nováčky Neovim, ale i ostřílené borce v Neovimu. Tato distribuce 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> <p>🚀 ApolloNvim je Český komunitní projekt pro nováčky Neovim, ale i ostřílené borce v Neovimu. Tato distribuce 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> <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><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>👉 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>👉 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>👉 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>👉 Velký důraz je kladen na rychlost a lehkost.</p>
<p>👉 🚀 ApolloNvim Distro je pravidelně aktualizováno tak i celý projekt.</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> <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>👉 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 ( je nemusíte hledat), je defaultně nastavéné Dracula.</p> <p>👉 Ty nejlepší témata pro Neovim ( 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> <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> </section>

View File

@ -26,9 +26,9 @@
<section class="content" id="welcome"> <section class="content" id="welcome">
<section class="config"> <section class="config">
<h2 class="install">Instalace a nastavení:</h2> <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>👉 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 Neovim máte naistalovaný, <strong style="color: red;">nejprve si však zálohujte své aktuální nastavení Neovim!!!</strong></p> <p>👉 Pokud 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>Konfigurační soubory najdeš zde:</p>
<p>Linux & Mac:</p> <p>Linux & Mac:</p>
@ -36,26 +36,26 @@
<p>Windows:</p> <p>Windows:</p>
<p><strong><code>~/AppData/Local/nvim/init.vim</code></strong></p> <p><strong><code>~/AppData/Local/nvim/init.vim</code></strong></p>
<h2>Node.js:</h2> <h2>Node.js:</h2>
<p>👉 Doporučuji i mít nainstalovaný <a href="https://nodejs.org/en" target="_blank">Node.js</a></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 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>👉 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>👉 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>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 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-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 class="green" 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 class="green" 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 class="green" 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 class="green" 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 class="green" 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 class="green" 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><a class="green" href="https://eslint.org/docs/latest/use/getting-started" target="_blank">eslint</a></p>
<h2>Neovim:</h2> <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>👉 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 href="https://git.arch-linux.cz/kankys/ApolloNvim/src/branch/main/readme" target="_blank">18. Konfigurace Lua</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>👉 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>👉 Neovim pustíte v terminálu příkazem <strong><code>nvim</code></strong>.</p>
<p>👉 Odklikejte chybová hlášení.</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>👉 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>👉 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>👉 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> <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>

View File

@ -27,7 +27,7 @@
<section class="contact"> <section class="contact">
<h2>Kontakty:</h2> <h2>Kontakty:</h2>
<p>🚀 ApolloNvim Telegram skupina</p> <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>
</section> </section>

View File

@ -28,25 +28,25 @@
<h2>Pluginy:</h2> <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>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> <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 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 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://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 class="green" 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 class="green" 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 class="green" 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 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 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/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 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 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://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 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 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/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 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 href="https://github.com/shellRaining/hlchunk.nvim" target="_blank">Hlchunk</a> propojí kód vertikálními lajny.</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 href="👉 Vim-Fugitive plugin pro git." target="_blank">Vim-Fugitive</a> plugin pro git.</p> <p>👉 <a class="green" 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 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 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/pangloss/vim-javascript" target="_blank">Vim - javascript</a> plugin pro podporu javascript.</p>
<h3>Coc extensions:</h3> <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 class="green" 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/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-tailwindcss</p>
<p>👉 coc-json</p> <p>👉 coc-json</p>
<p>👉 coc-html-css-support</p> <p>👉 coc-html-css-support</p>
@ -65,25 +65,25 @@
<p>👉 coc-eslint</p> <p>👉 coc-eslint</p>
<p>👉 coc-highlighting</p> <p>👉 coc-highlighting</p>
<h3>Colorschemes v tomto projektu:</h3> <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 class="green" 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 class="green" 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 class="green" 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 class="green" 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 class="green" 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 class="green" 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 class="green" 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 class="green" 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 class="green" 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 class="green" 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 class="green" 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 class="green" 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 class="green" 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 class="green" 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 class="green" 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 class="green" 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 class="green" 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 class="green" 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/haishanh/night-owl.vim" target="_blank">Night owl</a> téma pro Neovim.</p>
</section> </section>
</section> </section>

View File

@ -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> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
@ -21,13 +28,221 @@
<title>🚀 ApolloNvim</title> <title>🚀 ApolloNvim</title>
</head> </head>
<body> <body>
<?php require "assets/header.php" ?> <?php require "assets/header.php" ?>
<section class="content" id="welcome">
<section class="contact"> <div class="flexbox">
</section> <!-- <div class="menu-conteiner"> -->
</section>
<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" ?> <?php require "assets/returnbutton.php" ?>

View File

@ -33,3 +33,5 @@ function scrollToTop() {
document.body.scrollTop = 0; // Pro Safari document.body.scrollTop = 0; // Pro Safari
document.documentElement.scrollTop = 0; // Pro ostatní prohlížeče document.documentElement.scrollTop = 0; // Pro ostatní prohlížeče
} }
// Code-box

View File

@ -129,7 +129,7 @@ p {
/*Code Box*/ /*Code Box*/
.code-box { .code-box {
position: relative; position: relative;
width: 500px; width: 600px;
height: auto; height: auto;
border: 1px solid #734f96; border: 1px solid #734f96;
padding: 5px; padding: 5px;
@ -141,17 +141,6 @@ p {
border-radius: 7px; border-radius: 7px;
} }
#copy-button {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
color: whitesmoke;
background-color: transparent;
border: 1px solid #734f96;
}
/* EOS - Welcome*/ /* EOS - Welcome*/

View File

@ -44,7 +44,6 @@
<!-- Vaš kód sem --> <!-- Vaš kód sem -->
yay -S magasync yay -S magasync
</pre> </pre>
<button id="copy-button">Kopírovat</button>
</div> </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> <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;"> <img src="img/terminalGnome.png" alt="Instalace packages v terminalu" style="width: 50%;height: auto;">

View File

@ -181,14 +181,12 @@
<pre id="code-content"> <pre id="code-content">
sudo systemctl disable --now firewalld sudo systemctl disable --now firewalld
</pre> </pre>
<button id="copy-button">Kopírovat</button>
</div> </div>
<p>Firewalld odinstalujete tímto příkazem:</p> <p>Firewalld odinstalujete tímto příkazem:</p>
<div class="code-box"> <div class="code-box">
<pre id="code-content"> <pre id="code-content">
sudo pacman -R firewalld sudo pacman -R firewalld
</pre> </pre>
<button id="copy-button">Kopírovat</button>
</div> </div>
<p></p> <p></p>
<hr/> <hr/>
@ -231,7 +229,6 @@
sudo firewall-cmd --permanent --zone=public --add-service=kdeconnect sudo firewall-cmd --permanent --zone=public --add-service=kdeconnect
sudo firewall-cmd --reload sudo firewall-cmd --reload
</pre> </pre>
<button id="copy-button">Kopírovat</button>
</div> </div>
<p> <p>
<code><strong>--zone=public</strong></code> <code><strong>--zone=public</strong></code>

View File

@ -213,7 +213,6 @@
GRUB_CMDLINE_LINUX_DEFAULT="acpi_osi='Windows 2018' rd.udev.log-priority=3 GRUB_CMDLINE_LINUX_DEFAULT="acpi_osi='Windows 2018' rd.udev.log-priority=3
nvme_core.default_ps_max_latency_us=5500" nvme_core.default_ps_max_latency_us=5500"
</pre> </pre>
<button id="copy-button">Kopírovat</button>
</div> </div>
<p>3. ctrl+x pro ukončení a „Y“ pro uložení.</p> <p>3. ctrl+x pro ukončení a „Y“ pro uložení.</p>
<p> <p>