<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="/feeds/atom-style.xsl" type="text/xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <id>https://code4focus.github.io/en/</id>
    <title>Code4Focus</title>
    <updated>2026-04-09T06:57:32.392Z</updated>
    <generator>Astro-Theme-Retypeset with Feed for Node.js</generator>
    <author>
        <name>Code4Focus</name>
        <uri>https://code4focus.github.io/</uri>
    </author>
    <link rel="alternate" href="https://code4focus.github.io/en/"/>
    <link rel="self" href="https://code4focus.github.io/en/atom.xml"/>
    <subtitle>Code4Focus is a personal blog built with Astro and Retypeset, focused on software, AI, product thinking, and long-term craftsmanship.</subtitle>
    <rights>Copyright © 2026 Code4Focus</rights>
    <entry>
        <title type="html"><![CDATA[Starting a new writing space with Astro and Retypeset]]></title>
        <id>https://code4focus.github.io/en/posts/hello-world/</id>
        <link href="https://code4focus.github.io/en/posts/hello-world/"/>
        <updated>2026-04-04T00:00:00.000Z</updated>
        <summary type="html"><![CDATA[The first post on the new site, used to validate the structure, typography, and direction of the blog.]]></summary>
        <content type="html"><![CDATA[<p>The new blog is now in place.</p>
<p>I chose <code>Astro + Retypeset</code> as the first version of the stack for a few practical reasons.</p>
<p>For contrast, a plain static citation stays quiet in the reading flow <sup><a href="#cite-astro-docs">[1]</a></sup>. A preview-enabled citation can expose context inline on desktop <sup><a href="#cite-retypeset-demo">[2]</a></sup>.</p>
<h2>Why this stack</h2>
<ol>
<li>It is a strong fit for static deployment and works cleanly with <code>GitHub Pages</code>.</li>
<li>The SEO baseline is already solid, including <code>sitemap</code>, <code>Open Graph</code>, <code>RSS</code>, and structured metadata.</li>
<li>The reading experience feels intentional, especially for long-form writing and Chinese typography.</li>
</ol>
<h2>What this site will cover</h2>
<ul>
<li>Software engineering and frontend development</li>
<li>AI tooling and workflows</li>
<li>Product thinking and long-term projects</li>
<li>Reading, writing, and knowledge management</li>
</ul>
<h2>What comes next</h2>
<p>The next round will focus on:</p>
<ul>
<li>production deployment to GitHub Pages</li>
<li>search engine verification</li>
<li>comments and analytics</li>
<li>more refined typography and visual tuning</li>
</ul>
<p>This post marks the point where the idea became a working site.</p>

<hr />
<ol>
<li><a name="cite-astro-docs"></a><p>The official <a href="https://astro.build">Astro documentation</a> presents Astro as a framework designed for content-heavy, static-first websites, which matches the deployment and maintenance goals of this blog.</p></li><li><a name="cite-retypeset-demo"></a><p>The original <a href="https://retypeset.radishzz.cc/en/">Retypeset demo</a> shows the typography, spacing, and long-form reading experience that made this theme a strong fit for a writing-focused site.</p></li>
</ol>
]]></content>
        <author>
            <name>Code4Focus</name>
            <uri>https://code4focus.github.io/</uri>
        </author>
        <published>2026-04-04T00:00:00.000Z</published>
    </entry>
</feed>