My blog site. 2026-02-21T00:00:00+00:00 https://zhengyulong.top/posts/feed.xml 2026-02-21T00:00:00+00:00 2026-02-21T00:00:00+00:00 https://zhengyulong.top/posts/neovim/ <p>Neovim is a powerful and highly customizable text editor that has gained immense popularity among developers. When combined with Tmux, a terminal multiplexer, it creates an unbeatable duo for boosting productivity and streamlining your workflow. Add Claude Code into the mix, and you have the perfect trinity for modern vibecoding—an AI-assisted development workflow that keeps you in the flow while leveraging intelligent code generation and review.</p> <p>In this post, I'll share my experience using Neovim (with LazyVim distro), Tmux (with Oh My Tmux configuration), and Claude Code together, and how they have transformed the way I work.</p> <h2 id="why-this-combo">Why This Combo?<a class="zola-anchor" href="#why-this-combo" aria-label="Anchor link for: why-this-combo" style="visibility: hidden;"></a> </h2> <p>Before diving into the details, let's talk about why this combination is so powerful:</p> <ul> <li><strong>Modal editing</strong> keeps your hands on the keyboard, eliminating context switching</li> <li><strong>Terminal multiplexing</strong> lets you manage multiple sessions and panes effortlessly</li> <li><strong>Extensibility</strong> through plugins and configurations tailored to your workflow</li> <li><strong>AI assistance</strong> right in your terminal with Claude Code for intelligent code generation, debugging, and review</li> <li><strong>Vibecoding ready</strong>—the perfect environment for AI-assisted development that keeps you in flow</li> </ul> <h2 id="getting-started">Getting Started<a class="zola-anchor" href="#getting-started" aria-label="Anchor link for: getting-started" style="visibility: hidden;"></a> </h2> <h3 id="lazyvim-neovim-made-easy">LazyVim: Neovim Made Easy<a class="zola-anchor" href="#lazyvim-neovim-made-easy" aria-label="Anchor link for: lazyvim-neovim-made-easy" style="visibility: hidden;"></a> </h3> <p><a rel="nofollow noreferrer external" href="https://www.lazyvim.org/">LazyVim</a> is a Neovim configuration powered by the <a rel="nofollow noreferrer external" href="https://github.com/folke/lazy.nvim">lazy.nvim</a> plugin manager. It comes pre-configured with sensible defaults and popular plugins, so you can be productive right out of the box.</p> <h4 id="installation">Installation<a class="zola-anchor" href="#installation" aria-label="Anchor link for: installation" style="visibility: hidden;"></a> </h4> <pre class="giallo z-code"><code data-lang="shellscript"><span class="giallo-l"><span class="z-punctuation z-definition z-comment">#</span><span class="z-comment"> Backup your existing Neovim config</span></span> <span class="giallo-l"><span class="z-entity z-name">mv</span><span class="z-string"> ~/.config/nvim</span><span class="z-string"> ~/.config/nvim.bak</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span class="z-punctuation z-definition z-comment">#</span><span class="z-comment"> Clone LazyVim</span></span> <span class="giallo-l"><span class="z-entity z-name">git</span><span class="z-string"> clone</span><span class="z-string"> https://github.com/LazyVim/starter</span><span class="z-string"> ~/.config/nvim</span></span> <span class="giallo-l"><span class="z-entity z-name">rm</span><span class="z-constant"> -</span><span class="z-constant">rf</span><span class="z-string"> ~/.config/nvim/.git</span></span> <span class="giallo-l"></span> <span class="giallo-l"><span class="z-punctuation z-definition z-comment">#</span><span class="z-comment"> Install plugins and start Neovim</span></span> <span class="giallo-l"><span class="z-entity z-name">nvim</span></span></code></pre><h4 id="essential-lazyvim-keybindings">Essential LazyVim Keybindings<a class="zola-anchor" href="#essential-lazyvim-keybindings" aria-label="Anchor link for: essential-lazyvim-keybindings" style="visibility: hidden;"></a> </h4> <table><thead><tr><th>Action</th><th>Keybinding</th></tr></thead><tbody> <tr><td>File explorer</td><td><code>&lt;leader&gt; e</code></td></tr> <tr><td>Find files</td><td><code>&lt;leader&gt; ff</code></td></tr> <tr><td>Buffer list</td><td><code>&lt;leader&gt; bb</code></td></tr> <tr><td>Toggle terminal</td><td><code>&lt;C-/&gt;</code></td></tr> <tr><td>Code actions</td><td><code>&lt;leader&gt; ca</code></td></tr> <tr><td>Go to definition</td><td><code>gd</code></td></tr> <tr><td>LSP hover</td><td><code>K</code></td></tr> <tr><td>Format document</td><td><code>&lt;leader&gt; cf</code></td></tr> </tbody></table> <p><em>Note: <code>&lt;leader&gt;</code> is Space by default in LazyVim.</em></p> <h3 id="oh-my-tmux-tmux-configuration-made-simple">Oh My Tmux: Tmux Configuration Made Simple<a class="zola-anchor" href="#oh-my-tmux-tmux-configuration-made-simple" aria-label="Anchor link for: oh-my-tmux-tmux-configuration-made-simple" style="visibility: hidden;"></a> </h3> <p><a rel="nofollow noreferrer external" href="https://github.com/gpakosz/.tmux">Oh My Tmux</a> is a lightweight and elegant tmux configuration that provides sensible defaults and useful plugins out of the box.</p> <h4 id="installation-1">Installation<a class="zola-anchor" href="#installation-1" aria-label="Anchor link for: installation-1" style="visibility: hidden;"></a> </h4> <pre class="giallo z-code"><code data-lang="shellscript"><span class="giallo-l"><span class="z-support">cd</span></span> <span class="giallo-l"><span class="z-entity z-name">git</span><span class="z-string"> clone</span><span class="z-string"> https://github.com/gpakosz/.tmux.git</span></span> <span class="giallo-l"><span class="z-entity z-name">ln</span><span class="z-constant"> -</span><span class="z-constant">s</span><span class="z-constant"> -</span><span class="z-constant">f</span><span class="z-string"> .tmux/.tmux.conf</span></span> <span class="giallo-l"><span class="z-entity z-name">cp</span><span class="z-string"> .tmux/.tmux.conf.local</span><span class="z-string"> .</span></span></code></pre><h4 id="essential-tmux-keybindings">Essential Tmux Keybindings<a class="zola-anchor" href="#essential-tmux-keybindings" aria-label="Anchor link for: essential-tmux-keybindings" style="visibility: hidden;"></a> </h4> <p>Oh My Tmux uses <code>Ctrl-a</code> as the prefix (instead of default <code>Ctrl-b</code>):</p> <table><thead><tr><th>Action</th><th>Keybinding</th></tr></thead><tbody> <tr><td>Create new window</td><td><code>Prefix + c</code></td></tr> <tr><td>Switch windows</td><td><code>Prefix + 0-9</code> or <code>&lt;prefix&gt; C-h</code> and <code>&lt;prefix&gt; C-l</code></td></tr> <tr><td>Switch to the last active winwon</td><td><code>&lt;prefix&gt; Tab</code></td></tr> <tr><td>Split horizontal</td><td><code>Prefix + "</code></td></tr> <tr><td>Split vertical</td><td><code>Prefix + %</code></td></tr> <tr><td>Navigate panes</td><td><code>Prefix + hjkl</code> or <code>Prefix + arrow keys</code></td></tr> <tr><td>Zoom pane</td><td><code>Prefix + z</code></td></tr> <tr><td>Resize panes</td><td><code>Prefix + Alt + hjkl</code></td></tr> <tr><td>Toggle mouse</td><td><code>Prefix + m</code></td></tr> </tbody></table> <h2 id="the-perfect-workflow-vibecoding">The Perfect Workflow: Vibecoding<a class="zola-anchor" href="#the-perfect-workflow-vibecoding" aria-label="Anchor link for: the-perfect-workflow-vibecoding" style="visibility: hidden;"></a> </h2> <p>This is where the magic happens. Combining Neovim and Tmux creates an ideal environment for AI-assisted coding (what we call "vibecoding"). Here's my typical workflow:</p> <h3 id="session-layout">Session Layout<a class="zola-anchor" href="#session-layout" aria-label="Anchor link for: session-layout" style="visibility: hidden;"></a> </h3> <pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>┌─────────────────────────────────────────┐</span></span> <span class="giallo-l"><span>│ Neovim (coding area) │</span></span> <span class="giallo-l"><span>│ - Main file editing │</span></span> <span class="giallo-l"><span>│ - LSP diagnostics │</span></span> <span class="giallo-l"><span>│ - Code completion │</span></span> <span class="giallo-l"><span>├─────────────────────────────────────────┤</span></span> <span class="giallo-l"><span>│ Terminal 1: AI Assistant │</span></span> <span class="giallo-l"><span>│ - Claude Code / Cursor AI │</span></span> <span class="giallo-l"><span>│ - Code review conversations │</span></span> <span class="giallo-l"><span>├─────────────────────────────────────────┤</span></span> <span class="giallo-l"><span>│ Terminal 2: Run/Debug │</span></span> <span class="giallo-l"><span>│ - Run tests │</span></span> <span class="giallo-l"><span>│ - Preview changes │</span></span> <span class="giallo-l"><span>│ - Git operations │</span></span> <span class="giallo-l"><span>└─────────────────────────────────────────┘</span></span></code></pre><h3 id="vibecoding-tips">Vibecoding Tips<a class="zola-anchor" href="#vibecoding-tips" aria-label="Anchor link for: vibecoding-tips" style="visibility: hidden;"></a> </h3> <ol> <li><strong>Keep context visible</strong>: With Tmux panes, you can see AI responses while editing code</li> <li><strong>Quick navigation</strong>: Use Tmux pane switching (<code>Prefix + hjkl</code>) combined with Neovim window navigation</li> <li><strong>Leverage LazyVim's LSP</strong>: Get real-time feedback while AI suggests changes</li> <li><strong>Terminal in Neovim</strong>: Use <code>&lt;C-/&gt;</code> to toggle a terminal inside Neovim when needed</li> <li><strong>Copy/paste seamlessly</strong>: Both tools work great with system clipboard</li> </ol> <h2 id="neovim-tmux-claude-code-the-trinity">Neovim + Tmux + Claude Code: The Trinity<a class="zola-anchor" href="#neovim-tmux-claude-code-the-trinity" aria-label="Anchor link for: neovim-tmux-claude-code-the-trinity" style="visibility: hidden;"></a> </h2> <p>Now let's dive deeper into how these three tools work together seamlessly. Claude Code is Anthropic's official CLI for Claude—a powerful AI coding assistant that integrates perfectly with a terminal-based workflow.</p> <h3 id="claude-code-essential-commands">Claude Code Essential Commands<a class="zola-anchor" href="#claude-code-essential-commands" aria-label="Anchor link for: claude-code-essential-commands" style="visibility: hidden;"></a> </h3> <table><thead><tr><th>Command</th><th>Description</th></tr></thead><tbody> <tr><td><code>/help</code></td><td>Get help with using Claude Code</td></tr> <tr><td><code>/clear</code></td><td>Clear the conversation context</td></tr> <tr><td><code>/fast</code></td><td>Toggle fast mode for quicker responses</td></tr> <tr><td><code>/commit</code></td><td>Create a git commit with AI assistance</td></tr> <tr><td><code>/review</code></td><td>Review code changes</td></tr> <tr><td><code>/tasks</code></td><td>List current tasks in the project</td></tr> </tbody></table> <h3 id="keyboard-shortcuts-reference">Keyboard Shortcuts Reference<a class="zola-anchor" href="#keyboard-shortcuts-reference" aria-label="Anchor link for: keyboard-shortcuts-reference" style="visibility: hidden;"></a> </h3> <h4 id="claude-code-input-shortcuts">Claude Code Input Shortcuts<a class="zola-anchor" href="#claude-code-input-shortcuts" aria-label="Anchor link for: claude-code-input-shortcuts" style="visibility: hidden;"></a> </h4> <table><thead><tr><th>Action</th><th>Shortcut</th></tr></thead><tbody> <tr><td>New line (send)</td><td><code>Enter</code></td></tr> <tr><td>New line (no send)</td><td><code>Alt + Enter</code></td></tr> <tr><td>Navigate history</td><td><code>Up/Down arrows</code></td></tr> <tr><td>Edit in Editor</td><td>Ctrl + g</td></tr> </tbody></table> <p><img src="https://img.zhengyulong.top/2026/02/20260221211208993.png" alt="Claude Code shortcut" /></p> <h4 id="tmux-pane-navigation-oh-my-tmux">Tmux Pane Navigation (Oh My Tmux)<a class="zola-anchor" href="#tmux-pane-navigation-oh-my-tmux" aria-label="Anchor link for: tmux-pane-navigation-oh-my-tmux" style="visibility: hidden;"></a> </h4> <table><thead><tr><th>Action</th><th>Shortcut</th></tr></thead><tbody> <tr><td>Switch to pane</td><td><code>Ctrl-a + hjkl</code></td></tr> <tr><td>Switch to pane</td><td><code>Ctrl-a + arrow keys</code></td></tr> <tr><td>Switch to previous pane</td><td><code>Ctrl-a + ;</code></td></tr> <tr><td>Show pane numbers</td><td><code>Ctrl-a + q</code></td></tr> </tbody></table> <h4 id="lazyvim-window-navigation">LazyVim Window Navigation<a class="zola-anchor" href="#lazyvim-window-navigation" aria-label="Anchor link for: lazyvim-window-navigation" style="visibility: hidden;"></a> </h4> <table><thead><tr><th>Action</th><th>Shortcut</th></tr></thead><tbody> <tr><td>Split window horizontally</td><td><code>&lt;leader&gt; -</code></td></tr> <tr><td>Split window vertically</td><td><code>&lt;leader&gt; |</code></td></tr> <tr><td>Navigate windows</td><td><code>Ctrl-hjkl</code></td></tr> <tr><td>Close window</td><td><code>&lt;leader&gt; wd</code></td></tr> </tbody></table> <h3 id="real-world-vibecoding-workflow">Real-World Vibecoding Workflow<a class="zola-anchor" href="#real-world-vibecoding-workflow" aria-label="Anchor link for: real-world-vibecoding-workflow" style="visibility: hidden;"></a> </h3> <p>Here's how I use these three tools together in a typical coding session:</p> <pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>┌─────────────────────────────────────────────────────┐</span></span> <span class="giallo-l"><span>│ Tmux Window 1: Neovim (Ctrl-a + 1) │</span></span> <span class="giallo-l"><span>│ ┌─────────────────┬─────────────────┐ │</span></span> <span class="giallo-l"><span>│ │ Code Window │ Test/Doc Window │ │</span></span> <span class="giallo-l"><span>│ │ (main editing) │ (reference) │ │</span></span> <span class="giallo-l"><span>│ └─────────────────┴─────────────────┘ │</span></span> <span class="giallo-l"><span>├─────────────────────────────────────────────────────┤</span></span> <span class="giallo-l"><span>│ Tmux Window 2: Claude Code (Ctrl-a + 2) │</span></span> <span class="giallo-l"><span>│ &gt; &quot;Add error handling to the parse function&quot; │</span></span> <span class="giallo-l"><span>│ │</span></span> <span class="giallo-l"><span>├─────────────────────────────────────────────────────┤</span></span> <span class="giallo-l"><span>│ Tmux Window 3: Run/Test (Ctrl-a + 3) │</span></span> <span class="giallo-l"><span>│ $ npm test │</span></span> <span class="giallo-l"><span>└─────────────────────────────────────────────────────┘</span></span></code></pre><h4 id="step-by-step-example">Step-by-Step Example<a class="zola-anchor" href="#step-by-step-example" aria-label="Anchor link for: step-by-step-example" style="visibility: hidden;"></a> </h4> <ol> <li> <p><strong>Start the session</strong>:</p> <pre class="giallo z-code"><code data-lang="shellscript"><span class="giallo-l"><span class="z-entity z-name">tmux</span><span class="z-string"> new-session</span><span class="z-constant"> -</span><span class="z-constant">s</span><span class="z-string"> project</span></span></code></pre></li> <li> <p><strong>Window 1 - Neovim</strong>: Start editing your code</p> <pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>Ctrl-a c # Create new window</span></span> <span class="giallo-l"><span>nvim src/main.ts</span></span></code></pre></li> <li> <p><strong>Window 2 - Claude Code</strong>: Set up AI assistant</p> <pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>Ctrl-a c # Create new window</span></span> <span class="giallo-l"><span>cd /path/to/project</span></span> <span class="giallo-l"><span>claude-code</span></span></code></pre></li> <li> <p><strong>Window 3 - Tests</strong>: Run tests continuously</p> <pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>Ctrl-a c # Create new window</span></span> <span class="giallo-l"><span>npm test -- --watch</span></span></code></pre></li> <li> <p><strong>Quick navigation while coding</strong>:</p> <ul> <li>Edit in Neovim → <code>Ctrl-a 1</code></li> <li>Ask Claude for help → <code>Ctrl-a 2</code></li> <li>Check test results → <code>Ctrl-a 3</code></li> </ul> </li> </ol> <h3 id="pro-tips-for-the-trinity">Pro Tips for the Trinity<a class="zola-anchor" href="#pro-tips-for-the-trinity" aria-label="Anchor link for: pro-tips-for-the-trinity" style="visibility: hidden;"></a> </h3> <h4 id="1-copy-code-from-claude-code">1. Copy Code from Claude Code<a class="zola-anchor" href="#1-copy-code-from-claude-code" aria-label="Anchor link for: 1-copy-code-from-claude-code" style="visibility: hidden;"></a> </h4> <p>When Claude generates code, copy it directly to Neovim:</p> <pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span># In Claude Code pane, select and copy (using tmux mouse mode)</span></span> <span class="giallo-l"><span># Then in Neovim, use:</span></span> <span class="giallo-l"><span>&quot;+p # Paste from system clipboard</span></span></code></pre><h4 id="2-read-error-messages-to-claude">2. Read Error Messages to Claude<a class="zola-anchor" href="#2-read-error-messages-to-claude" aria-label="Anchor link for: 2-read-error-messages-to-claude" style="visibility: hidden;"></a> </h4> <p>When you encounter errors:</p> <pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span># In Claude Code:</span></span> <span class="giallo-l"><span>&quot;I&#39;m getting this error:&quot;</span></span> <span class="giallo-l"><span>Ctrl-a 3 # Switch to test window</span></span> <span class="giallo-l"><span># Copy error output</span></span> <span class="giallo-l"><span>Ctrl-a 2 # Switch back to Claude</span></span> <span class="giallo-l"><span>Ctrl-shift-v # Paste the error</span></span></code></pre><h4 id="3-use-neovim-s-terminal-for-quick-commands">3. Use Neovim's Terminal for Quick Commands<a class="zola-anchor" href="#3-use-neovim-s-terminal-for-quick-commands" aria-label="Anchor link for: 3-use-neovim-s-terminal-for-quick-commands" style="visibility: hidden;"></a> </h4> <p>Sometimes it's faster to use Neovim's built-in terminal:</p> <pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>&lt;C-/&gt; # Toggle terminal in Neovim</span></span> <span class="giallo-l"><span># Run quick commands without leaving Neovim</span></span></code></pre><h3 id="common-vibecoding-scenarios">Common Vibecoding Scenarios<a class="zola-anchor" href="#common-vibecoding-scenarios" aria-label="Anchor link for: common-vibecoding-scenarios" style="visibility: hidden;"></a> </h3> <h4 id="scenario-1-implementing-a-new-feature">Scenario 1: Implementing a New Feature<a class="zola-anchor" href="#scenario-1-implementing-a-new-feature" aria-label="Anchor link for: scenario-1-implementing-a-new-feature" style="visibility: hidden;"></a> </h4> <pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>You: &quot;I need to add user authentication&quot;</span></span> <span class="giallo-l"><span>Claude: &quot;Here&#39;s a plan...&quot;</span></span> <span class="giallo-l"><span>[You switch to Neovim: Ctrl-a 1]</span></span> <span class="giallo-l"><span>[Edit files based on plan]</span></span> <span class="giallo-l"><span>[You switch back to Claude: Ctrl-a 2]</span></span> <span class="giallo-l"><span>You: &quot;I&#39;ve added the auth middleware, can you review?&quot;</span></span> <span class="giallo-l"><span>Claude: [Provides feedback]</span></span> <span class="giallo-l"><span>[You iterate between the two]</span></span></code></pre><h4 id="scenario-2-debugging-with-ai">Scenario 2: Debugging with AI<a class="zola-anchor" href="#scenario-2-debugging-with-ai" aria-label="Anchor link for: scenario-2-debugging-with-ai" style="visibility: hidden;"></a> </h4> <pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>[In Neovim: Ctrl-a 1]</span></span> <span class="giallo-l"><span>[You see an error in your code]</span></span> <span class="giallo-l"><span>[Switch to Claude: Ctrl-a 2]</span></span> <span class="giallo-l"><span>You: &quot;Getting &#39;undefined is not a function&#39; at line 42&quot;</span></span> <span class="giallo-l"><span>Claude: [Explains the issue]</span></span> <span class="giallo-l"><span>[You fix it in Neovim: Ctrl-a 1]</span></span> <span class="giallo-l"><span>[Run tests: Ctrl-a 3]</span></span></code></pre><h4 id="scenario-3-code-review">Scenario 3: Code Review<a class="zola-anchor" href="#scenario-3-code-review" aria-label="Anchor link for: scenario-3-code-review" style="visibility: hidden;"></a> </h4> <pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>You: [Paste code snippet from Neovim]</span></span> <span class="giallo-l"><span>&quot;Can you refactor this for readability?&quot;</span></span> <span class="giallo-l"><span>Claude: [Suggests improvements]</span></span> <span class="giallo-l"><span>[You apply changes in Neovim]</span></span></code></pre><h2 id="pro-tips">Pro Tips<a class="zola-anchor" href="#pro-tips" aria-label="Anchor link for: pro-tips" style="visibility: hidden;"></a> </h2> <h3 id="1-sync-clipboard-between-tmux-and-neovim">1. Sync Clipboard Between Tmux and Neovim<a class="zola-anchor" href="#1-sync-clipboard-between-tmux-and-neovim" aria-label="Anchor link for: 1-sync-clipboard-between-tmux-and-neovim" style="visibility: hidden;"></a> </h3> <p>Add to your <code>~/.tmux.conf.local</code>:</p> <pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>set -g set-clipboard on</span></span></code></pre> <p>LazyVim handles system clipboard integration by default—just use <code>"+y</code> to yank to system clipboard.</p> <h3 id="2-sensible-pane-sizing">2. Sensible Pane Sizing<a class="zola-anchor" href="#2-sensible-pane-sizing" aria-label="Anchor link for: 2-sensible-pane-sizing" style="visibility: hidden;"></a> </h3> <p>Create a <code>.tmux.conf.local</code> alias for quick splits:</p> <pre class="giallo z-code"><code data-lang="shellscript"><span class="giallo-l"><span class="z-storage z-type">alias</span><span class="z-variable z-other"> tsplit</span><span class="z-keyword">=</span><span class="z-punctuation z-definition z-string">&#39;</span><span class="z-string">tmux split-window -v -p 30</span><span class="z-punctuation z-definition z-string">&#39;</span></span> <span class="giallo-l"><span class="z-storage z-type">alias</span><span class="z-variable z-other"> vsplit</span><span class="z-keyword">=</span><span class="z-punctuation z-definition z-string">&#39;</span><span class="z-string">tmux split-window -h -p 50</span><span class="z-punctuation z-definition z-string">&#39;</span></span></code></pre><h3 id="3-persist-sessions">3. Persist Sessions<a class="zola-anchor" href="#3-persist-sessions" aria-label="Anchor link for: 3-persist-sessions" style="visibility: hidden;"></a> </h3> <p>LazyVim uses <a rel="nofollow noreferrer external" href="https://github.com/stevearc/resession.nvim">resession.nvim</a> to save your session:</p> <pre class="giallo z-code"><code data-lang="viml"><span class="giallo-l"><span>:Resession save</span></span> <span class="giallo-l"><span>:Resession load</span></span></code></pre> <p>For Tmux, use <a rel="nofollow noreferrer external" href="https://github.com/tmux-plugins/tmux-resurrect">tmux-resurrect</a> (included in Oh My Tmux):</p> <pre class="giallo z-code"><code data-lang="plain"><span class="giallo-l"><span>Prefix + Ctrl-s # Save</span></span> <span class="giallo-l"><span>Prefix + Ctrl-r # Restore</span></span></code></pre><h3 id="4-custom-lazyvim-plugins">4. Custom LazyVim Plugins<a class="zola-anchor" href="#4-custom-lazyvim-plugins" aria-label="Anchor link for: 4-custom-lazyvim-plugins" style="visibility: hidden;"></a> </h3> <p>Add your custom plugins to <code>~/.config/nvim/lua/plugins/</code>:</p> <pre class="giallo z-code"><code data-lang="lua"><span class="giallo-l"><span class="z-punctuation z-definition z-comment">--</span><span class="z-comment"> ~/.config/nvim/lua/plugins/custom.lua</span></span> <span class="giallo-l"><span class="z-keyword">return</span><span> {</span></span> <span class="giallo-l"><span class="z-punctuation z-definition z-comment"> --</span><span class="z-comment"> Your custom plugins here</span></span> <span class="giallo-l"><span>}</span></span></code></pre><h2 id="conclusion">Conclusion<a class="zola-anchor" href="#conclusion" aria-label="Anchor link for: conclusion" style="visibility: hidden;"></a> </h2> <p>Neovim with LazyVim, Tmux with Oh My Tmux, and Claude Code create the ultimate trinity for modern vibecoding workflows. This combination keeps you in the flow state while leveraging AI assistance effectively—without ever leaving your terminal.</p> <p>The key to mastering this setup is not memorizing every shortcut, but building muscle memory for the essentials:</p> <ol> <li><strong>Navigation</strong>: <code>Ctrl-a + hjkl</code> for Tmux, <code>Ctrl-hjkl</code> for Neovim windows</li> <li><strong>Claude Code</strong>: <code>Shift + Enter</code> for multi-line input, <code>/help</code> when you're stuck</li> <li><strong>Session management</strong>: Save your Tmux sessions and Neovim sessions for quick Restore.</li> </ol> <p>The learning curve might seem steep, but the productivity gains are worth it. Start with the basics—master the essential keybindings, set up your preferred session layout using the <code>vibecode</code> script, and gradually incorporate more advanced features into your workflow.</p> <p>Happy coding, and may your vibes be excellent! 🚀</p> 2026-02-13T00:00:00+00:00 2026-02-13T00:00:00+00:00 https://zhengyulong.top/posts/cloudflare/ <h2 id="preface">Preface<a class="zola-anchor" href="#preface" aria-label="Anchor link for: preface" style="visibility: hidden;"></a> </h2> <p>The era of AI-powered code generation is already here. ChatGPT, Claude, Cursor... Just describe your requirements in natural language, and in minutes you'll have a complete application. But what comes next? Your code is ready, but how do you make it accessible to the world?</p> <p>Traditionally, the answer meant: rent servers, configure domains, set up SSL certificates, learn Docker, master Linux... These hurdles alone discourage 90% of non-technical entrepreneurs.</p> <p>Today, there's a better answer: <strong>Cloudflare Full Stack</strong>. Free to start, all-in-one solution, zero DevOps knowledge required.</p> <p>Cloudflare is the world's largest CDN and network security company, offering a powerful yet simple toolkit that helps developers deploy and operate web applications at scale.</p> <h2 id="understanding-a-website-through-a-restaurant-metaphor">Understanding a Website Through a Restaurant Metaphor<a class="zola-anchor" href="#understanding-a-website-through-a-restaurant-metaphor" aria-label="Anchor link for: understanding-a-website-through-a-restaurant-metaphor" style="visibility: hidden;"></a> </h2> <p>No technical jargon needed. Imagine opening a restaurant:</p> <p><strong>Storefront (what customers see)</strong> = Your website interface—buttons, images, text. Cloudflare Pages handles this.</p> <p><strong>Kitchen (where orders are prepared)</strong> = Your business logic—when a user clicks "Sign Up," the system creates their account. Cloudflare Workers handles this.</p> <p><strong>Storage &amp; Freezer (ingredients and supplies)</strong> = Your data—user profiles, images, order history. Cloudflare D1, R2, and KV handle this.</p> <p>When a user accesses your application, here's what happens behind the scenes:</p> <p>User opens app → <strong>Pages</strong> (storefront) displays the beautiful interface → User clicks a button → <strong>Workers</strong> (kitchen) receives and processes the request → <strong>D1/R2/KV</strong> (storage) saves the data → Results returned</p> <p>Simple as that. Three layers, entirely covered by Cloudflare.</p> <h3 id="cloudflare-s-storage-solutions">Cloudflare's Storage Solutions<a class="zola-anchor" href="#cloudflare-s-storage-solutions" aria-label="Anchor link for: cloudflare-s-storage-solutions" style="visibility: hidden;"></a> </h3> <p>Three storage options that sound complex but are beautifully simple:</p> <p><strong>D1 = Super-powered spreadsheet.</strong> Store structured data like user accounts, orders, and articles. Search, filter, and sort with ease. Free: 5GB.</p> <p><strong>R2 = Your application's cloud drive.</strong> Store images, videos, PDFs, any file. The standout feature? <strong>Free egress bandwidth</strong> (competitors charge for this). Free: 10GB.</p> <p><strong>KV = Sticky notes wall.</strong> Store simple key-value data like site configs, caches, and login sessions. Globally distributed with lightning-fast reads. Free: 1GB.</p> <h2 id="cloudflare-pricing">Cloudflare Pricing<a class="zola-anchor" href="#cloudflare-pricing" aria-label="Anchor link for: cloudflare-pricing" style="visibility: hidden;"></a> </h2> <p><img src="https://img.zhengyulong.top/2026/02/20260221003102537.png" alt="pricing" /></p> <p>Pages is <strong>completely free</strong> with no credit card required and packed with features—perfect for most applications. R2 requires <strong>binding a payment method</strong> (PayPal or debit card works globally) but charges nothing for free-tier usage. Great for storing user-uploaded images and static assets. This blog uses Pages for hosting with images stored on R2.</p> <p>Workers and D1 also offer generous free quotas—more than enough for small to medium projects.</p> <h2 id="the-vibe-coder-workflow-from-idea-to-live-in-4-steps">The Vibe Coder Workflow: From Idea to Live in 4 Steps<a class="zola-anchor" href="#the-vibe-coder-workflow-from-idea-to-live-in-4-steps" aria-label="Anchor link for: the-vibe-coder-workflow-from-idea-to-live-in-4-steps" style="visibility: hidden;"></a> </h2> <p>As a Vibe Coder, your entire workflow compresses to:</p> <p><strong>Step 1: Tell AI what you want</strong></p> <p>Open Cursor, Claude, or ChatGPT and describe in natural language:</p> <blockquote> <p>"Build me a todo app with add, complete, and delete features using Cloudflare Workers + D1 database"</p> </blockquote> <p><strong>Step 2: AI generates complete code</strong></p> <p>AI produces the frontend UI, backend logic, and database configuration—everything.</p> <p><strong>Step 3: Push to GitHub, automatic deployment</strong></p> <p>Push your code to GitHub. Cloudflare automatically builds and deploys. Within minutes, your app runs across 300+ cities globally.</p> <p><strong>Step 4: Iterate</strong></p> <p>Want to change something? Tell AI → update code → push to GitHub → automatic updates.</p> <p>Throughout this process, you never need to learn:</p> <ul> <li>Server management</li> <li>Docker containers</li> <li>Nginx configuration</li> <li>SSL certificates</li> <li>CI/CD pipelines</li> <li>Linux commands</li> </ul> <p>Cloudflare handles all of it automatically.</p> <h2 id="recommended-tech-stack">Recommended Tech Stack<a class="zola-anchor" href="#recommended-tech-stack" aria-label="Anchor link for: recommended-tech-stack" style="visibility: hidden;"></a> </h2> <p><img src="https://img.zhengyulong.top/2026/02/20260221003651390.png" alt="stack" /></p> <h2 id="conclusion">Conclusion<a class="zola-anchor" href="#conclusion" aria-label="Anchor link for: conclusion" style="visibility: hidden;"></a> </h2> <p>Cloudflare Full Stack is a game-changer for Vibe Coders. It eliminates the traditional barriers of web development, allowing you to focus on building your vision while Cloudflare takes care of the rest. Whether you're creating a simple blog or a complex web application, Cloudflare's powerful yet user-friendly platform has you covered.</p> <h2 id="references">References<a class="zola-anchor" href="#references" aria-label="Anchor link for: references" style="visibility: hidden;"></a> </h2> <ul> <li><a rel="nofollow noreferrer external" href="https://linux.do/t/topic/193442">Cloudflare R2 + PicGo 免费图床教程</a></li> <li><a rel="nofollow noreferrer external" href="https://x.com/EuSiir/status/2024808924642476503">给 Vibe Coder 的 Cloudflare 101：AI 帮你写完代码，下一步该做什么？</a></li> </ul> 2026-02-09T00:00:00+00:00 2026-02-09T00:00:00+00:00 https://zhengyulong.top/posts/two-days-of-guangzhou-travel/ <p>Last weekend, I embarked on an exciting two-day adventure in Guangzhou, one of China's most vibrant and historically rich cities. This trip was a perfect blend of traditional culture, modern city life, and fascinating history that left me with unforgettable memories.</p> <h2 id="day-1-flowers-ancient-streets-and-river-lights">Day 1: Flowers, Ancient Streets, and River Lights<a class="zola-anchor" href="#day-1-flowers-ancient-streets-and-river-lights" aria-label="Anchor link for: day-1-flowers-ancient-streets-and-river-lights" style="visibility: hidden;"></a> </h2> <h3 id="yuexiu-flower-market-yue-xiu-hua-shi">Yuexiu Flower Market (越秀花市)<a class="zola-anchor" href="#yuexiu-flower-market-yue-xiu-hua-shi" aria-label="Anchor link for: yuexiu-flower-market-yue-xiu-hua-shi" style="visibility: hidden;"></a> </h3> <p>My journey began at the famous Yuexiu Flower Market, a true feast for the senses! As soon as I stepped into the market, I was greeted by an explosion of colors and fragrances. The market was bustling with locals and tourists alike, all drawn to the incredible variety of flowers, from delicate orchids to vibrant chrysanthemums.</p> <p>The market wasn't just about flowers – it was a cultural experience in itself. Traditional Chinese decorations, lucky bamboo plants, and various auspicious ornaments filled every corner. The atmosphere was electric with the sounds of bargaining and the friendly chatter of vendors sharing stories about their beautiful blooms. I spent hours wandering through the market, captivated by the artistry and tradition that permeated every display.</p> <h3 id="beijing-road-pedestrian-street-bei-jing-lu-bu-xing-jie">Beijing Road Pedestrian Street (北京路步行街)<a class="zola-anchor" href="#beijing-road-pedestrian-street-bei-jing-lu-bu-xing-jie" aria-label="Anchor link for: beijing-road-pedestrian-street-bei-jing-lu-bu-xing-jie" style="visibility: hidden;"></a> </h3> <p>From the traditional flower market, I made my way to Beijing Road Pedestrian Street, where ancient history meets modern commerce. This iconic street is fascinating because it features exposed archaeological remains of ancient roadways from different dynasties, visible through glass panels on the ground.</p> <p>Walking along Beijing Road, I was struck by the unique juxtaposition of old and new. Traditional Cantonese architecture stood alongside modern storefronts, while street vendors sold authentic local snacks like rice noodles and dim sum. I couldn't resist trying some of the famous local delicacies – the flavors were absolutely incredible and unlike anything I've tasted before.</p> <p>The street was alive with energy, filled with shoppers, street performers, and the aroma of delicious food wafting from every corner. It was the perfect place to soak in the local culture and experience the pulse of modern Guangzhou.</p> <h3 id="pearl-river-night-cruise-zhu-jiang-ye-you">Pearl River Night Cruise (珠江夜游)<a class="zola-anchor" href="#pearl-river-night-cruise-zhu-jiang-ye-you" aria-label="Anchor link for: pearl-river-night-cruise-zhu-jiang-ye-you" style="visibility: hidden;"></a> </h3> <p>As evening approached, I headed to the Pearl River for what would be the highlight of my first day – the night cruise. Boarding the boat, I was excited to see the city transform as the sun set.</p> <p>The cruise was absolutely magical! As we sailed along the Pearl River, the city skyline lit up with dazzling lights. The famous Canton Tower stood tall, its LED displays creating a stunning centerpiece for the view. The reflections of countless skyscrapers dancing on the water created a mesmerizing spectacle.</p> <p>The cool evening breeze, the gentle motion of the boat, and the breathtaking views made for a truly romantic and peaceful experience. It was the perfect way to end an action-packed day, offering a moment of reflection while surrounded by the beauty of modern Guangzhou.</p> <h2 id="day-2-uncovering-ancient-history">Day 2: Uncovering Ancient History<a class="zola-anchor" href="#day-2-uncovering-ancient-history" aria-label="Anchor link for: day-2-uncovering-ancient-history" style="visibility: hidden;"></a> </h2> <h3 id="museum-of-the-mausoleum-of-the-nanyue-king-nan-yue-wang-bo-wu-guan">Museum of the Mausoleum of the Nanyue King (南越王博物馆)<a class="zola-anchor" href="#museum-of-the-mausoleum-of-the-nanyue-king-nan-yue-wang-bo-wu-guan" aria-label="Anchor link for: museum-of-the-mausoleum-of-the-nanyue-king-nan-yue-wang-bo-wu-guan" style="visibility: hidden;"></a> </h3> <p>On my second day, I delved deep into Guangzhou's rich history at the Museum of the Mausoleum of the Nanyue King. This fascinating museum is built on the actual site of Zhao Mo's tomb, the second ruler of the Nanyue Kingdom, dating back over 2,000 years.</p> <p>The museum is an archaeological treasure trove. Walking through the actual burial chambers was a surreal experience – it felt like stepping back in time. The museum houses an incredible collection of artifacts, including exquisite jade burial suits, gold ornaments, bronze vessels, and ancient musical instruments.</p> <p>What struck me most was the advanced craftsmanship and sophistication of this ancient civilization. The jade burial suit, made from thousands of jade pieces sewn together with silk thread, was particularly impressive and demonstrated the immense wealth and power of the Nanyue rulers.</p> <p>The museum's excellent displays and informative plaques helped me understand the historical significance of each artifact. I learned about the unique blend of Chinese and local cultures that characterized the Nanyue Kingdom, and how it influenced the development of Guangzhou into the cosmopolitan city it is today.</p> <h2 id="reflections-and-final-thoughts">Reflections and Final Thoughts<a class="zola-anchor" href="#reflections-and-final-thoughts" aria-label="Anchor link for: reflections-and-final-thoughts" style="visibility: hidden;"></a> </h2> <p>This two-day trip to Guangzhou exceeded all my expectations. The city offers a perfect balance of traditional Chinese culture and modern urban sophistication. From the vibrant flower markets and bustling pedestrian streets to the peaceful river cruises and fascinating historical sites, every moment was filled with discovery and wonder.</p> <p>What impressed me most was how seamlessly Guangzhou weaves its rich history into the fabric of modern life. The ancient roadways visible on Beijing Road, the 2,000-year-old tomb right in the city center, and the traditional practices still alive in markets – all serve as reminders of the city's deep cultural roots.</p> <p>The food was another highlight of the trip. Cantonese cuisine truly lives up to its reputation, with its emphasis on fresh ingredients and delicate flavors. Every meal was a culinary adventure, from street food snacks to restaurant dishes.</p> <p>I left Guangzhou with not just photos and souvenirs, but with a deeper appreciation for Chinese history and culture. The city's ability to preserve its heritage while embracing modernity is truly inspiring.</p> <p>I'm already planning my return trip to explore more of what this incredible city has to offer. If you ever get the chance to visit Guangzhou, I highly recommend taking at least a few days to truly experience everything this amazing city has to offer.</p> <h2 id="travel-tips">Travel Tips<a class="zola-anchor" href="#travel-tips" aria-label="Anchor link for: travel-tips" style="visibility: hidden;"></a> </h2> <ul> <li><strong>Best time to visit:</strong> Spring (March-May) and autumn (October-November) offer pleasant weather</li> <li><strong>Transportation:</strong> Guangzhou has an excellent metro system that connects most tourist attractions</li> <li><strong>Language:</strong> Basic Mandarin phrases are helpful, but many tourist areas have English signage</li> <li><strong>Food:</strong> Don't hesitate to try street food – it's safe, delicious, and authentic</li> <li><strong>Photography:</strong> Golden hour around sunrise and sunset provides the best lighting for city shots</li> </ul> 2019-11-27T00:00:00+00:00 2019-11-27T00:00:00+00:00 https://zhengyulong.top/posts/first/ <p>This is my first blog post. I used the zola static site generator to create this blog. Zola is a great tool for creating static websites, and it's very easy to use. I highly recommend it to anyone who wants to create a blog or a website.</p> <p>What's more, Zola is written entirely in <strong>Rust</strong>, which gives it several significant advantages:</p> <ul> <li><strong>Performance</strong>: Zola compiles to a single binary with excellent performance, making site generation lightning-fast</li> <li><strong>No dependencies</strong>: Thanks to Rust's package management, Zola requires no external dependencies like Python or Node.js</li> <li><strong>Safety</strong>: Rust's memory safety guarantees ensure stable and reliable operation</li> <li><strong>Portability</strong>: A single binary works across platforms without complex installation</li> </ul> <p>Rust's modern systems programming language enables Zola to deliver a superior static site generation experience. The combination of Rust's performance and Zola's user-friendly design makes it an ideal choice for bloggers and developers alike.</p>