diff --git a/src/components/ArticleSnippet.tsx b/src/components/ArticleSnippet.tsx index a7ac17d..9865739 100644 --- a/src/components/ArticleSnippet.tsx +++ b/src/components/ArticleSnippet.tsx @@ -11,8 +11,8 @@ export const About = () => {

保罗 API 基本上作为一只辅助角色，默默无闻的服务着其他主要项目，这便是它存在的意义。像「随机动漫壁纸」接口就是为 Single 主题量身定做的，既符合主题外观特性，又能满足其他人的快捷使用。它诞生于 2018 年 4 月，是保罗入门后端和 PHP 语言的主要项目之一。

项目后端采用原生 PHP 编写，前端是原生 CSS 和 JS，也就是非前后端分离项目，不需要额外的前端 SSR 服务。它没有任何框架加持（自己写的），所以执行速度和并发还是个谜。尽管如此，它也较为稳定的跑了这么久，不是吗？

diff --git a/src/components/Layout/Footer.tsx b/src/components/Layout/Footer.tsx new file mode 100644 index 0000000..f207735 --- /dev/null +++ b/src/components/Layout/Footer.tsx @@ -0,0 +1,29 @@ +// React +import React from "react"; + + +// UI +import { Link } from "react-router-dom"; + + +// Components +function Footer() { + return ( + + ) +} + +export default Footer; diff --git a/src/index.css b/src/index.css index 28d6ea1..02cb0d4 100644 --- a/src/index.css +++ b/src/index.css @@ -287,10 +287,23 @@ main .comments{ footer{ color: #666; padding: 1em 0; - text-align: center; border-top: 1px solid #eee; } +footer p{ + font-size: .875em; +} + +footer .links a::after{ + color: initial; + margin: .25em; + content: "·"; + opacity: .5; +} +footer .links a:last-child::after{ + content: unset; +} + .server-flag{ top: 0; right: 0; diff --git a/src/index.tsx b/src/index.tsx index 7aca33d..875f699 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -6,26 +6,38 @@ import "./index.css"; import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; + +// Components import Aside from "./components/Layout/Aside"; +import Footer from "./components/Layout/Footer"; + + +// Routes import Home from "./pages/index"; +import Notice from "./pages/notice"; +import Log from "./pages/log"; import Netease from "./pages/netease"; import Wallpaper from "./pages/wallpaper"; import ACGM from "./pages/acgm"; import Bing from "./pages/bing"; import NoMatch from "./pages/404"; + function App() { return (