add: two articles, archive, a set: technology

.vitepress/config.mts

@@ -11,6 +11,7 @@ export default defineConfig({
     // https://vitepress.dev/reference/default-theme-config
     nav: [
       { text: 'Fuyutsuki Toya', link: '/toya-kawaii/toya' },
+      { text: 'Technology', link: '/tech/tech ' },
       { text: 'Home', link: '/' },
       { text: 'Friends', link: '/other/friends'}
     ],
@@ -23,8 +24,16 @@ export default defineConfig({
         ],
       },
       {
-        text: 'other',
+        text: 'Technology',
         items: [
+          { text: '综述', link: '/tech/tech' },
+          { text: '一个初级的C语言序列化实现', link: '/tech/c-language-serialization' },
+        ]
+      },
+      {
+        text: 'Other',
+        items: [
+          { text: 'Blog archive', link: '/other/blog-archive' },
           { text: 'Friends', link: '/other/friends' },
           { text: 'About me', link: '/other/about-me' },
         ]

articles/index.md

@@ -13,6 +13,9 @@ hero:
     - theme: brand
       text: Who is Toya? 
       link: /toya-kawaii/toya
+    - theme: alt
+      text: Technology 
+      link: /tech/tech
     - theme: alt
       text: Friends
       link: /other/friends
@@ -22,9 +25,9 @@ hero:
 features:
   - title: Toya Kawaii !!
     details: including toya's introduce, and my love for toya
-  - title: About me
-    details: ...Just a chaotic doom
   - title: Technology
     details: a newbie's programming record
+  - title: About me
+    details: ...Just a chaotic doom
 ---
 

articles/other/blog-archive.md

@@ -0,0 +1,43 @@
+# blog开发历程
+## blog由来（？
+
+建立blog其实只是一时兴起吧，总的来说是先有域名再有blog的 ~~一定不是因为有了域名之后觉得空着好浪费才建的~~ 
+
+至于为什么要没事买个~~贵的要死的14刀每年的~~.moe域名，完全是因为~~太喜欢十夜了~~生日当天某人提议的给自己买个礼物，想了想就买个域名吧，以后无论要干什么姑且都会用到，.moe听上去好听然后加上自己最喜欢的十夜名字的罗马音toya，就成了现在这个博客所使用的域名   
+
+买了之后过了两天，想了想有点心疼价格~~虽然也是完全没后悔~~，于是和主前端还做了论坛网站的的朋友（也就是鲲）讨论了要不要在域名上做个什么，最后在鲲的协助下做出了现在这个blog  
+
+## 开发过程（大概会持续更新  
+
+::: details 24.03
+* 24.03.16 晚 确立建设blog的规划，网页使用`vitepress`框架，静态托管到`github pages`，并将域名托管到`cloudflare`上 
+
+* 24.03.17 凌晨 鲲生成`vitepress`框架模板，pr到网站repo  
+
+* 24.03.20 凌晨 将原本纯粹的`vitepress`模板中的主页文字，网页标题等做了替换，右上角github图标指向的链接由默认的 [vitepress项目地址](https://github.com/vuejs/vitepress) 改为 [blog的项目地址](https://github.com/funeral-rain/toya.moe) ；修改cf配置，强制网站https访问    
+
+* 24.03.20 傍晚 添加了网站主题角色 [**冬月十夜** 的介绍文章](/toya-kawaii/toya.html) ，并在侧栏，顶栏和主页添加该文章地址  
+
+* 24.03.21 凌晨 修改整理article区结构~~导致网页的路由改变~~，在鲲的帮助下给blog添加分别适用于小屏幕和大屏幕的背景图片~~顺带学习了一轮ps使用以制作背景图~~，添加背景图的方法为修改`#app`的`background`相关属性，使用媒体查询`@media (max-width: 767px){...}`切换屏幕不同大小使用的背景图，期间鲲提pr帮我把侧栏顶栏等位置的颜色设定为透明让添加了背景图片的网页看起来不会奇怪
+
+* 24.03.22 全天
+* 通过修改一般情况下`.VPNavBar` `.container`的`backdrop-filter`属性为`blur(5px)`，使得电脑等大屏幕下顶栏变为毛玻璃样式；以相同的方式修改`.VPLocalNav` `.VPNavScreen` `.VPSidebar`，使得电脑等大屏幕下侧栏也变为毛玻璃样式
+* 通过添加`@media (max-width: 960px){...}`，修改屏幕像素小于960px时的`--vp-c-bg` `--vp-c-bg-alt`属性分别为`#fffdf1de` `#fffdf1ee`，将小屏幕的顶栏/底栏带上颜色，使得小屏幕的顶栏/底栏展开时看起来不会奇怪
+* 依葫芦画瓢，修改`html.dark`下的两张背景图~~做法方法并不优雅，现在blog有四张背景图文件~~，还有小屏幕的顶栏/底栏颜色（`--vp-c-bg`修改为`#1e1f33de`,`--vp-c-bg-alt`修改为`#1e1f33ee` ~~有人对这点要素察觉吗~~），实现对深色模式的适配
+
+* 24.03.23 上午 使用ps抠图制作了十夜logo，并添加到网站主页，修改了网站主页字体颜色让视觉效果更佳
+* 自此本blog界面基本完成（大概只是第一版
+---
+* 24.03.24 晚 添加文章友链    
+:::
+::: details 24.04
+* 24.04.07 晚 用新抠的图替换了原本的主页logo，把樱花摸鱼的sd原图里的另一些烟花效果也合并了进去     
+
+* ~~24.04.16 晚 由于是在课上用平板的obsidian写这篇文章，平板连接不到电脑，尝试在github网页上直接把文章push进去结果就是build失败（毕竟html都没编译出来怎么可能能生成网页呢~~    
+:::    
+
+## 目前blog存在的issues＆ToDoList    
+
+* 首先当然就是背景图的问题，由于完全不会前端，现在必须得有四张背景图，也就是大屏幕/小屏幕和亮色/暗色四项排列组合的四种情况各需要一张，后续学会了用css遮罩的话可以减少到两张
+* 友链页面目前的展示方式有点过于简陋了，后续会想办法把头像以圆形的形式展示，并把名字，头像，social links放在一个框里以卡片的形式展示
+* about me不知道该写啥~~一定不是因为懒~~，写少了没感觉写多了怕追踪，先留着吧 ~~反正知道我blog的人不可能没在其他地方看到过我~~

articles/tech/c-language-serialization.md

@@ -0,0 +1,3 @@
+# 一个初级的C语言序列化实现
+
+* 施工中。。。

articles/tech/tech.md

@@ -0,0 +1,11 @@
+# A newbie's programming record
+---
+这个分区会放一些技术性的文章 ~~当然只是为了给未来的自己看的~~    
+
+* 如果有胡言乱语和行为迷惑，教程错误什么的行为请嘴下留情( ; ω ; )
+
+## articles
+
+*因为文章数量还少，暂不做分类*
+
+* [一个初级的C语言序列化实现](/tech/c-language-serialization)