diff --git a/public/static/js/animation.js b/public/static/js/animation.js index d4d38ee..ef340e9 100644 --- a/public/static/js/animation.js +++ b/public/static/js/animation.js @@ -17,6 +17,10 @@ var loadImage = function (index) { if (index >= imageElements.length) return const item = imageElements[index] const image = new Image() + if(!item.src){ + loadImage(index + 1) + return + } image.src = item.src image.onload = function () { loadImage(index + 1) diff --git a/src/components/header/HeaderNavigation.tsx b/src/components/header/HeaderNavigation.tsx index f3d5ba8..cb9d537 100644 --- a/src/components/header/HeaderNavigation.tsx +++ b/src/components/header/HeaderNavigation.tsx @@ -1,9 +1,9 @@ -import React from "react" +import { useState } from "react" import { Navbar, NavbarBrand, NavbarContent, NavbarItem, NavbarMenuToggle, NavbarMenu, NavbarMenuItem, Link } from "@nextui-org/react" import { SITE_TITLE } from "../../consts" export default function App() { - const [isMenuOpen, setIsMenuOpen] = React.useState(false) + const [isMenuOpen, setIsMenuOpen] = useState(false) const menuItems = [ { diff --git a/src/pages/freshman/react/delayImage.tsx b/src/pages/freshman/react/delayImage.tsx new file mode 100644 index 0000000..e811479 --- /dev/null +++ b/src/pages/freshman/react/delayImage.tsx @@ -0,0 +1,25 @@ +import React, { useState, useEffect } from "react" + +interface DelayImageProps { + src: string + alt: string + delay: number // delay in milliseconds +} + +const DelayImage: React.FC = ({ src, alt, delay }) => { + const [loaded, setLoaded] = useState(false) + + useEffect(() => { + const timer = setTimeout(() => { + setLoaded(true) + }, delay) + + return () => clearTimeout(timer) + }, [delay]) + + return ( +
{loaded ? {alt} :

Loading image...

}
+ ) +} + +export default DelayImage diff --git a/src/pages/posts/apple.md b/src/pages/posts/apple.md index bfe4ebe..7fbf2ea 100644 --- a/src/pages/posts/apple.md +++ b/src/pages/posts/apple.md @@ -5,7 +5,7 @@ pubDate: 2000-01-01 description: 'Apple 与 Applied Environmental Research Foundation 合作,将促进印度马哈拉施特拉邦红树林的保育工作' author: 'Apple Newsroom' cover: - url: 'https://www.apple.com.cn/newsroom/images/values/environment/Apple-Earth-Day-India-mangrove-Alibaug-canoe_Full-Bleed-Image.jpg.large_2x.jpg' + url: 'https://www.apple.com.cn/newsroom/images/values/environment/Apple-Earth-Day-India-mangrove-Alibaug-canoe_Full-Bleed-Image.jpg.large.jpg' square: 'https://www.apple.com.cn/newsroom/images/values/environment/Apple-Earth-Day-India-mangrove-Alibaug-canoe_Full-Bleed-Image.jpg.large_2x.jpg' alt: 'cover' tags: ["特写", "环保", "Apple", "印度", "红树林", "保育", "新闻稿"] diff --git a/src/pages/posts/blogs/技术/GO语言/Go语言极限入门.md b/src/pages/posts/blogs/技术/GO语言/Go语言极限入门.md index a83b796..d22546b 100644 --- a/src/pages/posts/blogs/技术/GO语言/Go语言极限入门.md +++ b/src/pages/posts/blogs/技术/GO语言/Go语言极限入门.md @@ -5,7 +5,7 @@ pubDate: 2022-04-19 10:11:26 categories: - 技术 - Go语言 -cover: ./_assets/5973f095d19f42f3b0649a0e2f52f006/image-20220419101405456.png +cover: https://oss.nbtca.space/blog/clas/image-20220419101405456-wHMqwe.jpeg tid: go-first-tutorial description: Go语言入门教程。 permalink: /pages/bd144d/ diff --git a/src/pages/posts/blogs/技术/GO语言/_assets/5973f095d19f42f3b0649a0e2f52f006/image-20220419101405456.png b/src/pages/posts/blogs/技术/GO语言/_assets/5973f095d19f42f3b0649a0e2f52f006/image-20220419101405456.png deleted file mode 100644 index 0d1305a..0000000 Binary files a/src/pages/posts/blogs/技术/GO语言/_assets/5973f095d19f42f3b0649a0e2f52f006/image-20220419101405456.png and /dev/null differ diff --git a/src/pages/posts/blogs/技术/Linux/Linux笔记-信号.md b/src/pages/posts/blogs/技术/Linux/Linux笔记-信号.md index 474f280..411d60d 100644 --- a/src/pages/posts/blogs/技术/Linux/Linux笔记-信号.md +++ b/src/pages/posts/blogs/技术/Linux/Linux笔记-信号.md @@ -5,7 +5,7 @@ pubDate: 2022-04-05 13:13:28 categories: - 技术 - Linux -cover: ./_assets/dfc39c2948664aa78df4a4b4aa11bb2c/20220320105749.png +cover: https://oss.nbtca.space/blog/clas/20220320105749-Lmcbbo.jpeg tid: linux-note-signal description: 有关linux信号的一系列笔记。 permalink: /pages/aff776/ diff --git a/src/pages/posts/blogs/技术/Linux/Linux笔记-文件I-O.md b/src/pages/posts/blogs/技术/Linux/Linux笔记-文件I-O.md index f3962e1..f3280d2 100644 --- a/src/pages/posts/blogs/技术/Linux/Linux笔记-文件I-O.md +++ b/src/pages/posts/blogs/技术/Linux/Linux笔记-文件I-O.md @@ -5,7 +5,7 @@ pubDate: 2022-03-19 22:38:56 categories: - 技术 - Linux -cover: ./_assets/cbea6761a0164906b8396942cf61c664/20220320105749.png +cover: https://oss.nbtca.space/blog/clas/20220320105749-Lmcbbo.jpeg tid: linux-note-file-io description: 有关linux文件io的一系列笔记。 permalink: /pages/82d273/ diff --git a/src/pages/posts/blogs/技术/Linux/Linux笔记-进程.md b/src/pages/posts/blogs/技术/Linux/Linux笔记-进程.md index 2ec15fe..4def06b 100644 --- a/src/pages/posts/blogs/技术/Linux/Linux笔记-进程.md +++ b/src/pages/posts/blogs/技术/Linux/Linux笔记-进程.md @@ -5,7 +5,7 @@ pubDate: 2022-04-05 13:13:35 categories: - 技术 - Linux -cover: ./_assets/f835945d5de246bcabdff51dd984aaf2/20220320105749.png +cover: https://oss.nbtca.space/blog/clas/20220320105749-Lmcbbo.jpeg tid: linux-note-process description: 有关linux进程的一系列笔记。 permalink: /pages/324bec/ diff --git a/src/pages/posts/blogs/技术/Linux/_assets/cbea6761a0164906b8396942cf61c664/20220320105749.png b/src/pages/posts/blogs/技术/Linux/_assets/cbea6761a0164906b8396942cf61c664/20220320105749.png deleted file mode 100644 index 3d481ba..0000000 Binary files a/src/pages/posts/blogs/技术/Linux/_assets/cbea6761a0164906b8396942cf61c664/20220320105749.png and /dev/null differ diff --git a/src/pages/posts/blogs/技术/Linux/_assets/dfc39c2948664aa78df4a4b4aa11bb2c/20220320105749.png b/src/pages/posts/blogs/技术/Linux/_assets/dfc39c2948664aa78df4a4b4aa11bb2c/20220320105749.png deleted file mode 100644 index 3d481ba..0000000 Binary files a/src/pages/posts/blogs/技术/Linux/_assets/dfc39c2948664aa78df4a4b4aa11bb2c/20220320105749.png and /dev/null differ diff --git a/src/pages/posts/blogs/技术/Linux/_assets/f835945d5de246bcabdff51dd984aaf2/20220320105749.png b/src/pages/posts/blogs/技术/Linux/_assets/f835945d5de246bcabdff51dd984aaf2/20220320105749.png deleted file mode 100644 index 3d481ba..0000000 Binary files a/src/pages/posts/blogs/技术/Linux/_assets/f835945d5de246bcabdff51dd984aaf2/20220320105749.png and /dev/null differ diff --git a/src/pages/posts/blogs/技术/Python/Python爬虫实战-爬取TIOBE-TOP20语言排行榜.md b/src/pages/posts/blogs/技术/Python/Python爬虫实战-爬取TIOBE-TOP20语言排行榜.md index fb69f3b..d78289f 100644 --- a/src/pages/posts/blogs/技术/Python/Python爬虫实战-爬取TIOBE-TOP20语言排行榜.md +++ b/src/pages/posts/blogs/技术/Python/Python爬虫实战-爬取TIOBE-TOP20语言排行榜.md @@ -5,7 +5,7 @@ pubDate: 2022-04-05 categories: - 技术 - Python -cover: ./_assets/867f99abfc5c46528fb1d3e570087ed9/data-mining.png +cover: https://oss.nbtca.space/blog/clas/data-mining-mid-urPA5j.jpeg tid: python-spider-tiobe-top description: 使用python爬虫的实践记录。 permalink: /pages/019940/ diff --git a/src/pages/posts/blogs/技术/Python/Python爬虫实战-获取王者荣耀英雄大全.md b/src/pages/posts/blogs/技术/Python/Python爬虫实战-获取王者荣耀英雄大全.md index 30a40f8..40a6530 100644 --- a/src/pages/posts/blogs/技术/Python/Python爬虫实战-获取王者荣耀英雄大全.md +++ b/src/pages/posts/blogs/技术/Python/Python爬虫实战-获取王者荣耀英雄大全.md @@ -5,7 +5,7 @@ pubDate: 2022-04-17 14:07:55 categories: - 技术 - Python -cover: ./_assets/7e03f38d60aa4dec9f98cc3f3c137189/data-mining.png +cover: https://oss.nbtca.space/blog/clas/data-mining-mid-urPA5j.jpeg tid: python-spider-wzry-hero description: 使用python爬虫的实践记录,王者荣耀篇。 permalink: /pages/b8d343/ diff --git a/src/pages/posts/blogs/技术/Python/_assets/7e03f38d60aa4dec9f98cc3f3c137189/data-mining.png b/src/pages/posts/blogs/技术/Python/_assets/7e03f38d60aa4dec9f98cc3f3c137189/data-mining.png deleted file mode 100644 index 61c5834..0000000 Binary files a/src/pages/posts/blogs/技术/Python/_assets/7e03f38d60aa4dec9f98cc3f3c137189/data-mining.png and /dev/null differ diff --git a/src/pages/posts/blogs/技术/Python/_assets/867f99abfc5c46528fb1d3e570087ed9/data-mining.png b/src/pages/posts/blogs/技术/Python/_assets/867f99abfc5c46528fb1d3e570087ed9/data-mining.png deleted file mode 100644 index 61c5834..0000000 Binary files a/src/pages/posts/blogs/技术/Python/_assets/867f99abfc5c46528fb1d3e570087ed9/data-mining.png and /dev/null differ diff --git a/src/pages/posts/nas.md b/src/pages/posts/nas.md index c2a0f5a..93faaf8 100644 --- a/src/pages/posts/nas.md +++ b/src/pages/posts/nas.md @@ -7,7 +7,7 @@ categories: - 更多 - 学习 cover: - url: 'https://oss.nbtca.space/blog/clas/20220312214337.png' + url: 'https://oss.nbtca.space/blog/clas/20220312214337-large-6apW1g.jpeg' description: 寝室软路由的记录,unraid的折腾和各种体验,文件存储,离线下载,游戏服务器…… permalink: /pages/a8d792/ author: diff --git a/src/pages/posts/劳动耕耘社联动.md b/src/pages/posts/劳动耕耘社联动.md index 6241c10..cc15516 100644 --- a/src/pages/posts/劳动耕耘社联动.md +++ b/src/pages/posts/劳动耕耘社联动.md @@ -5,11 +5,13 @@ pubDate: 2024-09-22 description: "和劳动耕耘社的一次联动" author: "小明" cover: - url: "./_assets/duck/yuzhiboban.jpg" + url: "https://oss.nbtca.space/blog/clas/firedragon-TUIrfP-mid-RIQ91K.jpeg" alt: "cover" tags: ["联动", "鹅社"] --- +![会喷火的鹅社社长](https://oss.nbtca.space/blog/clas/firedragon-TUIrfP.jpeg) + 亲爱的朋友们, 感谢大家的热情参与,我们的动物命名活动圆满结束!经过激烈的投票与讨论,最终的名字终于出炉!🎉 diff --git a/src/pages/posts/影留宁理2024.md b/src/pages/posts/影留宁理2024.md index 77f58ae..c110aae 100644 --- a/src/pages/posts/影留宁理2024.md +++ b/src/pages/posts/影留宁理2024.md @@ -5,7 +5,7 @@ pubDate: 2024-06-18 description: ' “时间之河滚滚而去,青春韶华转瞬即逝”' author: 'kongbai' cover: - url: 'https://oss.nbtca.space/blog/clas/YQL05614-5xNq3t.jpg' + url: 'https://oss.nbtca.space/blog/clas/YQL05614-5xNq3t-mid-ulLkGV.jpeg' square: 'https://www.apple.com.cn/newsroom/images/values/environment/Apple-Earth-Day-India-mangrove-Alibaug-canoe_Full-Bleed-Image.jpg.large_2x.jpg' alt: 'cover' tags: ["活动","志愿者", "新闻稿", "影留宁理","摄影","毕业"] diff --git a/src/pages/posts/浙大宁波理工学院觅食指南1.1.md b/src/pages/posts/浙大宁波理工学院觅食指南1.1.md index c51027b..c66cc3a 100644 --- a/src/pages/posts/浙大宁波理工学院觅食指南1.1.md +++ b/src/pages/posts/浙大宁波理工学院觅食指南1.1.md @@ -5,7 +5,7 @@ pubDate: 2024-09-16 description: "好饿...." author: "星璃,I_e_d_" cover: - url: "https://s2.loli.net/2024/09/16/LwYtOGPxEFNUpji.png" + url: "https://oss.nbtca.space/blog/clas/LwYtOGPxEFNUpji-vexMSQ.jpeg?x-oss-process=image/resize,h_512,m_lfit" square: "" alt: "cover" tags: ["生活", "吃饭", "介绍", "觅食指南", "攻略"]