Add FAQ on creating personal website

_data/navigation.yml

@@ -53,6 +53,8 @@ wiki:
     children:
       - title: '<i class="fas fa-lg fa-fw fa-question-square"></i> 校园网常见问题'
         url: /wiki/doc/ustcnet-faq/
+      - title: '<i class="fas fa-lg fa-fw fa-question-circle"></i> 其他常见问题'
+        url: /wiki/doc/general-faq/
       - title: '<i class="fas fa-lg fa-fw fa-universal-access"></i> 提问指南'
         url: /wiki/doc/howtoask/
       - title: '<i class="fas fa-lg fa-fw fa-pen"></i> 修订指南'

pages/_wiki/doc/general-faq.md

@@ -0,0 +1,21 @@
+---
+---
+
+# 常见问题 {#faq}
+
+我们将 USTC 校园网的问题单独整理到了《[校园网常见问题与快速自查指南](ustcnet-faq.md)》页面中，欢迎移步参阅。
+
+本文由 Linux 用户协会维护，如有疑问，欢迎 [联系我们](/wiki/lug/contact/) 讨论或反馈。
+
+## 搭建个人主页 {#personal-website}
+
+如果你想要搭建一个个人主页，**我们首先推荐 [GitHub Pages](https://pages.github.com/)**。它是由全世界广泛使用的代码托管平台 GitHub 提供的**免费**静态网页服务，为每个用户默认分配 `<username>.github.io` 域名，在开发者及信息技术爱好者群体中具有较高的辨识度。
+
+如果你想进一步获得更多个性化的体验，我们下一件推荐的事情就是**购买一个个人域名**。<https://tld-list.com/> 这个网站列出了市面上各种顶级域（TLD），并提供了不同注册商之间的价格对比。大部分常见的 TLD 注册价格都在**每年** 100 元人民币以内。购买域名后，你可以将其用到 GitHub Pages 上，也可以进一步发掘更多玩法，比如搭建邮箱等。我们相信一个个人域名是一项值得的投资，即使它需要每年续费。
+
+除此之外，各大云服务商的免费套餐或额度，以及 GitHub Student Pack 中的免费体验等，也都是不错的选择。诸如 Amazon AWS 和 Microsoft Azure 之类的云服务商都提供了提供一定额度的免费云服务器（VPS）资源（通常为 12 个月有效），足够你在这期间学习 Linux 云服务器的搭建和维护。如果你想要拥有一个长期使用的云服务器，国内的云服务商如阿里云、腾讯云等也有低价的学生优惠产品，价格通常在每年 100 元人民币左右。
+
+关于域名备案：
+
+- 如果你想要使用自己的域名指向位于中国大陆的服务器提供网页服务（即 HTTP 服务），那么你需要为该域名进行 ICP 备案。备案手续通常需要数天到数周的时间，具体情况请通过你购买域名或服务器的服务商了解。
+- 如果你的域名指向的是境外服务器，或者仅仅指向中国大陆的服务器但不提供网页服务的话（比如，仅用于非 HTTP 协议的游戏服务器），那么你不需要进行 ICP 备案，但一些域名注册商或云服务提供商仍然可能要求你进行实名认证，这通常是一个非常简单的过程（相比于备案而言）。

pages/_wiki/lug/services/index.md

@@ -6,7 +6,9 @@ permalink: /wiki/lug/services/
 
 [LUG 网络服务总则](rules.md)
 
-## S 级服务
+{: .s-sss }
+
+## <span class="s">S</span> 级服务
 
 - [开源镜像站](mirrors.md)（HTTP 访问）：<https://mirrors.ustc.edu.cn>
 - 权威 DNS：`ns-a.ustclug.org`, `ns-b.ustclug.org`, `ns-c.ustclug.org`
@@ -47,8 +49,30 @@ permalink: /wiki/lug/services/
 
 ## 服务等级与服务标准
 
-- S 级：最优先保障服务可用性，24 小时故障监控，故障自动转移
+- {: .s-sss } <span class="s">S</span> 级：最优先保障服务可用性，24 小时故障监控，故障自动转移
 - A 级：优先保障服务可用性，24 小时故障监控，每日备份
 - B 级：关键数据备份
 - C 级：非保障类服务
 - 未列入本列表的服务：实验性服务
+
+<style>
+.s-sss .s {
+    display: inline-flex;
+    transition: color 500ms ease-in-out;
+    overflow: hidden;
+}
+.s-sss .s::after {
+    content: "SS";
+    color: transparent;
+    background: linear-gradient(to right, blueviolet 0 50%, orangered 50% 100%);
+    -webkit-background-clip: text;
+    background-clip: text;
+    max-width: 0;
+    transition: all 500ms ease-in-out;
+    transform: scale(0, 1);
+    transform-origin: left;
+}
+
+.s-sss:hover .s { color: gold; }
+.s-sss:hover .s::after { transform: scale(1); max-width: 2ch; }
+</style>