<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet type="text/xsl" href="atom.xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <id>https://your-docusaurus-site.example.com/blog</id>
    <title>JianHui Blog</title>
    <updated>2026-04-26T00:00:00.000Z</updated>
    <generator>https://github.com/jpmonette/feed</generator>
    <link rel="alternate" href="https://your-docusaurus-site.example.com/blog"/>
    <subtitle>JianHui Blog</subtitle>
    <icon>https://your-docusaurus-site.example.com/img/favicon.ico</icon>
    <entry>
        <title type="html"><![CDATA[第一次部署个人博客过程]]></title>
        <id>https://your-docusaurus-site.example.com/blog/my-first-blog-deployment-process</id>
        <link href="https://your-docusaurus-site.example.com/blog/my-first-blog-deployment-process"/>
        <updated>2026-04-26T00:00:00.000Z</updated>
        <summary type="html"><![CDATA[frist blog deployment process]]></summary>
        <content type="html"><![CDATA[<h2 class="anchor anchorTargetStickyNavbar_LqMH" id="搭建blog">搭建Blog<a href="https://your-docusaurus-site.example.com/blog/my-first-blog-deployment-process#%E6%90%AD%E5%BB%BAblog" class="hash-link" aria-label="Direct link to 搭建Blog" title="Direct link to 搭建Blog" translate="no">​</a></h2>
<p>使用<code>Docusaurus</code>脚手架搭建一个网站。</p>
<div class="language-bash codeBlockContainer_ZLH_ theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_o30o"><pre tabindex="0" class="prism-code language-bash codeBlock_kHW7 thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_O5QB"><div class="token-line" style="color:#393A34"><span class="token plain">pnpm create docusaurus</span><br></div></code></pre></div></div>
<h2 class="anchor anchorTargetStickyNavbar_LqMH" id="部署">部署<a href="https://your-docusaurus-site.example.com/blog/my-first-blog-deployment-process#%E9%83%A8%E7%BD%B2" class="hash-link" aria-label="Direct link to 部署" title="Direct link to 部署" translate="no">​</a></h2>
<p>修改完毕后，在根目录创建<code>netlify.toml</code>，配置：</p>
<div class="language-toml codeBlockContainer_ZLH_ theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_o30o"><pre tabindex="0" class="prism-code language-toml codeBlock_kHW7 thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_O5QB"><div class="token-line" style="color:#393A34"><span class="token plain">[build]</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">command = "pnpm build"</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">publish = "build"</span><br></div></code></pre></div></div>
<p>将repo上传到Github</p>
<p>在Netlify上创建新的project，链接自己的Github账号，然后导入对应的repo。Netlify会构建然后部署。</p>
<h2 class="anchor anchorTargetStickyNavbar_LqMH" id="配置域名">配置域名<a href="https://your-docusaurus-site.example.com/blog/my-first-blog-deployment-process#%E9%85%8D%E7%BD%AE%E5%9F%9F%E5%90%8D" class="hash-link" aria-label="Direct link to 配置域名" title="Direct link to 配置域名" translate="no">​</a></h2>
<p>Netlify可以自定义域名，但是以netlify.app结尾。</p>
<div class="language-text codeBlockContainer_ZLH_ theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_o30o"><pre tabindex="0" class="prism-code language-text codeBlock_kHW7 thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_O5QB"><div class="token-line" style="color:#393A34"><span class="token plain">jianhuiblog.netlify.app</span><br></div></code></pre></div></div>
<p>京东云上买了一个域名：<code>jianhui03.cn</code>。将该根域名（Root domain / Apex domain）配置指向一个Netlify的负载均衡IPv4地址</p>
<div class="language-text codeBlockContainer_ZLH_ theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_o30o"><pre tabindex="0" class="prism-code language-text codeBlock_kHW7 thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_O5QB"><div class="token-line" style="color:#393A34"><span class="token plain">jianhui03.cn A 75.2.60.5</span><br></div></code></pre></div></div>
<p>在京东云上配置子域名<code>www</code>指向我的Netlify项目的默认域名</p>
<div class="language-text codeBlockContainer_ZLH_ theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_o30o"><pre tabindex="0" class="prism-code language-text codeBlock_kHW7 thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_O5QB"><div class="token-line" style="color:#393A34"><span class="token plain">www.jianhui03.cn CNAME jianhuiblog.netlify.app</span><br></div></code></pre></div></div>
<p>然后在Netlify添加我在京东云上买的这个域名，一个<code>jianhui03.cn</code>,和<code>www.jianhui03.cn</code>。将该子域名<code>www</code>设置为<code>Primary domain</code> ，这样可以利用Netlify的CDN</p>
<div class="theme-admonition theme-admonition-tip admonition_BXUu alert alert--success"><div class="admonitionHeading_u7LT"><span class="admonitionIcon_avBT"><svg viewBox="0 0 12 16"><path fill-rule="evenodd" d="M6.5 0C3.48 0 1 2.19 1 5c0 .92.55 2.25 1 3 1.34 2.25 1.78 2.78 2 4v1h5v-1c.22-1.22.66-1.75 2-4 .45-.75 1-2.08 1-3 0-2.81-2.48-5-5.5-5zm3.64 7.48c-.25.44-.47.8-.67 1.11-.86 1.41-1.25 2.06-1.45 3.23-.02.05-.02.11-.02.17H5c0-.06 0-.13-.02-.17-.2-1.17-.59-1.83-1.45-3.23-.2-.31-.42-.67-.67-1.11C2.44 6.78 2 5.65 2 5c0-2.2 2.02-4 4.5-4 1.22 0 2.36.42 3.22 1.19C10.55 2.94 11 3.94 11 5c0 .66-.44 1.78-.86 2.48zM4 14h5c-.23 1.14-1.3 2-2.5 2s-2.27-.86-2.5-2z"></path></svg></span>tip</div><div class="admonitionContent_FFif"><p>为什么这样可以利用到CDN：</p><div class="language-text codeBlockContainer_ZLH_ theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_o30o"><pre tabindex="0" class="prism-code language-text codeBlock_kHW7 thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_O5QB"><div class="token-line" style="color:#393A34"><span class="token plain">用户访问 jianhui03.cn</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">  ↓</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">DNS 返回 75.2.60.5</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">  ↓</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">请求到达 Netlify</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">  ↓</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">Netlify 自动跳转到 www.jianhui03.cn</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">  ↓</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">浏览器重新访问 www.jianhui03.cn</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">  ↓</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">DNS 通过 CNAME 解析到 jianhuiblog.netlify.app</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">  ↓</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">Netlify 根据自己的 CDN / Edge 网络处理请求</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">  ↓</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">用户拿到博客页面</span><br></div></code></pre></div></div></div></div>
<h2 class="anchor anchorTargetStickyNavbar_LqMH" id="配置证书">配置证书<a href="https://your-docusaurus-site.example.com/blog/my-first-blog-deployment-process#%E9%85%8D%E7%BD%AE%E8%AF%81%E4%B9%A6" class="hash-link" aria-label="Direct link to 配置证书" title="Direct link to 配置证书" translate="no">​</a></h2>
<p>Netlify域名配置下面可以直接启用TLS证书（Let’s Encrypt）</p>
<h2 class="anchor anchorTargetStickyNavbar_LqMH" id="访问">访问<a href="https://your-docusaurus-site.example.com/blog/my-first-blog-deployment-process#%E8%AE%BF%E9%97%AE" class="hash-link" aria-label="Direct link to 访问" title="Direct link to 访问" translate="no">​</a></h2>
<p>完成，现在能成功访问<code>www.jianhui03.cn</code>和<code>jianhui03.cn</code></p>
<p>可以用这条命令验证是否缓存命中</p>
<div class="language-bash codeBlockContainer_ZLH_ theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_o30o"><pre tabindex="0" class="prism-code language-bash codeBlock_kHW7 thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_O5QB"><div class="token-line" style="color:#393A34"><span class="token plain">curl -I https://jianhui03.cn/img/logo.png</span><br></div></code></pre></div></div>]]></content>
        <author>
            <name>Wang JianHui</name>
            <uri>https://github.com/Wangjianhui2003</uri>
        </author>
    </entry>
    <entry>
        <title type="html"><![CDATA[My First Blog]]></title>
        <id>https://your-docusaurus-site.example.com/blog/MyFirstBlog</id>
        <link href="https://your-docusaurus-site.example.com/blog/MyFirstBlog"/>
        <updated>2026-04-25T00:00:00.000Z</updated>
        <summary type="html"><![CDATA[This is my first post]]></summary>
        <content type="html"><![CDATA[<h2 class="anchor anchorTargetStickyNavbar_LqMH" id="why-did-i-build-this-website">Why did i build this website<a href="https://your-docusaurus-site.example.com/blog/MyFirstBlog#why-did-i-build-this-website" class="hash-link" aria-label="Direct link to Why did i build this website" title="Direct link to Why did i build this website" translate="no">​</a></h2>
<p>Recording my thought</p>]]></content>
        <author>
            <name>Wang JianHui</name>
            <uri>https://github.com/Wangjianhui2003</uri>
        </author>
    </entry>
</feed>