feat: ✨ add 雪中

src/components/DictumList.tsx

@@ -1,10 +1,11 @@
 import { uuid } from 'zhuba-tools';
 import { createSwapy } from 'swapy';
 
-import { dictums } from '../data/dictum';
+import { dictums as defalutDictums } from '../data/dictum';
 import { useEffect } from 'react';
 
-const DictumList = () => {
+const DictumList = (props: { origin?: string; dictums?: Array<string> }) => {
+  const { origin = `—— 烽火戏诸侯《剑来》`, dictums = defalutDictums } = props;
   useEffect(() => {
     const container = document.querySelector('#container')!;
     const swapy = createSwapy(container, {
@@ -29,7 +30,6 @@ const DictumList = () => {
     };
   }, []);
 
-  const origin = `—— 烽火戏诸侯《剑来》`;
   return (
     <div className="grid gap-8 p-8 md:grid-cols-2 lg:grid-cols-3" id="container">
       {dictums.map((dictum, index) => (

src/components/Navbar.tsx

@@ -10,14 +10,14 @@ const Navbar = () => {
       </li>
       <div className="navbar-end flex-grow flex justify-end items-center space-x-4">
         <li className="hover:text-black transition duration-200 ease-in-out">
-          <Link to="/">首页</Link>
+          <Link to="/">剑来</Link>
         </li>
         <li className="hover:text-black transition duration-200 ease-in-out">
-          <Link to="/list">小说列表</Link>
+          <Link to="/xuezhong">雪中</Link>
         </li>
-        <li className="hover:text-black transition duration-200 ease-in-out">
+        {/* <li className="hover:text-black transition duration-200 ease-in-out">
           <Link to="/search">搜索</Link>
-        </li>
+        </li> */}
       </div>
     </ul>
   );

src/data/dictum.ts

@@ -183,6 +183,88 @@ export const dictums: Array<string> = [
   .filter((value, index, self) => self.indexOf(value) === index)
   .sort((a: string, b: string) => a?.length - b?.length);
 
-export const dictums1: Array<string> = []
+export const dictums1: Array<string> = [
+  '“不练剑了。”',
+  '情到深处，知悔不愿悔。',
+  '生死何其大，生死何其小',
+  '人吃土一辈，土吃人一回。',
+  '你是我的禅，秀色可“参”。',
+  '多思者必心累，心重者必心苦。',
+  '人生当苦无妨，良人当归即好。',
+  '天人无忧便无忧，世人自扰且自扰',
+  '清风徐徐徐凤年，年年有鱼鱼幼薇',
+  '一杯桂酒入嘴去，两朵桃花脸上来',
+  '试问天上仙人，谁敢来此人间？！',
+  '天上剑仙三百万，见我也须尽低眉。',
+  '天不生我李淳罡，剑道万古长如夜。',
+  '身后纵有万古名，不如生前一杯酒。',
+  '世间文字八万个，唯独情字最伤人。',
+  '自己提笔写书，不如清风翻书人看书。',
+  '人生两苦，想要却不得，拥有却失去。',
+  '世间纵有千场雪， 人间再无悍刀行。',
+  '此剑荡平天下不平事，无愧天下有愧人。',
+  '故事故事，便是故去的事情了，多说无益。',
+  '有些女子，明知很不好，可就是放不下的。',
+  '陪着你的是缘分也是情分，人和物也是如此。',
+  '今日笑且由人笑去，不妨再过十年看谁笑谁！',
+  '别的禅，我都不修。独你是我的禅，秀色可餐。',
+  '“何必为死人写诗歌，不如死在此地留遗言！”',
+  '有些事对了，另外一些事情都错了也没有关系。',
+  '红豆生南国，春来发枝冬凋敝，相思不如不相思。',
+  '女子无情时，负人最狠。女子痴情时，感人最深。',
+  '不握剑了，握着她的手，这样的江湖，比什么都好',
+  '顺心如意何其难，不妨退而求其次，求个问心无愧。',
+  '姜姒笑着的时候就有两个酒窝，一个倾国，一个倾城。',
+  '人活一世，不过就是生死两事，来时既哭，去时当笑。',
+  '我心净时，何时不见如来。 我心净处，何处不是西天。',
+  '无醇酒美人，不愿来此人间。无快剑挚友，不愿老此江湖。',
+  '人活一世，成年后不论是苦是福，那都怨不得天地父母了。',
+  '人生不如意之事七八九，幸，有一二三能与人言。善，大善。',
+  '以后你就会明白，有些女子，明知很不好，可就是放不下的。',
+  '人生不如意之事七八九，苦事；终归还能与人言一二三，幸事。',
+  '世间人，纵有不舍，终有离别。世间事，纵有遗憾，且放心间。',
+  '易事，难事，风雨事，江湖事，王朝事，天下事，都不过一剑的事。',
+  '一起享福是难得的好事，退而求其次，能有人陪着一起吃苦，也不差',
+  '书上说天下没有不散的筵席，但你别怕，书上还说了人生何处不相逢。',
+  '我喝过很烈的酒，也放过不该放的手，以前不会回头，往后不会将就。',
+  '大凰城上竖降旗，唯有佳人立墙头。十八万人齐卸甲，举国无一是男儿！',
+  '书上说，天下没有不散的宴席。不要怕，书上还说了，人生何处不相逢。',
+  '我曾醉酒鞭名马，我曾年少掷千金。我曾春秋换春雷，我曾溪底杀指玄。',
+  '她喜欢他，所以她才不要跟他讲道理 他喜欢她，所以他必须要跟她讲道理',
+  '何谓喜欢一个人，遇上她之前不知情为何物，错过之后，便更不知情为何物。',
+  '情之一字，不知所起，不知所栖。不知所结，不知所解。不知所踪，不知所终。',
+  '你喜欢我，不需要理由。 我不喜欢你，有万般理由。 世间情爱，自古辛酸。',
+  '秋树如女子着红衣。卦不敢算尽，只因世道无常。情不敢至深，唯恐大梦一场。',
+  '东西南北，南北东西，只愿相随无别离。 今生来世，来世今生，谁能聚首再相逢？',
+  '什么叫喜欢一个人？那就是见到对方之前，不知情为何物，错过之后，更不知情为何物。',
+  '年少人做年少事，轻狂便轻狂，为赋新词强说愁也无妨。有担当之事留给而立之年再去做！',
+  '此生来生都愿识尽世间好人，读尽世间好书，看尽世间好山水，天上风景再好，从不羡慕。',
+  '世间痴情男儿，不论地位高低，大抵都是喜欢女子便是错了，而且希望能一辈子知错不改。',
+  '飞过广陵江，八百蛟龙惊。世人不知何所求，那袭青衫放声笑：天不生我李淳罡，剑道万古如长夜！',
+  '李当心媳妇儿：闺女，等你长大些，就会明白只要在一个男人心中好看，你就是天下最好看的姑娘了。',
+  '世间百态就是一面镜子，用心多看一人，就等于多擦一次镜面。了应须自了，心不是他心。先做个明白人。',
+  '情之一字，不知所起，不知所栖。不知所结，不知所解。不知所踪，不知所终。 不知你所知，我不知所止。',
+  '我以桃花赊春风，试问神仙给不给。 我以绿蚁买中原，敢问帝王卖不卖。我以白头换白头，不知小娘愿不愿……',
+  '纵有千种风情，纵有万般豪情，与谁说？有谁听？ 世间人，纵是不舍，终有离别。世间事，纵有遗憾，且放心间。',
+  '时间遗憾事，往往起始于再见二字。而世间幸运事，又往往在于之后，真正再见之时。只可惜，遗憾事多，而幸运事少。',
+  '独走独停独自坐，手上青蛇掠白线。独人独衫独自剑，剑尖锋芒生三千。世间无人能识我，只是冷眼笑疯癫。唯有山鬼与龙王，知是神仙在眼前。',
+  '徐凤年无言以对。 年轻时，醉酒鞭名马，是一心想着如何故作豪迈。 真正成熟以后，其实很多时候便是独上层楼了。 身边无人，独上层楼。',
+  '徐凤年呢喃道：“徐婴，你怎么可以如此好看，以至于我在神武城外，在借出春秋剑之前那一刻就想啊，跟你死在一起也不错。” 她的欢喜相在哭，悲悯相在笑。',
+  '太上忘情，非是无情，忘情是寂静不动情，好似遗忘，若是记起，便是至情。正所谓言者所以在意，得意而忘一言，道可道非常道，偶而知道，欲言又止，才算知道。',
+  '可能很快，但也可能是很久很久以后，你才会在某一天明白，当你喜欢一个人，只是那个人不喜欢你，虽然不如两个人相互喜欢，但比起你连一个喜欢的人都没有，要幸运很多。',
+  '棋盘上，黑白棋子，落子如飞。曹长卿轻声道：“春秋之中，风雨飘摇，有人抱头痛哭，有人檐下躲雨，有人借伞披蓑，唯我大楚绝不避雨，宁在雨中高歌死，不去寄人篱下活。”',
+  '老人笑道：“小丫头，知道什么叫喜欢一个人吗？”。 绿袍儿转过头，干脆不去看这个让人糟心的老头子。 老人自问自答到：“那就是见到对方之前，不知情为何物，错过之后，更不知情为何物。”',
+  '青草明年生，大雁去又回。 春风今年吹，公子归不归？ 青石板青草绿，青石桥上青衣郎，哼着金陵调。 谁家女儿低头笑？ 黄叶今年落，一岁又一岁。 秋风明年起，娘子在不在？ 黄河流黄花黄，黄河城里黄花娘，扑着黄蝶翘。 谁家儿郎刀在鞘？',
+  '她被一剑洞穿心胸时，曾惨白笑言：“天不生你李淳罡，很无趣呢。”李淳罡大声道：“剑来！”徽山所有剑士的数百佩剑一齐出鞘，向大雪坪飞来。龙虎山道士各式千柄桃木剑一概出鞘，浩浩荡荡飞向牯牛大岗。两拨飞剑。遮天蔽曰。这一曰，剑神李淳罡再入陆地剑仙境界。',
+  '一两愿你江南多雨带油伞。 二两愿你酷暑可以轻摇扇。 三两愿你入冬莫忘添衣衫。 四两愿你年年多聚无离散。 五两愿你无病无忧心常宽。 六两愿你无风无雨长相欢。 六两三。 余下三。 我在西北，一关接一关。 与你相隔，一山又一山。 最后只愿我，知道你平安。',
+  '君只见，君只见听潮湖万鲤跳龙门！ 独不见清凉山，有名石碑不计数！ 君只见，君只见葫芦口头颅筑京观！ 独不见高墙下，死人骸骨相撑拄！ 君只见，君只见凉州北策马啸西风！ 独不见边关南，琅琅书声出破庐！ 君只见，君只见三十万铁骑甲天下！ 独不见北凉人，家家户户皆缟素……',
+  '我以春秋笔法，书写慷慨悲歌。 以白马出凉州，单衣入江湖。 以三尺青锋剑，葬武袍藏江湖。 以酒铺就华年，以剑作别王侯。 以山作榻，以地为被， 以天地为枕，以酒作别离。 以星为媒，以月为证， 以天下为嫁妆，以江山做承诺。 以白马出凉州，以华年作别离。 以三尺青锋剑，以天下为敌。 以酒作别离，以剑葬武袍。 以春秋笔法，以天下为嫁妆。 以江山做承诺，以你为妻。',
+  '宋知命记起许多年前一件小事，打趣道：“小师弟，这一年时间你可没少跟世子殿下套近乎，怎么，舍不得那姓徐的红衣姑娘？如果没有记错，当年那女娃娃在大雪天裹了一身大红上山，你眼睛都看直了。” 洪洗象苦笑道：“三师兄，连你都来！那时候我才十四岁，懂什么。” 宋知命笑问道：“你今年几岁？” 从不记这个的洪洗象很用心掐指算了算，“二十四？二十五？” 宋知命玩味笑道：“那你倒是记得清楚是十四岁见到那女孩？” 洪洗象不说话了，继续对着天空发呆。',
+  '北凉镇灵歌 北凉参差百万户， 其中多少铁衣裹枯骨？ 功名付与酒一壶， 试问帝王将相几抔土？ 山上走兔，林间睡狐， 气吞万里如虎。 珍珠十斛，红泥火炉， 素手蛮腰成孤。 十万弓弩，射杀无数。 百万头颅，滚落在路。 好男儿，莫要说那天下英雄入了吾谷。 小娘子，莫要将那爱慕思量深藏在腹。 来来来，试听谁在敲美人鼓？吴家有女穿缟素。 来来来，试看谁是阳间人屠？徐字王旗在逐鹿。 来来来，试问谁与我共江湖？绿袍青衫去酆都。 来来来，试笑谁画玉京尊',
+  '我大楚曾有人用兵多多益善，势如破竹，七十二大小战役，无一败绩，心神往之。 我大楚有人诗文如百石之弓，千斤之弩，如苍生头顶悬挂满月，让后辈生出只许磕头不许说话的念头，真是壮丽。 我大楚有人手谈若有神明附体，腕下棋子轻敲却如麾下猛将厮杀，气魄奇绝。 我大楚百姓，星河灿烂，曾有诸子寓言、高僧说法、真人讲道，人间何须羡慕天上。 春秋之中，风雨飘摇，有人抱头痛哭，有人檐下躲雨，有人借伞披蓑，唯我大楚绝不避雨，宁在雨中高歌死，不去寄人篱下活。 你生死都在这样的大楚，我也在，一直都在。 这个天下说是你害大楚亡国，我曹长卿！不答应！',
+  '耶律楚才，慷慨赴死。 策马前冲的途中，他笑了，这个年轻人想起了姐夫身边那个叫陶满武小丫头，想起了她经常哼唱的一支曲子，他曾经尝试着跟着小丫头还有他姐姐一起哼唱，却被姐夫笑骂成比战马打响鼻还难听，在那以后他就悻悻然不再为难自己了。 青草明年生，大雁去又回。 春风今年吹，公子归不归？ 青石板青草绿，青石桥上青衣郎，哼着金陵调。 谁家女儿低头笑？ 黄叶今年落，一岁又一岁。 秋风明年起，娘子在不在？ 黄河流黄花黄，黄河城里黄花娘，扑着黄蝶翘。 谁家儿郎刀在鞘？ 耶律楚才望了一眼手中那把已有两处裂口的战刀，抬头后大笑道：“大雁去又回，公子我今年不归了！”',
+  '月下大庚角誓杀贴 西蜀月，山河亡。东越月，山河亡。大江头，百姓苦，大江尾，百姓苦。 昔年秋月比天狼 ，七杀遥指西楚王 。金风直掠城门上 ，吾皇 ，国亡 。 回首故国玉殿秋 ，菊满皇都月苍茫 。鸿雁不来满国殇 ，人伤 ，菊黄 。 家国回望九万里 ，从此不再西楚望 。哀声不闻心冰凉 ，十里外 ，铁蹄响 。 哭声十里悲凉意 ，父上高楼仰天笑 ，血泪不止人悲怆 。哀 ，国亡 。 伤 ，至此多少家离散 ，不堪想 。 徐字王旗悍卒现 ，一字披甲刀光凌 。月上中天 ，天狼七杀月！ 一女子 ，袭白衣 ，上王旗鱼龙鼓下 ，手持锤 ，声响中军音不绝 。 骁勇六百北凉骑 ，锦州死战十八营 。城不破之鼓不歇 ，鼓不歇之',
+]
   .filter((value, index, self) => self.indexOf(value) === index)
   .sort((a: string, b: string) => a?.length - b?.length);
+console.log(dictums1);

src/main.less

@@ -5,8 +5,19 @@
 body {
   min-height: 100vh;
   margin: 0;
-  font-family: "LXGW WenKai", -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
-    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  font-family:
+    'LXGW WenKai',
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    'Roboto',
+    'Oxygen',
+    'Ubuntu',
+    'Cantarell',
+    'Fira Sans',
+    'Droid Sans',
+    'Helvetica Neue',
+    sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

src/router/index.tsx

@@ -5,6 +5,7 @@ import SearchPage from '../views/SearchView';
 import BookView from '../views/BookView';
 import BookChapter from '../views/BookChapter';
 import Navbar from '../components/Navbar';
+import XueZhongView from '../views/XueZhongView';
 
 const router = createBrowserRouter(
   [
@@ -26,6 +27,15 @@ const router = createBrowserRouter(
         </>
       ),
     },
+    {
+      path: '/xuezhong',
+      element: (
+        <>
+          <Navbar />
+          <XueZhongView />
+        </>
+      ),
+    },
     {
       path: '/search',
       element: (

src/views/XueZhongView.tsx

@@ -0,0 +1,25 @@
+import { useEffect, useState } from 'react';
+import DictumList from '../components/DictumList';
+import Loading from '../components/Loading';
+import { dictums1 } from 'data';
+
+const XueZhongView = () => {
+  const [isLoading, setIsLoading] = useState(true);
+  useEffect(() => {
+    setTimeout(() => {
+      setIsLoading(false);
+    }, 1000);
+  }, []);
+
+  return (
+    <main className="container mx-auto">
+      {isLoading ? (
+        <Loading />
+      ) : (
+        <DictumList origin="—— 烽火戏诸侯《雪中悍刀行》" dictums={dictums1} />
+      )}
+    </main>
+  );
+};
+
+export default XueZhongView;