feat: 添加二维码提示

.dumi/theme/Notice.tsx

@@ -0,0 +1,43 @@
+import React, { useContext, useState, useEffect } from 'react';
+import './style/notice.less';
+
+interface NoticeProps {}
+
+const Notice: React.FC<NoticeProps> = () => {
+  const [visible, setVisible] = useState(true);
+
+  function onClose() {
+    setVisible(false);
+  }
+
+  if (visible) {
+    return (
+      <div className="__dumi-default-layout-notice">
+        <div
+          style={{ fontSize: '14px', fontWeight: 'bold', paddingTop: '4px' }}
+        >
+          需要帮助？
+        </div>
+        <div className="__dumi-default-layout-notice-qr" />
+        <div>扫码回复"brew"进群</div>
+        <span className="__dumi-default-layout-notice-close" onClick={onClose}>
+          <svg
+            viewBox="64 64 896 896"
+            focusable="false"
+            data-icon="close"
+            width="1em"
+            height="1em"
+            fill="currentColor"
+            aria-hidden="true"
+          >
+            <path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path>
+          </svg>
+        </span>
+      </div>
+    );
+  } else {
+    return null;
+  }
+};
+
+export default Notice;

.dumi/theme/layout.tsx

@@ -5,6 +5,7 @@ import Navbar from 'dumi-theme-default/src/components/Navbar';
 import SideMenu from 'dumi-theme-default/src/components/SideMenu';
 import SlugList from 'dumi-theme-default/src/components/SlugList';
 import SearchBar from 'dumi-theme-default/src/components/SearchBar';
+import Notice from './Notice';
 import './style/layout.less';
 
 const Hero = hero => (
@@ -121,6 +122,7 @@ const Layout: React.FC<IRouteComponentProps> = ({ children, location }) => {
           />
         )}
       </div>
+      <Notice />
     </div>
   );
 };

.dumi/theme/style/layout.less

@@ -1,8 +1,6 @@
 @import './markdown.less';
 @import './variables.less';
 
-@s-toc-width: 136px;
-
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC,
@@ -62,6 +60,10 @@ body {
       top: 114px;
       max-height: calc(90vh - 144px);
     }
+
+    .@{prefix}-layout-notice {
+      bottom: 40px;
+    }
   }
 
   &-hero {

.dumi/theme/style/notice.less

@@ -0,0 +1,34 @@
+@import './variables.less';
+
+.@{prefix}-layout-notice {
+  position: fixed;
+  bottom: 40px;
+  right: 20px;
+  z-index: 19;
+  box-sizing: border-box;
+  width: @s-toc-width;
+  height: 180px;
+  background-color: #fff;
+  border: 1px solid #0074af;
+  border-radius: 4px;
+  box-shadow: 0 0 4px 4px #fff;
+  font-size: 12px;
+  text-align: center;
+  overflow: hidden;
+
+  &-qr {
+    width: @s-toc-width - 2;
+    height: @s-toc-width - 2;
+    background: url(@qr) no-repeat 100%;
+    background-size: 100% 100%;
+  }
+
+  &-close {
+    font-size: 18px;
+    color: #999;
+    position: absolute;
+    right: 4px;
+    top: 4px;
+    cursor: pointer;
+  }
+}

docs/guide/faq.md

@@ -1,8 +1,12 @@
+---
+order: 4
+---
+
 # FAQ
 
 ## M1 芯片 Mac 如何安装
 
-`Homebrew`已支持在`arm`上安装，但是一些软件兼容性还有待更新，官方查阅地址可看[说明](https://github.com/Homebrew/brew/issues/7857)。
+`Homebrew`已支持在`arm`上安装，但是一些软件兼容性还有待更新，官方查阅地址可看 [说明](https://github.com/Homebrew/brew/issues/7857) 。
 
 你可以考虑安装`x86`版本保持兼容性。
 
@@ -28,7 +32,7 @@ Use '--' to separate paths from revisions, like this:
 
 解决方案：
 
-- 根据文章[解决 GitHub 网页 githubusercontent 地址无法访问问题][hosts]，给`github.com`域名加速
+- 根据文章 [GitHub 访问加速指南][hosts] ，给`github.com`域名加速
 - 通过代理访问
 
 ## 设置镜像无效，安装还是很慢
@@ -97,3 +101,5 @@ To retry an incomplete download, remove the file above.
 
 - `/bin/bash` => `bash` => `.bash_profile`
 - `/bin/zsh` => `zsh` => `.zprofile`
+
+[hosts]: https://mp.weixin.qq.com/s/gFNP2Pk81vg7nE1XsDingg