diff --git a/categories/index.html b/categories/index.html
index 3da858e..24979ae 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -23,7 +23,8 @@
         :root {
             --font-sans: "Inter var", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
         }
-    </style></head>
+    </style>
+</head>
 <body class="bg:fade-84@dark font:fade-16@dark font:sans">
     <nav class="w:full h:90 fixed bg:fade-84/.95@dark bg:white z:1000">
     <div class="
@@ -95,6 +96,14 @@
     _:where(hr){h:2;_bg:fade-10;_bg:fade-70@dark;_my:3em}
 "></div></article>
     <ul>
+                <li>
+                    <div class="mb:16 py:24 f:fade-30 f:fade-10:hover transition:150ms;ease-in">
+                        <a class="f:24 font:semibold" href="https://jojochem.cn/posts/my-first-post/">
+                            <div>混合溶液粘度</div>
+                        </a>
+                        <div class="mt:12 f:fade-70"><time>Jun 19, 2024</time></div>
+                    </div>
+                </li>
     </ul>
 </div>
 <footer class="py:24">
diff --git a/index.html b/index.html
index ead320f..3b76cbc 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,8 @@
         :root {
             --font-sans: "Inter var", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
         }
-    </style></head>
+    </style>
+</head>
 <body class="bg:fade-84@dark font:fade-16@dark font:sans">
     <nav class="w:full h:90 fixed bg:fade-84/.95@dark bg:white z:1000">
     <div class="
@@ -90,7 +91,14 @@
     _:where(video,img){max-width:full}
     _:where(a,mark){text-underline-offset:3}
     _:where(hr){h:2;_bg:fade-10;_bg:fade-70@dark;_my:3em}
-"></div><h2 class="my:1em">Posts</h2></div>
+"></div><h2 class="my:1em">Posts</h2><div class="mb:12 py:8">
+    <a class="f:18! font:semibold! f:fade-30! text-decoration:none f:fade-10!:hover transition:150ms;ease-in" href="https://jojochem.cn/posts/my-first-post/">
+        混合溶液粘度
+    </a>
+    <div class="mt:12 f:14 f:fade-60"><time>Jun 19, 2024</time></div>
+    
+</div>
+</div>
 <footer class="py:24">
     <div class="f:fade-30 f:14 mb:8"></div>
     <div class="f:fade-60 f:12">Theme <a class="f:bold" href="https://github.com/serkodev/holy" _target="_blank">Holy</a></div>
diff --git a/index.xml b/index.xml
index e6d54e5..73405ea 100644
--- a/index.xml
+++ b/index.xml
@@ -10,9 +10,9 @@
     <atom:link href="https://jojochem.cn/index.xml" rel="self" type="application/rss+xml" />
     <item>
       <title>混合溶液粘度</title>
-      <link>https://jojochem.cn/my-first-post/</link>
+      <link>https://jojochem.cn/posts/my-first-post/</link>
       <pubDate>Wed, 19 Jun 2024 09:00:00 +0000</pubDate>
-      <guid>https://jojochem.cn/my-first-post/</guid>
+      <guid>https://jojochem.cn/posts/my-first-post/</guid>
       <description>关于混合溶液的粘度预测是一个古老的话题，很朴素的，类似密度等常规物性，我们预计混合溶液的粘度在理想情况下，应该具有线性分布：&#xA;以两组分为例：&#xA;$$ \eta = x\eta_{\text{1}} + (1-x)\eta_{\text{2}} $$ 但事实上，实际混合溶液的粘度都低于两者的线性叠加&#xA;https://pubs.acs.org/doi/epdf/10.1021/ja02254a001&#xA;后来，Arrhenius在1887年提出了基于热力学的混合粘度理论公式：&#xA;$$ \log\eta = x\log\eta_{\text{1}} + (1-x)\eta_{\text{2}} $$&#xA;在1949年，Nature: Mixture Law for Viscosity对参数进行了局部修正 $$ \log\eta = N_1\log\eta_{\text{1}} + N_2\log\eta_{\text{2}}+N_1N_2d $$&#xA;这一点推测是由于分子大小和流动性的差异导致混合体系的粘度相较线性值下降更为明显&#xA;在溶解溶质的溶液中，对于稀溶液，粘度可以被下述公式计算得到 $$ \frac{\eta_{\text{S}}}{\eta_{\text{O}}} = 1 + A\sqrt{c} $$ 当浓度增加时， $$ \frac{\eta_{\text{S}}}{\eta_{\text{O}}} = 1 + A\sqrt{c} + Bc $$ 当浓度进一步增加时， $$ \frac{\eta_{\text{S}}}{\eta_{\text{O}}} = 1 + A\sqrt{c} + Bc + Cc^2 $$</description>
     </item>
   </channel>
diff --git a/posts/index.html b/posts/index.html
new file mode 100644
index 0000000..bafc411
--- /dev/null
+++ b/posts/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html><head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+
+    <title>Posts - Joey Blog</title>
+
+    
+    
+    <meta name="description" content="" />
+    <meta name="author" content="" />
+    
+
+    <link href="https://unpkg.com/@master/normal.css" rel="stylesheet">
+    <script src="https://unpkg.com/@master/style@1.5.0"></script>
+    <script src="https://unpkg.com/@master/styles@1.13.0"></script>
+    <script src="https://unpkg.com/master-styles-group"></script>
+    <script src="https://unpkg.com/themes.js"></script>
+    <script>window.themes = window.themes || new window.Themes()</script>
+
+    <style>
+        :root {
+            --font-sans: "Inter var", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
+        }
+    </style>
+</head>
+<body class="bg:fade-84@dark font:fade-16@dark font:sans">
+    <nav class="w:full h:90 fixed bg:fade-84/.95@dark bg:white z:1000">
+    <div class="
+        h:full
+        w:full
+        max-w:1200
+        mx:auto
+        px:32
+        d:flex
+        align-items:center
+    ">
+        <div>
+            <a href="/" class="mr-3 font:extralight">
+              
+              Joey Blog
+              
+            </a>
+        </div>
+
+        <div class="ml:auto">
+            
+            
+            
+        </div>
+    </div>
+</nav>
+<div class="d:flex flex:column@<=sm pt:90 px:24 jc:center gap:44 word-break:break-word">
+        <div class="max-w:700 w:full box:content-box">
+<div>
+    <article class="box:border-box pt:32 w:full">
+        <header class="mb:32">
+            <div class="font:40 font:extrabold">Posts</div>
+        </header><div class="
+    _:where(a):hover{text-decoration-color:fade}
+    _:where(a){text-decoration:2;underline;fade-10;_text-decoration-color:fade-70@dark}
+    _:where(blockquote){bl:5;solid;fade-76/.1;_bl:5;solid;fade-34/.1@dark}
+    _:where(code){font:90%;_v:middle}
+    _:where(code:not(.highlight_*,pre_*)){p:2;6;_r:4}
+    _:where(del){text-decoration:1;line-through;fade-68;_text-decoration-color:red-64@dark}
+    _:where(figcaption){text:14;_p:10;20;0;_width:fit;_mx:auto;_font:fade-56;_font:fade-57@dark}
+    _:where(h1){font:40;_font:extrabold}
+    _:where(h1,h2,h3)+:where(h1,h2,h3){mt:.5em}
+    _:where(h1,h2,h3,h4,h5,h6){mt:2em}
+    _:where(h2){mb:1em;_font:32}
+    _:where(h3){font:24}
+    _:where(h4){font:20}
+    _:where(h5){font:16}
+    _:where(h6){font:14}
+    _:where(li)::marker{font:fade-44;_font:fade-68@dark}
+    _:where(li){pl:.375em}
+    _:where(mark){text-decoration:1;underline;#fce016;_bg:transparent;_text-decoration-color:rgb(252;224;22/.5)@dark}
+    _:where(p,li){font:fade-76;_font:16;_line-height:1.65;_font:fade-34@dark}
+    _:where(p,pre,blockquote,figure,ul,ol,table){my:1.125em}
+    >:first-child{mt:0!}
+    _:where(pre){p:20;_r:8;_overflow:auto}
+    _:where(pre,code:not(.highlight_*)){bg:fade-2;_bg:fade-92!@dark}
+    _:where(strong,b,a,code:not(.highlight_*),mark,del){font:fade-92;_font:fade-12@dark}
+    _:where(table){width:full;_border-spacing:0}
+    _:where(td){v:baseline}
+    _:where(td,th):first-child{pl:0}
+    _:where(td,th):last-child{pr:0}
+    _:where(td,th){bb:1;solid;fade-92/.06;_p:6;_b:fade-4/.04@dark}
+    _:where(th){font:fade-78;_font:14;_text:left;_font:fade-12@dark}
+    _:where(th,p_code,li_code,a,mark){font:semibold;_font:medium@dark}
+    _:where(ul){list-style-type:disc}
+    _:where(ul,ol,blockquote){pl:1.5em}
+    _:where(video,img){max-width:full}
+    _:where(a,mark){text-underline-offset:3}
+    _:where(hr){h:2;_bg:fade-10;_bg:fade-70@dark;_my:3em}
+"></div></article>
+    <ul>
+                <li>
+                    <div class="mb:16 py:24 f:fade-30 f:fade-10:hover transition:150ms;ease-in">
+                        <a class="f:24 font:semibold" href="https://jojochem.cn/posts/my-first-post/">
+                            <div>混合溶液粘度</div>
+                        </a>
+                        <div class="mt:12 f:fade-70"><time>Jun 19, 2024</time></div>
+                    </div>
+                </li>
+    </ul>
+</div>
+<footer class="py:24">
+    <div class="f:fade-30 f:14 mb:8"></div>
+    <div class="f:fade-60 f:12">Theme <a class="f:bold" href="https://github.com/serkodev/holy" _target="_blank">Holy</a></div>
+</footer></div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/posts/index.xml b/posts/index.xml
new file mode 100644
index 0000000..9ad542d
--- /dev/null
+++ b/posts/index.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Posts on Joey Blog</title>
+    <link>https://jojochem.cn/posts/</link>
+    <description>Recent content in Posts on Joey Blog</description>
+    <generator>Hugo</generator>
+    <language>en-us</language>
+    <lastBuildDate>Wed, 19 Jun 2024 09:00:00 +0000</lastBuildDate>
+    <atom:link href="https://jojochem.cn/posts/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>混合溶液粘度</title>
+      <link>https://jojochem.cn/posts/my-first-post/</link>
+      <pubDate>Wed, 19 Jun 2024 09:00:00 +0000</pubDate>
+      <guid>https://jojochem.cn/posts/my-first-post/</guid>
+      <description>关于混合溶液的粘度预测是一个古老的话题，很朴素的，类似密度等常规物性，我们预计混合溶液的粘度在理想情况下，应该具有线性分布：&#xA;以两组分为例：&#xA;$$ \eta = x\eta_{\text{1}} + (1-x)\eta_{\text{2}} $$ 但事实上，实际混合溶液的粘度都低于两者的线性叠加&#xA;https://pubs.acs.org/doi/epdf/10.1021/ja02254a001&#xA;后来，Arrhenius在1887年提出了基于热力学的混合粘度理论公式：&#xA;$$ \log\eta = x\log\eta_{\text{1}} + (1-x)\eta_{\text{2}} $$&#xA;在1949年，Nature: Mixture Law for Viscosity对参数进行了局部修正 $$ \log\eta = N_1\log\eta_{\text{1}} + N_2\log\eta_{\text{2}}+N_1N_2d $$&#xA;这一点推测是由于分子大小和流动性的差异导致混合体系的粘度相较线性值下降更为明显&#xA;在溶解溶质的溶液中，对于稀溶液，粘度可以被下述公式计算得到 $$ \frac{\eta_{\text{S}}}{\eta_{\text{O}}} = 1 + A\sqrt{c} $$ 当浓度增加时， $$ \frac{\eta_{\text{S}}}{\eta_{\text{O}}} = 1 + A\sqrt{c} + Bc $$ 当浓度进一步增加时， $$ \frac{\eta_{\text{S}}}{\eta_{\text{O}}} = 1 + A\sqrt{c} + Bc + Cc^2 $$</description>
+    </item>
+  </channel>
+</rss>
diff --git a/posts/my-first-post/index.html b/posts/my-first-post/index.html
new file mode 100644
index 0000000..04a9cfe
--- /dev/null
+++ b/posts/my-first-post/index.html
@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<html><head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+
+    <title>混合溶液粘度 - Joey Blog</title>
+
+    
+    
+    <meta name="description" content="关于混合溶液的粘度预测是一个古老的话题，很朴素的，类似密度等常规物性，我们预计混合溶液的粘度在理想情况下，应该具有线性分布：
+以两组分为例：
+$$ \eta = x\eta_{\text{1}} &#43; (1-x)\eta_{\text{2}} $$ 但事实上，实际混合溶液的粘度都低于两者的线性叠加
+https://pubs.acs.org/doi/epdf/10.1021/ja02254a001
+后来，Arrhenius在1887年提出了基于热力学的混合粘度理论公式：
+$$ \log\eta = x\log\eta_{\text{1}} &#43; (1-x)\eta_{\text{2}} $$
+在1949年，Nature: Mixture Law for Viscosity对参数进行了局部修正 $$ \log\eta = N_1\log\eta_{\text{1}} &#43; N_2\log\eta_{\text{2}}&#43;N_1N_2d $$
+这一点推测是由于分子大小和流动性的差异导致混合体系的粘度相较线性值下降更为明显
+在溶解溶质的溶液中，对于稀溶液，粘度可以被下述公式计算得到 $$ \frac{\eta_{\text{S}}}{\eta_{\text{O}}} = 1 &#43; A\sqrt{c} $$ 当浓度增加时， $$ \frac{\eta_{\text{S}}}{\eta_{\text{O}}} = 1 &#43; A\sqrt{c} &#43; Bc $$ 当浓度进一步增加时， $$ \frac{\eta_{\text{S}}}{\eta_{\text{O}}} = 1 &#43; A\sqrt{c} &#43; Bc &#43; Cc^2 $$" />
+    <meta name="author" content="" />
+    
+
+    <link href="https://unpkg.com/@master/normal.css" rel="stylesheet">
+    <script src="https://unpkg.com/@master/style@1.5.0"></script>
+    <script src="https://unpkg.com/@master/styles@1.13.0"></script>
+    <script src="https://unpkg.com/master-styles-group"></script>
+    <script src="https://unpkg.com/themes.js"></script>
+    <script>window.themes = window.themes || new window.Themes()</script>
+
+    <style>
+        :root {
+            --font-sans: "Inter var", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
+        }
+    </style>
+</head>
+<body class="bg:fade-84@dark font:fade-16@dark font:sans">
+    <nav class="w:full h:90 fixed bg:fade-84/.95@dark bg:white z:1000">
+    <div class="
+        h:full
+        w:full
+        max-w:1200
+        mx:auto
+        px:32
+        d:flex
+        align-items:center
+    ">
+        <div>
+            <a href="/" class="mr-3 font:extralight">
+              
+              Joey Blog
+              
+            </a>
+        </div>
+
+        <div class="ml:auto">
+            
+            
+            
+        </div>
+    </div>
+</nav>
+<div class="d:flex flex:column@<=sm pt:90 px:24 jc:center gap:44 word-break:break-word">
+        <div class="max-w:700 w:full box:content-box">
+<article class="box:border-box pt:32">
+    <header class="mb:32">
+        <div class="font:40 font:extrabold">混合溶液粘度</div>
+        <div class="mt:16 f:fade-60">
+            <time>Jun 19, 2024</time>
+            </div>
+    </header><div class="
+    _:where(a):hover{text-decoration-color:fade}
+    _:where(a){text-decoration:2;underline;fade-10;_text-decoration-color:fade-70@dark}
+    _:where(blockquote){bl:5;solid;fade-76/.1;_bl:5;solid;fade-34/.1@dark}
+    _:where(code){font:90%;_v:middle}
+    _:where(code:not(.highlight_*,pre_*)){p:2;6;_r:4}
+    _:where(del){text-decoration:1;line-through;fade-68;_text-decoration-color:red-64@dark}
+    _:where(figcaption){text:14;_p:10;20;0;_width:fit;_mx:auto;_font:fade-56;_font:fade-57@dark}
+    _:where(h1){font:40;_font:extrabold}
+    _:where(h1,h2,h3)+:where(h1,h2,h3){mt:.5em}
+    _:where(h1,h2,h3,h4,h5,h6){mt:2em}
+    _:where(h2){mb:1em;_font:32}
+    _:where(h3){font:24}
+    _:where(h4){font:20}
+    _:where(h5){font:16}
+    _:where(h6){font:14}
+    _:where(li)::marker{font:fade-44;_font:fade-68@dark}
+    _:where(li){pl:.375em}
+    _:where(mark){text-decoration:1;underline;#fce016;_bg:transparent;_text-decoration-color:rgb(252;224;22/.5)@dark}
+    _:where(p,li){font:fade-76;_font:16;_line-height:1.65;_font:fade-34@dark}
+    _:where(p,pre,blockquote,figure,ul,ol,table){my:1.125em}
+    >:first-child{mt:0!}
+    _:where(pre){p:20;_r:8;_overflow:auto}
+    _:where(pre,code:not(.highlight_*)){bg:fade-2;_bg:fade-92!@dark}
+    _:where(strong,b,a,code:not(.highlight_*),mark,del){font:fade-92;_font:fade-12@dark}
+    _:where(table){width:full;_border-spacing:0}
+    _:where(td){v:baseline}
+    _:where(td,th):first-child{pl:0}
+    _:where(td,th):last-child{pr:0}
+    _:where(td,th){bb:1;solid;fade-92/.06;_p:6;_b:fade-4/.04@dark}
+    _:where(th){font:fade-78;_font:14;_text:left;_font:fade-12@dark}
+    _:where(th,p_code,li_code,a,mark){font:semibold;_font:medium@dark}
+    _:where(ul){list-style-type:disc}
+    _:where(ul,ol,blockquote){pl:1.5em}
+    _:where(video,img){max-width:full}
+    _:where(a,mark){text-underline-offset:3}
+    _:where(hr){h:2;_bg:fade-10;_bg:fade-70@dark;_my:3em}
+"><p>关于混合溶液的粘度预测是一个古老的话题，很朴素的，类似密度等常规物性，我们预计混合溶液的粘度在理想情况下，应该具有线性分布：</p>
+<p>以两组分为例：</p>
+<p>$$
+\eta = x\eta_{\text{1}} + (1-x)\eta_{\text{2}}
+$$
+但事实上，实际混合溶液的粘度都低于两者的线性叠加</p>
+<p><a href="https://pubs.acs.org/doi/epdf/10.1021/ja02254a001">https://pubs.acs.org/doi/epdf/10.1021/ja02254a001</a></p>
+<hr>
+<p>后来，Arrhenius在1887年提出了基于热力学的混合粘度理论公式：</p>
+<p>$$
+\log\eta = x\log\eta_{\text{1}} + (1-x)\eta_{\text{2}}
+$$</p>
+<p>在1949年，Nature: Mixture Law for Viscosity对参数进行了局部修正
+$$
+\log\eta = N_1\log\eta_{\text{1}} + N_2\log\eta_{\text{2}}+N_1N_2d
+$$</p>
+<p>这一点推测是由于分子大小和流动性的差异导致混合体系的粘度相较线性值下降更为明显</p>
+<p>在溶解溶质的溶液中，对于稀溶液，粘度可以被下述公式计算得到
+$$
+\frac{\eta_{\text{S}}}{\eta_{\text{O}}} = 1 + A\sqrt{c}
+$$
+当浓度增加时，
+$$
+\frac{\eta_{\text{S}}}{\eta_{\text{O}}} = 1 + A\sqrt{c} + Bc
+$$
+当浓度进一步增加时，
+$$
+\frac{\eta_{\text{S}}}{\eta_{\text{O}}} = 1 + A\sqrt{c} + Bc + Cc^2
+$$</p>
+</div></article>
+<footer class="py:24">
+    <div class="f:fade-30 f:14 mb:8"></div>
+    <div class="f:fade-60 f:12">Theme <a class="f:bold" href="https://github.com/serkodev/holy" _target="_blank">Holy</a></div>
+</footer></div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/sitemap.xml b/sitemap.xml
index 8e4adc5..4772427 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -5,7 +5,10 @@
     <loc>https://jojochem.cn/</loc>
     <lastmod>2024-06-19T09:00:00+00:00</lastmod>
   </url><url>
-    <loc>https://jojochem.cn/my-first-post/</loc>
+    <loc>https://jojochem.cn/posts/</loc>
+    <lastmod>2024-06-19T09:00:00+00:00</lastmod>
+  </url><url>
+    <loc>https://jojochem.cn/posts/my-first-post/</loc>
     <lastmod>2024-06-19T09:00:00+00:00</lastmod>
   </url><url>
     <loc>https://jojochem.cn/categories/</loc>
diff --git a/tags/index.html b/tags/index.html
index 9476c78..426517c 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -23,7 +23,8 @@
         :root {
             --font-sans: "Inter var", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
         }
-    </style></head>
+    </style>
+</head>
 <body class="bg:fade-84@dark font:fade-16@dark font:sans">
     <nav class="w:full h:90 fixed bg:fade-84/.95@dark bg:white z:1000">
     <div class="
@@ -95,6 +96,14 @@
     _:where(hr){h:2;_bg:fade-10;_bg:fade-70@dark;_my:3em}
 "></div></article>
     <ul>
+                <li>
+                    <div class="mb:16 py:24 f:fade-30 f:fade-10:hover transition:150ms;ease-in">
+                        <a class="f:24 font:semibold" href="https://jojochem.cn/posts/my-first-post/">
+                            <div>混合溶液粘度</div>
+                        </a>
+                        <div class="mt:12 f:fade-70"><time>Jun 19, 2024</time></div>
+                    </div>
+                </li>
     </ul>
 </div>
 <footer class="py:24">
