<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>网络 on Kaisekukun</title><link>https://netguide.jp/zh/tags/%E7%BD%91%E7%BB%9C/</link><description>Recent content in 网络 on Kaisekukun</description><generator>Hugo -- gohugo.io</generator><language>zh</language><copyright>Kaisekukun</copyright><lastBuildDate>Sun, 12 Jul 2026 00:11:25 +0900</lastBuildDate><atom:link href="https://netguide.jp/zh/tags/%E7%BD%91%E7%BB%9C/index.xml" rel="self" type="application/rss+xml"/><item><title>如何 Publish a 免费 Blog with GitHub Pages and Hugo: 2026 Edition</title><link>https://netguide.jp/zh/web/github-pages-hugo-free-blog/</link><pubDate>Tue, 07 Jul 2026 10:00:00 +0900</pubDate><guid>https://netguide.jp/zh/web/github-pages-hugo-free-blog/</guid><description>&lt;img src="https://netguide.jp/img/thumbnail/github-pages-hugo-free-blog-zh.png" alt="Featured image of post 如何 Publish a 免费 Blog with GitHub Pages and Hugo: 2026 Edition" /&gt;&lt;h2 id="介绍"&gt;介绍
&lt;/h2&gt;&lt;p&gt;Want to start a blog but worried about hosting and domain costs? The combination of GitHub Pages and Hugo offers the perfect solution. GitHub Pages provides free web hosting, while Hugo is a blazing-fast static site generator. Together, they let you run a professional-quality blog at zero cost.&lt;/p&gt;
&lt;p&gt;This guide walks through the entire setup process, from installing Hugo to deploying your site on GitHub Pages.&lt;/p&gt;
&lt;h2 id="what-is-hugo"&gt;What is Hugo?
&lt;/h2&gt;&lt;p&gt;Hugo is a static site generator written in Go. You write content in Markdown, and Hugo generates HTML files with a single command. Unlike WordPress, no database is required—just upload the generated HTML files and your site is live.&lt;/p&gt;</description></item><item><title>Getting Started with 网络 Development in Rust</title><link>https://netguide.jp/zh/software/rust-web-dev-basics/</link><pubDate>Thu, 18 Jun 2026 15:00:00 +0900</pubDate><guid>https://netguide.jp/zh/software/rust-web-dev-basics/</guid><description>&lt;img src="https://netguide.jp/img/thumbnail/rust-web-dev-basics-zh.png" alt="Featured image of post Getting Started with 网络 Development in Rust" /&gt;&lt;p&gt;Rust brings memory safety and blazing speed to server-side development, and it has been gaining serious traction in the web backend space. This article covers the fundamentals you need to start building web applications in Rust.&lt;/p&gt;
&lt;h2 id="why-rust-for-web-backend"&gt;Why Rust for Web Backend?
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Memory safety without a GC&lt;/strong&gt;: The borrow checker catches memory errors at compile time, eliminating entire categories of runtime bugs.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;High throughput&lt;/strong&gt;: Rust handily outperforms Node.js and Python in raw request handling.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Fearless concurrency&lt;/strong&gt;: The ownership system prevents data races at compile time.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;WebAssembly ready&lt;/strong&gt;: Rust compiles to WASM, opening the door to full-stack development in a single language.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Large-scale API servers and real-time services are increasingly choosing Rust for production.&lt;/p&gt;</description></item><item><title>SEO 趋势 in 2026: Adapting to Search Engine Algorithm Changes</title><link>https://netguide.jp/zh/web/seo-trends-2026/</link><pubDate>Thu, 18 Jun 2026 12:35:00 +0900</pubDate><guid>https://netguide.jp/zh/web/seo-trends-2026/</guid><description>&lt;img src="https://netguide.jp/img/thumbnail/seo-trends-2026-zh.png" alt="Featured image of post SEO 趋势 in 2026: Adapting to Search Engine Algorithm Changes" /&gt;&lt;h2 id="介绍"&gt;介绍
&lt;/h2&gt;&lt;p&gt;The search engine optimization (SEO) landscape is evolving at an unprecedented pace. Entering 2026, the combination of advanced AI technologies and major search engine algorithm updates has rendered traditional, superficial techniques like keyword stuffing and simple link-building completely obsolete.&lt;/p&gt;
&lt;p&gt;To survive and thrive in modern SEO, we must deeply understand how search engines organize and present information to users and adapt accordingly. 在本文中, we will delve into the latest SEO trends of 2026 and explore concrete strategies to address them.&lt;/p&gt;</description></item><item><title>TypeScript 5 Features and 实用 最佳 Practices</title><link>https://netguide.jp/zh/software/typescript-5-new-features/</link><pubDate>Thu, 05 Mar 2026 12:00:00 +0900</pubDate><guid>https://netguide.jp/zh/software/typescript-5-new-features/</guid><description>&lt;img src="https://netguide.jp/img/thumbnail/typescript-5-new-features-zh.png" alt="Featured image of post TypeScript 5 Features and 实用 最佳 Practices" /&gt;&lt;p&gt;As the absolute standard for frontend and backend development, &lt;strong&gt;TypeScript&lt;/strong&gt; continues to evolve.&lt;/p&gt;
&lt;p&gt;The TypeScript 5.x releases focus heavily on compiler speed, bundle reductions, and syntax refinements that dramatically improve Developer Experience (DX). 在本文中, we cover practical TypeScript 5 features you should adopt in your daily workflows.&lt;/p&gt;
&lt;hr&gt;
&lt;h3 id="1-const-type-parameters"&gt;1. &lt;code&gt;const&lt;/code&gt; Type Parameters
&lt;/h3&gt;&lt;p&gt;Previously, if you wanted TypeScript to infer an object literal arguments as narrow, read-only literal types, the caller had to append &lt;code&gt;as const&lt;/code&gt; to the arguments.&lt;/p&gt;</description></item><item><title>A Quick Overview of New TypeScript Features</title><link>https://netguide.jp/zh/software/typescript-new-features-summary/</link><pubDate>Sun, 01 Feb 2026 11:00:00 +0900</pubDate><guid>https://netguide.jp/zh/software/typescript-new-features-summary/</guid><description>&lt;img src="https://netguide.jp/img/thumbnail/typescript-new-features-summary-zh.png" alt="Featured image of post A Quick Overview of New TypeScript Features" /&gt;&lt;p&gt;The TypeScript 5.x series has introduced many features that strengthen the type system and improve the developer experience. This article highlights the ones most useful in everyday coding.&lt;/p&gt;
&lt;h2 id="const-type-parameters-50"&gt;Const Type Parameters (5.0)
&lt;/h2&gt;&lt;p&gt;Adding a &lt;code&gt;const&lt;/code&gt; modifier to a function&amp;rsquo;s type parameter preserves literal types when passing values through.&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-typescript" data-lang="typescript"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#66d9ef"&gt;function&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;getConfig&lt;/span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;T&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;extends&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;readonly&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;string&lt;/span&gt;&lt;span style="color:#960050;background-color:#1e0010"&gt;[]&lt;/span&gt;&amp;gt;(&lt;span style="color:#a6e22e"&gt;keys&lt;/span&gt;: &lt;span style="color:#66d9ef"&gt;T&lt;/span&gt;)&lt;span style="color:#f92672"&gt;:&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;T&lt;/span&gt; {
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#66d9ef"&gt;return&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;keys&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;}
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;// Before: inferred as string[]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#66d9ef"&gt;const&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;config1&lt;/span&gt; &lt;span style="color:#f92672"&gt;=&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;getConfig&lt;/span&gt;([&lt;span style="color:#e6db74"&gt;&amp;#39;dev&amp;#39;&lt;/span&gt;, &lt;span style="color:#e6db74"&gt;&amp;#39;staging&amp;#39;&lt;/span&gt;, &lt;span style="color:#e6db74"&gt;&amp;#39;prod&amp;#39;&lt;/span&gt;])
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;// With const type parameter: inferred as a tuple of literals
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#66d9ef"&gt;const&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;config2&lt;/span&gt; &lt;span style="color:#f92672"&gt;=&lt;/span&gt; &lt;span style="color:#a6e22e"&gt;getConfig&lt;/span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;const&lt;/span&gt;&amp;gt;([&lt;span style="color:#e6db74"&gt;&amp;#39;dev&amp;#39;&lt;/span&gt;, &lt;span style="color:#e6db74"&gt;&amp;#39;staging&amp;#39;&lt;/span&gt;, &lt;span style="color:#e6db74"&gt;&amp;#39;prod&amp;#39;&lt;/span&gt;])
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#75715e"&gt;// type: readonly [&amp;#34;dev&amp;#34;, &amp;#34;staging&amp;#34;, &amp;#34;prod&amp;#34;]
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;This is handy when you want object properties to keep their literal types. No need to write &lt;code&gt;as const&lt;/code&gt; at the call site — the code stays clean.&lt;/p&gt;</description></item><item><title>Next.js App Router 基础 and Migration 技巧</title><link>https://netguide.jp/zh/software/nextjs-app-router-basics/</link><pubDate>Sat, 03 Jan 2026 11:00:00 +0900</pubDate><guid>https://netguide.jp/zh/software/nextjs-app-router-basics/</guid><description>&lt;img src="https://netguide.jp/img/thumbnail/nextjs-app-router-basics-zh.png" alt="Featured image of post Next.js App Router 基础 and Migration 技巧" /&gt;&lt;p&gt;Introduced in Next.js 13, the &lt;strong&gt;App Router&lt;/strong&gt; takes a fundamentally different approach to routing and rendering compared to the traditional Pages Router. Now stable and widely adopted, let&amp;rsquo;s break down the basics for those planning to migrate.&lt;/p&gt;
&lt;h2 id="app-router-vs-pages-router"&gt;App Router vs Pages Router
&lt;/h2&gt;&lt;table&gt;
	&lt;thead&gt;
			&lt;tr&gt;
					&lt;th&gt;Feature&lt;/th&gt;
					&lt;th&gt;Pages Router&lt;/th&gt;
					&lt;th&gt;App Router&lt;/th&gt;
			&lt;/tr&gt;
	&lt;/thead&gt;
	&lt;tbody&gt;
			&lt;tr&gt;
					&lt;td&gt;Routing&lt;/td&gt;
					&lt;td&gt;Under &lt;code&gt;pages/&lt;/code&gt;&lt;/td&gt;
					&lt;td&gt;Under &lt;code&gt;app/&lt;/code&gt;&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;Components&lt;/td&gt;
					&lt;td&gt;Client Component by default&lt;/td&gt;
					&lt;td&gt;&lt;strong&gt;Server Component&lt;/strong&gt; by default&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;Layouts&lt;/td&gt;
					&lt;td&gt;Manual implementation&lt;/td&gt;
					&lt;td&gt;Nestable &lt;code&gt;layout.js&lt;/code&gt;&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;Loading&lt;/td&gt;
					&lt;td&gt;Manual implementation&lt;/td&gt;
					&lt;td&gt;Automatic via &lt;code&gt;loading.js&lt;/code&gt;&lt;/td&gt;
			&lt;/tr&gt;
			&lt;tr&gt;
					&lt;td&gt;Data Fetching&lt;/td&gt;
					&lt;td&gt;&lt;code&gt;getServerSideProps&lt;/code&gt;, etc.&lt;/td&gt;
					&lt;td&gt;Direct &lt;code&gt;async&lt;/code&gt; inside components&lt;/td&gt;
			&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
&lt;h2 id="1-file-based-routing"&gt;1. File-Based Routing
&lt;/h2&gt;&lt;p&gt;Folder structure inside &lt;code&gt;app/&lt;/code&gt; maps directly to URL paths.&lt;/p&gt;</description></item><item><title>Internet 基础: Understanding How the Internet Works</title><link>https://netguide.jp/zh/web/intarnet-base/</link><pubDate>Thu, 24 Oct 2024 08:00:00 +0000</pubDate><guid>https://netguide.jp/zh/web/intarnet-base/</guid><description>&lt;img src="https://netguide.jp/img/thumbnail/intarnet-base-zh.png" alt="Featured image of post Internet 基础: Understanding How the Internet Works" /&gt;&lt;p&gt;Hello!&lt;/p&gt;
&lt;p&gt;&lt;picture&gt;&lt;source type="image/avif" srcset="https://netguide.jp/img/post/www-internet-icon.avif" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px"&gt;&lt;img loading="lazy" src="https://netguide.jp/img/post/www-internet-icon.png"&gt;&lt;/picture&gt;&lt;/p&gt;
&lt;p&gt;Welcome to this beginner-friendly guide on how the internet works! Even if you are not familiar with technology, this article will explain basic internet terms in a simple, easy-to-understand way.&lt;/p&gt;
&lt;h3 id="the-basic-structure-of-the-internet"&gt;The Basic Structure of the Internet
&lt;/h3&gt;&lt;p&gt;The internet is a vast network of computers connected worldwide, exchanging information. More specifically, it is made up of many smaller networks (like home or office networks) connected together. When these networks communicate, they use communication rules called &lt;strong&gt;protocols&lt;/strong&gt;. Thanks to these protocols, we can access websites, stream videos, and send emails.&lt;/p&gt;</description></item></channel></rss>