@bbki.ng/site 0.0.17

package/CODE_OF_CONDUCT.md

@@ -0,0 +1,45 @@
+# Code Of Conduct
+
+## Our Pledge
+
+In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, sex characteristics, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, political party, or sexual identity and orientation. Note, however, that religion, political party, or other ideological affiliation provide no exemptions for the behavior we outline as unacceptable in this Code of Conduct.
+
+## Our Standards
+
+Examples of behavior that contributes to creating a positive environment include:
+
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
+
+Examples of unacceptable behavior by participants include:
+
+- The use of sexualized language or imagery and unwelcome sexual attention or advances
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic address, without explicit permission
+- Other conduct which could reasonably be considered inappropriate in a professional setting
+
+## Our Responsibilities
+
+Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
+
+Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
+
+## Scope
+
+This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at ping@zjh.im. All complaints will be reviewed and investigated and will result in a response that is deemed necessary and appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
+
+Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
+
+[homepage]: https://www.contributor-covenant.org

package/CONTRIBUTING.md

@@ -0,0 +1,11 @@
+# Contributing guide
+
+Thank you for your interest in contributing to BBKi.ng! There are many ways to contribute, and we appreciate all of them.
+
+## Bug reports
+
+Find any bugs about [BBKi.ng](https://bbki.ng) on your device? [open an issue](https://github.com/bbbottle/bbki.ng/issues).
+
+## Code review
+
+If you are interested in the code and have any suggestions, please reference its line number in new issue and elaborate your thoughts.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 bbbottle
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,21 @@
+![image](public/Logo.svg)
+
+### About
+
+Code behind https://bbki.ng.
+
+### Roadmap
+
+The [BBKi.ng public roadmap](https://github.com/bbbottle/bbki.ng/projects/2).
+
+### Q&A
+
+Open a new [discussion](https://github.com/bbbottle/bbki.ng/discussions/categories/q-a).
+
+### Contributing
+
+See [the contributing guide](CONTRIBUTING.md) for details.
+
+### License
+
+[MIT](LICENSE)

package/index.html

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full no-scrollbar">
+  <head>
+    <title>bbki.ng</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="description" content="baby king" />
+    <link
+      rel="preload"
+      href="https://api.bbki.ng/projects"
+      as="fetch"
+      crossorigin
+      type="application/json"
+    />
+    <link rel="icon" type="image/svg" href="/favicon.svg" />
+    <link
+      rel="alternate icon"
+      href="/favicon.ico"
+      type="image/png"
+      sizes="16x16"
+    />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="mask-icon" href="/favicon.svg" color="#FFFFFF" />
+    <meta name="theme-color" content="#ffffff" />
+    <meta charset="UTF-8" />
+  </head>
+
+  <body class="h-full m-0 flex flex-col font-mono">
+    <div id="root" class="flex-grow"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/jest.config.js

@@ -0,0 +1,15 @@
+/** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
+const config = {
+  preset: "ts-jest",
+  testEnvironment: "jsdom",
+  collectCoverageFrom: [
+    "src/utils/index.ts",
+    "!**/node_modules/**",
+    "!**/vendor/**",
+  ],
+  moduleNameMapper: {
+    "@/(.*)$": "<rootDir>/src/$1",
+  },
+};
+
+export default config;

package/package.json

@@ -0,0 +1,69 @@
+{
+  "name": "@bbki.ng/site",
+  "version": "0.0.17",
+  "description": "code behind bbki.ng",
+  "main": "index.js",
+  "scripts": {
+    "test": "jest",
+    "test:cov": "jest --coverage",
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "serve": "vite preview"
+  },
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bbbottle/bbki.ng.git"
+  },
+  "dependencies": {
+    "@bbki.ng/components": "workspace:2.1.7",
+    "@supabase/supabase-js": "^1.30.6",
+    "classnames": "2.3.1",
+    "react": "^18.0.0",
+    "react-cusdis": "^2.1.3",
+    "react-dom": "^18.0.0",
+    "react-hotkeys-hook": "^3.4.3",
+    "react-router-dom": "6",
+    "swr": "^1.2.1"
+  },
+  "devDependencies": {
+    "@bbki.ng/stylebase": "workspace:0.0.5",
+    "@mdx-js/mdx": "2.0.0-next.9",
+    "@mdx-js/react": "^1.6.22",
+    "@tailwindcss/typography": "^0.5.0",
+    "@types/jest": "^27.0.3",
+    "@types/node": "^16.11.1",
+    "@types/react": "^18.0.15",
+    "@types/react-dom": "^18.0.6",
+    "@vitejs/plugin-react": "^1.0.0",
+    "autoprefixer": "^10.3.7",
+    "husky": "^7.0.0",
+    "jest": "^27.4.5",
+    "lint-staged": "^11.2.1",
+    "postcss": "^8.3.9",
+    "prettier": "^2.4.1",
+    "pretty-quick": "^3.1.1",
+    "rehype-autolink-headings": "^6.1.1",
+    "rehype-highlight": "^5.0.0",
+    "rehype-slug": "^5.0.1",
+    "remark-frontmatter": "^4.0.1",
+    "remark-gfm": "^3.0.0",
+    "remark-mdx-frontmatter": "^1.0.1",
+    "remark-parse": "^10.0.0",
+    "remark-toc": "^8.0.1",
+    "sass": "^1.42.1",
+    "tailwindcss": "^3.0.7",
+    "ts-jest": "^27.1.1",
+    "typescript": "^4.5.4",
+    "vite": "3.0.0",
+    "vite-plugin-mdx": "^3.5.8",
+    "vite-plugin-pwa": "^0.11.3",
+    "workbox-window": "^6.3.0"
+  },
+  "author": "bbbottle",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/bbbottle/bbki.ng/issues"
+  },
+  "homepage": "https://github.com/bbbottle/bbki.ng#readme"
+}

package/postcss.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

package/public/Logo.svg

@@ -0,0 +1,9 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.1152 21.3106C32.0605 21.3106 34.4481 18.9101 34.4481 15.9489V24.6457C34.4481 25.7585 33.5508 26.6607 32.444 26.6607H15.1207C14.0138 26.6607 13.1166 25.7585 13.1166 24.6457V15.9489C13.1166 18.9101 15.5042 21.3106 18.4494 21.3106C21.3947 21.3106 23.7823 18.9101 23.7823 15.9489C23.7823 18.9101 26.17 21.3106 29.1152 21.3106Z" fill="#9CA3AF"/>
+<path d="M23.7823 15.9373L23.7823 15.9489C23.7823 15.9451 23.7823 15.9412 23.7823 15.9373Z" fill="#9CA3AF"/>
+<path d="M23.1143 28.004C23.1205 30.9598 25.5057 33.3541 28.4472 33.3541C31.3886 33.3541 33.7738 30.9598 33.7801 28.004H23.1143Z" fill="#9CA3AF"/>
+<path d="M13.7846 28.004C13.7846 28.0079 13.7846 28.0117 13.7846 28.0156C13.7908 30.9714 16.1761 33.3657 19.1175 33.3657C22.0589 33.3657 24.4442 30.9714 24.4504 28.0156H13.7846V28.004Z" fill="#9CA3AF"/>
+<path d="M14.4527 15.9373C14.4527 16.6792 13.8545 17.2806 13.1166 17.2806C12.3786 17.2806 11.7805 16.6792 11.7805 15.9373C11.7805 15.1954 12.3786 14.594 13.1166 14.594C13.8545 14.594 14.4527 15.1954 14.4527 15.9373Z" fill="#9CA3AF"/>
+<path d="M25.1184 15.2657C25.1184 16.0076 24.5202 16.609 23.7823 16.609C23.0444 16.609 22.4462 16.0076 22.4462 15.2657C22.4462 14.5238 23.0444 13.9224 23.7823 13.9224C24.5202 13.9224 25.1184 14.5238 25.1184 15.2657Z" fill="#9CA3AF"/>
+<path d="M35.7842 15.9373C35.7842 16.6792 35.186 17.2806 34.4481 17.2806C33.7102 17.2806 33.112 16.6792 33.112 15.9373C33.112 15.1954 33.7102 14.594 34.4481 14.594C35.186 14.594 35.7842 15.1954 35.7842 15.9373Z" fill="#9CA3AF"/>
+</svg>

package/public/favicon.svg

@@ -0,0 +1,9 @@
+<svg width="24" height="20" viewBox="0 0 24 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.3321 7.34741C20.2769 7.34741 22.6641 4.96017 22.6641 2.01536V10.6641C22.6641 11.7708 21.767 12.6679 20.6603 12.6679H3.33973C2.23304 12.6679 1.33589 11.7708 1.33589 10.6641V2.01536C1.33589 4.96017 3.72314 7.34741 6.66795 7.34741C9.61276 7.34741 12 4.96017 12 2.01536C12 4.96017 14.3872 7.34741 17.3321 7.34741Z" fill="#9CA3AF"/>
+<path d="M12 2.00384L12 2.01536C12 2.01151 12 2.00768 12 2.00384Z" fill="#9CA3AF"/>
+<path d="M11.3321 14.0038C11.3383 16.9434 13.7231 19.3244 16.6641 19.3244C19.6051 19.3244 21.9899 16.9434 21.9962 14.0038H11.3321Z" fill="#9CA3AF"/>
+<path d="M2.00384 14.0038C2.00384 14.0077 2.00383 14.0115 2.00384 14.0154C2.01006 16.9549 4.39493 19.3359 7.3359 19.3359C10.2769 19.3359 12.6617 16.9549 12.6679 14.0154H2.00384V14.0038Z" fill="#9CA3AF"/>
+<path d="M2.67179 2.00384C2.67179 2.74163 2.07369 3.33973 1.33589 3.33973C0.598099 3.33973 0 2.74163 0 2.00384C0 1.26605 0.598099 0.667946 1.33589 0.667946C2.07369 0.667946 2.67179 1.26605 2.67179 2.00384Z" fill="#9CA3AF"/>
+<path d="M13.3359 1.33589C13.3359 2.07369 12.7378 2.67179 12 2.67179C11.2622 2.67179 10.6641 2.07369 10.6641 1.33589C10.6641 0.598099 11.2622 0 12 0C12.7378 0 13.3359 0.598099 13.3359 1.33589Z" fill="#9CA3AF"/>
+<path d="M24 2.00384C24 2.74163 23.4019 3.33973 22.6641 3.33973C21.9263 3.33973 21.3282 2.74163 21.3282 2.00384C21.3282 1.26605 21.9263 0.667946 22.6641 0.667946C23.4019 0.667946 24 1.26605 24 2.00384Z" fill="#9CA3AF"/>
+</svg>

package/public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /

package/src/__test__/utils/index.test.ts

@@ -0,0 +1,90 @@
+import {
+  addOssWebpProcessStyle,
+  calcDefaultImgSize,
+  delay,
+  floatNumberToPercentageString,
+  getEnv,
+  minDelay,
+} from "@/utils";
+import { ossProcessType } from "@/types/oss";
+import { OSS_PHOTOS } from "@/constants/photos";
+
+jest.useFakeTimers();
+jest.spyOn(window, "setTimeout");
+
+describe("calcDefaultImgSize", () => {
+  it("should respect default width", () => {
+    const dw = 500;
+    expect(calcDefaultImgSize(OSS_PHOTOS.shopping, dw).width).toEqual(dw);
+  });
+  it("should return 576 as default width when photo is horizontal", () => {
+    expect(calcDefaultImgSize(OSS_PHOTOS.stone).width).toEqual(576);
+  });
+  it("should return 384 as default width when photo is horizontal", () => {
+    expect(calcDefaultImgSize(OSS_PHOTOS.player).width).toEqual(384);
+  });
+});
+
+describe("floatNumberToPercentageString", () => {
+  it("should return percentage string correctly", () => {
+    expect(floatNumberToPercentageString(0.8)).toBe("80%");
+  });
+});
+
+describe("addOssWebpProcessStyle", () => {
+  it("should return original url when image's url is invalid", () => {
+    const originalUrl = "foo";
+    expect(addOssWebpProcessStyle(originalUrl, ossProcessType.WEBP)).toEqual(
+      originalUrl
+    );
+  });
+
+  it("should add oss style to url correctly", () => {
+    const originalUrl =
+      "https://zjh-im-res.oss-cn-shenzhen.aliyuncs.com/image/xiang-jiang-river/DSCF2203-1.jpg";
+    expect(addOssWebpProcessStyle(originalUrl, ossProcessType.WEBP)).toEqual(
+      `${originalUrl}?x-oss-process=style/${ossProcessType.WEBP}`
+    );
+  });
+});
+
+describe("delay", () => {
+  it("should delay correctly", () => {
+    delay(5000);
+    expect(setTimeout).toHaveBeenCalledTimes(1);
+    expect(setTimeout).toHaveBeenLastCalledWith(expect.any(Function), 5000);
+  });
+});
+
+describe("minDelay", () => {
+  it("should delay at least specific duration", () => {
+    const promise = delay(1000);
+    expect(minDelay(promise, 2000)).toEqual(promise);
+    expect(setTimeout).toHaveBeenLastCalledWith(expect.any(Function), 2000);
+  });
+});
+
+describe("getEnv", () => {
+  it("should return development when href start with http://localhost", () => {
+    const locationSpy = jest.spyOn(window, "location", "get");
+    locationSpy.mockImplementation(
+      () =>
+        ({
+          href: "http://localhost:3000",
+        } as Location)
+    );
+    expect(getEnv()).toEqual("development");
+    locationSpy.mockRestore();
+  });
+  it("should return production when href is NOT start with http://localhost", () => {
+    const locationSpy = jest.spyOn(window, "location", "get");
+    locationSpy.mockImplementation(
+      () =>
+        ({
+          href: "https://bbki.ng",
+        } as Location)
+    );
+    expect(getEnv()).toEqual("production");
+    locationSpy.mockRestore();
+  });
+});

package/src/app.tsx

@@ -0,0 +1,97 @@
+import React, { useContext } from "react";
+import { Routes, Route, Outlet } from "react-router-dom";
+import {
+  Nav,
+  Page,
+  ThreeColLayout,
+  NotFound,
+  ErrorBoundary,
+} from "@bbki.ng/components";
+import { HotKeyNav, Stickers } from "./components";
+import { Cover } from "./pages";
+
+import Png from "@/pages/extensions/png";
+import ArticlePage from "@/pages/extensions/txt/article";
+import NowPage from "@/pages/now";
+import PhotoProjects from "@/pages/extensions/png/png_projects";
+import Tags from "@/pages/tags";
+import TagsResult from "@/pages/tags/tag_result";
+import Txt from "@/pages/extensions/txt";
+
+import { usePaths } from "@/hooks";
+import { Login } from "@/pages/login";
+import { SWR } from "@/swr";
+import {
+  GlobalLoadingContext,
+  GlobalLoadingStateProvider,
+} from "@/global_loading_state_provider";
+import { useScrollToTop } from "@/hooks/useScrollToTop";
+
+const Layout = () => {
+  const { isLoading } = useContext(GlobalLoadingContext);
+  return (
+    <>
+      <Page
+        nav={
+          <Nav paths={usePaths()} className="blur-cover" loading={isLoading} />
+        }
+        main={<Outlet />}
+        footer={null}
+      />
+    </>
+  );
+};
+
+const threeColWrapper =
+  <T extends object>(Component: any) =>
+  (props: T) => {
+    return (
+      <ThreeColLayout
+        middleRenderer={() => (
+          <ErrorBoundary>
+            <Component {...props} />
+          </ErrorBoundary>
+        )}
+      />
+    );
+  };
+
+const NowInMidCol = threeColWrapper(NowPage);
+const ContentInMidCol = threeColWrapper(Txt);
+const ArticleInMidCol = threeColWrapper(ArticlePage);
+const TagsInMidCol = threeColWrapper(Tags);
+const LoginInMidCol = threeColWrapper(Login);
+const TagsResultInMidCol = threeColWrapper(TagsResult);
+const CoverInMidCol = threeColWrapper(Cover);
+
+export const App = () => {
+  return (
+    <SWR>
+      <HotKeyNav>
+        <Stickers />
+        <GlobalLoadingStateProvider>
+          <Routes>
+            <Route path="/" element={<Layout />}>
+              <Route index element={<CoverInMidCol />} />
+              <Route path="/projects" element={<Png />} />
+              <Route path="/projects/:id" element={<PhotoProjects />} />
+
+              <Route path="now" element={<NowInMidCol />} />
+              <Route path="tags" element={<TagsInMidCol />} />
+              <Route path="tags/:tag" element={<TagsResultInMidCol />} />
+
+              <Route path="blog" element={<ContentInMidCol />} />
+              <Route path="blog/:title" element={<ArticleInMidCol />} />
+              <Route path="blog/:title/:id" element={<PhotoProjects />} />
+
+              <Route path="login" element={<LoginInMidCol />} />
+            </Route>
+            <Route path="*" element={<NotFound />} />
+          </Routes>
+        </GlobalLoadingStateProvider>
+      </HotKeyNav>
+    </SWR>
+  );
+};
+
+export default App;

package/src/articles/anti-logic.mdx

@@ -0,0 +1,61 @@
+---
+title: 与或非禁区
+---
+
+**1. 古老的小区**
+
+我搬进 \
+一个古老的小区的胃里
+
+堆积的法国梧桐树叶 \
+和我的过往 \
+加重了它消化不良的症状
+
+北方的冷空气穿过冲积平原 \
+匍匐在小区旁的江面休息 \
+玩闹
+
+手拉着手的山脉远在南边等候 \
+胃壁从此有水珠渗出
+
+我的浴巾不再干燥
+
+**2. 信**
+
+被子折叠成信封 \
+身体干瘪成信纸
+
+睡梦邮递心事。
+
+**3. 梦里的事**
+
+梦里一群恒星散落在 \
+外婆家屋后的草丛
+
+梦里在摩天大楼上空蛙泳
+
+梦里变成凶杀犯被通缉
+
+梦里牙齿全部脱落 \
+一点也不痛
+
+**3. 清明后**
+
+左手是右手的手写板 \
+五官不是心脏的显示屏 \
+面无表情 \
+手指划着手心
+
+键盘上有飞蛾的卵 \
+地毯下是腐烂的地板 \
+没有把的拖把 \
+已被晒干
+
+通话质量不佳 \
+扬声器变得沙哑 \
+Siri 把熊仔念成了熊子 \
+乘着吹进车窗的 \
+横风飘过副驾驶 \
+飘进山谷带着 \
+笑声、雾 \
+消失在海拔五百二十米的高度

package/src/articles/bbking-manual.mdx

@@ -0,0 +1,88 @@
+---
+title: 说明书
+tags:
+  - bbki.ng
+---
+
+import { OSS_PHOTOS } from "@/constants/photos";
+import { Link, Img } from '@bbki.ng/components';
+
+## 目录
+
+
+## 域名
+bbki.ng 是在 [upper link](https://upperlink.ng/) 购买的尼日利亚域名。
+
+## 接口
+<Link external to="https://api.bbki.ng">api.bbki.ng</Link>
+
+## 标识使用
+
+<Link external to="https://zjh-im-res.oss-cn-shenzhen.aliyuncs.com/zip/LOGOs.zip">下载</Link>
+
+<Img {...OSS_PHOTOS.logoPreview} renderedWidth={200} removeBlurBgAfterLoad />
+
+### 目的
+
+以下规范用于保证网站标识使用时，能得到最佳视觉效果。
+
+### 规范
+
+#### 颜色
+
+<Img {...OSS_PHOTOS.logoColors} renderedWidth={600} removeBlurBgAfterLoad />
+
+#### 尺寸
+标识宽高不得小于 24 像素。
+
+#### 禁区
+
+禁区宽度为图标宽度的一半
+
+<Img {...OSS_PHOTOS.logoExcludesZone} renderedWidth={300} />
+
+#### 合法变体
+
+##### 纯色背景
+
+<Img {...OSS_PHOTOS.logoVariants} renderedWidth={600} removeBlurBgAfterLoad />
+
+##### 图片背景
+<Img {...OSS_PHOTOS.validLogoExample} renderedWidth={300} />
+
+#### 非法误用
+
+- 禁止旋转
+- 禁止前景背景色出现合法变体外的组合
+- 禁止拉伸、压缩
+- 禁止使用描边形式
+- 禁止修改增删
+- 禁止图标越过禁区
+- 禁止添加文字
+- 禁止添加投影
+
+#### 错误示例
+
+<Img {...OSS_PHOTOS.badLogoExamples} renderedWidth={600} removeBlurBgAfterLoad />
+
+## 快捷键
+
+在浏览本站的过程中，需要频繁在路由间跳转，除了点击超链接的方式，也可以直接按下对应的快捷键进行跳转。下表是快捷键说明。
+
+| 快捷键 | 含义       | 描述                           |
+| :----- | :--------- | :----------------------------- |
+| `h`    | help       | 跳转到本文                     |
+| `i`    | index      | 跳转到首页                     |
+| `c`    | content | 跳转到目录页                     |
+| `shift + t`    | tags        | 跳转到标签列表                 |
+| `f`    | forward    | 前进一页                       |
+| `b`    | back       | 后退一页                       |
+| `s`    | source     | 查看本站源代码                 |
+
+跳转到目标页面后，按下 tab 可方便地进一步选择目标链接。
+
+## 维护者
+### 最近在干嘛？
+<Link to="/now">动态</Link>
+### 联系
+b@bbki.ng

package/src/articles/black-river.mdx

@@ -0,0 +1,8 @@
+---
+title: 六月
+tags:
+  - 随笔
+  - 梦
+---
+
+梦见一条巨大、扭曲、干涸的黑色河流，它穿过城市，充斥着整个视野。梦中只有我，和河边篮球场玩滑板的一群陌生孩子。

package/src/articles/cooldown.mdx

@@ -0,0 +1,12 @@
+---
+title: 降温
+tags:
+  - 随笔
+  - 天气
+---
+
+跟去年一样，第一时间感受到了降温。不同的是，去年是走在路上突然反应过来，与低温偶遇。今年像被大队人马包围，为首的用喇叭喊话告知，你应该向低温投降。国庆跟朋友还不止一次聊起，记得某年国庆室友结婚我们已经在烤电火炉，为什么现在还是短袖呢？几天后，气温骤降。低温劈头盖脸而来。
+
+越来越喜欢描述气候特点的词汇：四季分明，雨热同期，春秋短促，冬夏绵长，低温寡照，阴雨连绵。像朴素的大道理，包罗万象。「越冬作物可安全越冬，缓慢生长」，提到作物的句子也充满关心像母亲的语气。
+
+作为湖南人自己会经常忘了这片土地大部分位于洞庭湖以南的事实。湘赣交界诸山和武陵山脉、雪峰山脉、南岭山脉，把东西南三面围住，唯独北边是冲积平原，洞开接收来自北方的寒意。

package/src/articles/fall.mdx

@@ -0,0 +1,8 @@
+---
+title: 大雪
+tags:
+  - 随笔
+  - 天气
+---
+
+大雪节气过后，气温更低、起床变得更加困难。去吃粉的途中，发现街道两边的车顶和挡风玻璃上都铺满了落叶，地面上的落叶也铺得很厚。想要把落叶拢到一起，已经不能用常规的扫地动作。店家握着扫把一端，用小腹抵住往前推，人和扫把模拟出一辆简易版推土机。往前推进很短的距离，落叶便隆成一个小丘。地铁口的自动扶梯前有一片落叶，黄叶孤零零躺在不锈钢面板上，听着扶梯传动系统发出的枯燥声音。当代艺术中心大楼前的人工水池里也泡着落叶，有大叔用网兜打捞。不远处的草坪有人和银杏落叶合影。落叶和落雪给人们带来类似的烦恼和喜悦。