enhance inline links

assets/css/common/main.css

@@ -79,6 +79,17 @@ mark {
     font-size: 14px;
 }
 
+.inline-links a {
+    font-weight: 500;
+    color: var(--primary);
+    box-shadow: var(--link-underline-shadow);
+    transition: var(--link-transition);
+}
+.inline-links a:hover {
+    color: var(--link-hover-color);
+    box-shadow: var(--link-hover-underline-shadow);
+}
+
 
 /* for post page */
 .main.post {

layouts/_default/list.html

@@ -13,11 +13,14 @@
     {{ .Description | markdownify }}
   </div>
   {{- end }}
+  <div class="inline-links">
     {{- with .Param "archivesSlug" }}
-  <div>
       <a href="{{ $.RelPermalink }}{{ . }}/">Archives</a>
-  </div>
     {{- end }}
+    {{ with .OutputFormats.Get "rss" -}}
+      • <a href="{{ .Permalink }}" target="_blank">RSS</a>
+    {{ end -}}
+  </div>
 </header>
 {{- end }}
 

layouts/newsletter/section.html

@@ -35,13 +35,13 @@
   </div>
 
   <h2>相关链接</h2>
-  <div>
+  <div class="inline-links">
     {{- with .Param "archivesSlug" }}
-      <a href="{{ $.RelPermalink }}{{ . }}/">Archives</a> •
+      <a href="{{ $.RelPermalink }}{{ . }}/">Archives</a>
-    {{- end }}
-    {{- with .Param "rssUrl" }}
-      <a href="{{ site.BaseURL }}{{ . }}">RSS</a>
     {{- end }}
+    {{ with .OutputFormats.Get "rss" -}}
+      • <a href="{{ .Permalink }}" target="_blank">RSS</a>
+    {{ end -}}
   </div>
 
 </div>