修改配置文件

This commit is contained in:
2026-06-18 21:59:07 +08:00 Unverified
parent fc76f9949f
commit ed2ef30d22
23 changed files with 270 additions and 137 deletions
+4 -3
View File
@@ -1,5 +1,6 @@
---
import { getCategoryHref, type BlogPost } from '@/lib/posts';
import { siteConfig } from '../../site.config.mjs';
type TocItem = {
depth: number;
@@ -19,7 +20,7 @@ interface Props {
}
const { post, toc, relatedPosts } = Astro.props;
const avatar = 'https://free.picui.cn/free/2025/08/10/689845496a283.png';
const avatar = siteConfig.author.avatar;
const topDepth = toc.length > 0 ? Math.min(...toc.map((item) => item.depth)) : 1;
const tocSections = toc.reduce<TocSection[]>((sections, item) => {
if (item.depth <= topDepth || sections.length === 0) {
@@ -34,8 +35,8 @@ const tocSections = toc.reduce<TocSection[]>((sections, item) => {
<aside class="article-sidebar" aria-label="文章侧边栏">
<section class="sidebar-card article-author-card">
<img class="profile-avatar" src={avatar} alt="biss" loading="lazy" />
<div class="profile-name">biss</div>
<img class="profile-avatar" src={avatar} alt={siteConfig.author.name} loading="lazy" />
<div class="profile-name">{siteConfig.author.name}</div>
<div class="article-author-meta">
<span>{post.dateText}</span>
{post.categories[0] && <a href={getCategoryHref(post.categories[0])}>{post.categories[0]}</a>}
+9 -8
View File
@@ -1,5 +1,6 @@
---
import type { BlogPost } from '@/lib/posts';
import { siteConfig } from '../../site.config.mjs';
interface Props {
posts: BlogPost[];
@@ -8,14 +9,14 @@ interface Props {
}
const { posts, tags, categories } = Astro.props;
const avatar = 'https://free.picui.cn/free/2025/08/10/689845496a283.png';
const avatar = siteConfig.author.avatar;
const recentPosts = posts.slice(0, 5);
---
<aside class="home-sidebar" aria-label="首页侧边栏">
<section class="sidebar-card profile-card">
<img class="profile-avatar" src={avatar} alt="biss" loading="lazy" />
<div class="profile-name">biss</div>
<img class="profile-avatar" src={avatar} alt={siteConfig.author.name} loading="lazy" />
<div class="profile-name">{siteConfig.author.name}</div>
<div class="profile-stats">
<a href="/archives/">
<span>文章</span>
@@ -30,13 +31,13 @@ const recentPosts = posts.slice(0, 5);
<strong>{categories.length}</strong>
</a>
</div>
<a class="follow-button" href="https://github.com/bishshi" target="_blank" rel="noreferrer">
<a class="follow-button" href={siteConfig.author.github} target="_blank" rel="noreferrer">
<span class="github-mark" aria-hidden="true">GitHub</span>
<span>Follow Me</span>
</a>
<div class="profile-links" aria-label="联系方式">
<a href="https://github.com/bishshi" target="_blank" rel="noreferrer" aria-label="GitHub">GitHub</a>
<a href="mailto:bishsh2006@gmail.com" aria-label="Email">Email</a>
<a href={siteConfig.author.github} target="_blank" rel="noreferrer" aria-label="GitHub">GitHub</a>
<a href={`mailto:${siteConfig.author.email}`} aria-label="Email">Email</a>
</div>
</section>
@@ -204,6 +205,6 @@ const recentPosts = posts.slice(0, 5);
initSidebar();
})();
</script>
<script is:inline src="https://code.jquery.com/jquery-4.0.0.min.js"></script>
<script is:inline src="https://cdn.jsdmirror.com/gh/bishshi/welcomemessage/txmap.js"></script>
<script is:inline src={siteConfig.cdn.jqueryJs}></script>
<script is:inline src={siteConfig.cdn.welcomeMessageJs}></script>
<script is:inline src="/js/weather.js"></script>
+3 -1
View File
@@ -1,4 +1,6 @@
---
import { siteConfig } from '../../site.config.mjs';
interface Props {
title: string;
subtitle?: string;
@@ -8,7 +10,7 @@ const { title, subtitle } = Astro.props;
---
<header class="page-header-card">
<p class="page-header-eyebrow">Bi's Blog</p>
<p class="page-header-eyebrow">{siteConfig.site.name}</p>
<h1>{title}</h1>
{subtitle && <p class="page-header-subtitle">{subtitle}</p>}
</header>
+4 -1
View File
@@ -1,4 +1,6 @@
---
import { siteConfig } from '../../site.config.mjs';
interface Props {
envId: string;
path: string;
@@ -16,6 +18,7 @@ const { envId, path, title, region = '' } = Astro.props;
data-env-id={envId}
data-region={region}
data-path={path}
data-script={siteConfig.comments.script}
>
<div class="twikoo-comments-head">
<span class="twikoo-comments-icon" aria-hidden="true">
@@ -61,7 +64,7 @@ const { envId, path, title, region = '' } = Astro.props;
}
const script = document.createElement('script');
script.src = 'https://cdn.jsdelivr.net/npm/twikoo@1.7.7/dist/twikoo.min.js';
script.src = root.dataset.script;
script.defer = true;
script.onload = initTwikoo;
script.onerror = () => {
+7
View File
@@ -1,2 +1,9 @@
/// <reference path="../.astro/types.d.ts" />
/// <reference types="astro/client" />
declare module '*.mjs' {
export const siteConfig: any;
export const publicSiteConfig: any;
const value: any;
export default value;
}
+42 -40
View File
@@ -1,24 +1,27 @@
---
import '../styles/site.css';
import { publicSiteConfig, siteConfig } from '../../site.config.mjs';
interface Props {
title?: string;
description?: string;
}
const siteTitle = "Bi's Blog";
const { title = siteTitle, description = 'Personal blog by biss.' } = Astro.props;
const siteTitle = siteConfig.site.name;
const { title = siteTitle, description = siteConfig.site.description } = Astro.props;
const pageTitle = title === siteTitle ? siteTitle : `${title} | ${siteTitle}`;
const currentYear = new Date().getFullYear();
const publicConfigJson = JSON.stringify(publicSiteConfig).replace(/</g, '\\u003c');
---
<!doctype html>
<html lang="zh-CN">
<html lang={siteConfig.site.language}>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content={description} />
<link rel="icon" href="/images/Bi.ico" />
<link rel="icon" href={siteConfig.assets.icon} />
<script is:inline set:html={`window.SITE_CONFIG = ${publicConfigJson};`}></script>
<script is:inline>
(() => {
const storageKey = 'site-theme';
@@ -27,22 +30,19 @@ const currentYear = new Date().getFullYear();
document.documentElement.dataset.theme = savedTheme || systemTheme;
})();
</script>
<link rel="stylesheet" href="https://cdn.jsdmirror.com/npm/instantsearch.css/themes/reset-min.css" />
<link rel="stylesheet" href="https://cdn.jsdmirror.com/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css" />
<link rel="stylesheet" href="https://cdn.jsdmirror.com/npm/@fortawesome/fontawesome-free@6.7.2/css/all.min.css" />
<link rel="stylesheet" href={siteConfig.cdn.instantsearchCss} />
<link rel="stylesheet" href={siteConfig.cdn.fancyboxCss} />
<link rel="stylesheet" href={siteConfig.cdn.fontawesomeCss} />
<title>{pageTitle}</title>
</head>
<body>
<header class="site-header">
<nav class="nav">
<a class="brand" href="/">Bi's Blog</a>
<a class="brand" href="/">{siteConfig.site.name}</a>
<div class="nav-links nav-center">
<a href="/archives/"><i class="fa-solid fa-box-archive nav-icon" aria-hidden="true"></i><span>归档</span></a>
<a href="/categories/"><i class="fa-solid fa-folder-open nav-icon" aria-hidden="true"></i><span>分类</span></a>
<a href="/tags/"><i class="fa-solid fa-tags nav-icon" aria-hidden="true"></i><span>标签</span></a>
<a href="/shuoshuo/"><i class="fa-regular fa-comments nav-icon" aria-hidden="true"></i><span>说说</span></a>
<a href="/about/"><i class="fa-solid fa-heart nav-icon" aria-hidden="true"></i><span>关于</span></a>
<a href="/link/"><i class="fa-solid fa-link nav-icon" aria-hidden="true"></i><span>友链</span></a>
{siteConfig.nav.map((item) => (
<a href={item.href}><i class={`${item.icon} nav-icon`} aria-hidden="true"></i><span>{item.label}</span></a>
))}
</div>
<div class="nav-links nav-actions">
<button class="nav-random" type="button" onclick="randomPost()" aria-label="前往随机文章" title="前往随机文章">
@@ -66,52 +66,54 @@ const currentYear = new Date().getFullYear();
<footer class="site-footer" aria-label="站点页脚">
<div class="footer-inner">
<section class="footer-top" aria-label="站点信息">
<a class="footer-brand" href="/" aria-label="Bi's Blog 首页">
<img src="/images/Bi.ico" alt="" loading="lazy" />
<span>Bi's Blog</span>
<a class="footer-brand" href="/" aria-label={`${siteConfig.site.name} 首页`}>
<img src={siteConfig.assets.icon} alt="" loading="lazy" />
<span>{siteConfig.site.name}</span>
</a>
<p class="footer-slogan">好奇心转化为代码的空间。</p>
<p class="footer-slogan">{siteConfig.site.slogan}</p>
</section>
<section class="footer-contact" aria-label="联系方式">
<p>联系方式</p>
<p>{siteConfig.footer.contactLabel}</p>
<div class="footer-socials">
<a href="mailto:bishsh2006@gmail.com" aria-label="发送邮件" title="发送邮件">
<i class="fa-solid fa-envelope" aria-hidden="true"></i>
</a>
<a href="/rss.xml" aria-label="订阅 RSS" title="订阅 RSS">
<i class="fa-solid fa-rss" aria-hidden="true"></i>
</a>
<a href="https://github.com/bishshi" target="_blank" rel="noreferrer" aria-label="GitHub" title="GitHub">
<i class="fa-brands fa-github" aria-hidden="true"></i>
</a>
{siteConfig.social.map((item) => (
<a href={item.href} target={item.external ? '_blank' : undefined} rel={item.external ? 'noreferrer' : undefined} aria-label={item.label} title={item.label}>
<i class={item.icon} aria-hidden="true"></i>
</a>
))}
</div>
<nav class="footer-contact-links" aria-label="页脚链接">
<a href="/archives/">发展历程</a>
<span aria-hidden="true">|</span>
<a href="/privacy/">隐私政策</a>
{siteConfig.footer.links.map((item, index) => (
<>
{index > 0 && <span aria-hidden="true">|</span>}
<a href={item.href}>{item.label}</a>
</>
))}
</nav>
</section>
<section class="footer-bottom" aria-label="版权信息">
<div>
<p>© 2025 - {currentYear} Bi's Blog</p>
<p>blog.biss.click | 内容采用 CC BY-NC-SA 4.0 协议</p>
<p>© {siteConfig.site.copyrightStartYear} - {currentYear} {siteConfig.site.name}</p>
<p>{siteConfig.site.domain} | {siteConfig.site.license}</p>
</div>
<div class="footer-meta">
<p>本站已苟活:<span id="site-runtime">计算中...</span></p>
<p>
<a href="https://edgeone.ai/" target="_blank" rel="noreferrer">EdgeOne</a>
<span aria-hidden="true">|</span>
<a href="https://astro.build/" target="_blank" rel="noreferrer">ASTRO</a>
{siteConfig.footer.poweredBy.map((item, index) => (
<>
{index > 0 && <span aria-hidden="true">|</span>}
<a href={item.href} target="_blank" rel="noreferrer">{item.label}</a>
</>
))}
</p>
</div>
</section>
</div>
</footer>
<script is:inline src="https://cdn.jsdmirror.com/npm/instantsearch.js@4.56.0"></script>
<script is:inline src="https://cdn.jsdmirror.com/npm/typesense-instantsearch-adapter@2.7.0/dist/typesense-instantsearch-adapter.min.js"></script>
<script is:inline src="https://cdn.jsdmirror.com/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
<script is:inline src={siteConfig.cdn.instantsearchJs}></script>
<script is:inline src={siteConfig.cdn.typesenseAdapterJs}></script>
<script is:inline src={siteConfig.cdn.fancyboxJs}></script>
<script is:inline src="/js/random.js"></script>
<script is:inline src="/js/search/typesense-search.js"></script>
<script is:inline src="/js/external-links.js"></script>
@@ -147,7 +149,7 @@ const currentYear = new Date().getFullYear();
const runtime = document.getElementById('site-runtime');
if (!runtime) return;
const start = new Date('2025-01-01T00:00:00+08:00').getTime();
const start = new Date(window.SITE_CONFIG.site.startTime).getTime();
const pad = (value) => String(value).padStart(2, '0');
function updateRuntime() {
+3 -10
View File
@@ -1,11 +1,4 @@
export const externalLinkWhitelist = [
'blog.biss.click',
'biss.click',
'github.com',
'astro.build',
'edgeone.ai',
'localhost',
'127.0.0.1',
];
import { siteConfig } from '../../site.config.mjs';
export const externalLinkWaitSeconds = 10;
export const externalLinkWhitelist = siteConfig.externalLinks.whitelist;
export const externalLinkWaitSeconds = siteConfig.externalLinks.waitSeconds;
+3 -1
View File
@@ -1,4 +1,6 @@
export const POSTS_PER_PAGE = 16;
import { siteConfig } from '../../site.config.mjs';
export const POSTS_PER_PAGE = siteConfig.pagination.postsPerPage;
export type PageSlice<T> = {
currentPage: number;
+4 -3
View File
@@ -1,9 +1,10 @@
---
import BaseLayout from '@/layouts/BaseLayout.astro';
import PageHeaderCard from '@/components/PageHeaderCard.astro';
import { siteConfig } from '../../site.config.mjs';
---
<BaseLayout title="关于" description="关于 Bi's Blog 和站长 Bi 的简短介绍。">
<BaseLayout title="关于" description={`关于 ${siteConfig.site.name} 和站长 ${siteConfig.author.name} 的简短介绍。`}>
<section class="content-wrap narrow page-with-card native-page">
<PageHeaderCard title="关于" subtitle="这里记录折腾、学习和一些普通日子的回声。" />
</section>
@@ -35,9 +36,9 @@ import PageHeaderCard from '@/components/PageHeaderCard.astro';
<h2>联系</h2>
<p>
如果你想交流文章内容、友链或网站相关问题,可以通过
<a href="mailto:bishsh2006@gmail.com">bishsh2006@gmail.com</a>
<a href={`mailto:${siteConfig.author.email}`}>{siteConfig.author.email}</a>
联系我,也可以去
<a href="https://github.com/bishshi" target="_blank" rel="noreferrer">GitHub</a>
<a href={siteConfig.author.github} target="_blank" rel="noreferrer">GitHub</a>
找到我。
</p>
</div>
+2 -1
View File
@@ -1,9 +1,10 @@
---
import BaseLayout from '@/layouts/BaseLayout.astro';
import PageHeaderCard from '@/components/PageHeaderCard.astro';
import { siteConfig } from '../../site.config.mjs';
---
<BaseLayout title="版权协议" description="Bi's Blog 的内容版权与转载说明。">
<BaseLayout title="版权协议" description={`${siteConfig.site.name} 的内容版权与转载说明。`}>
<section class="content-wrap narrow page-with-card native-page">
<PageHeaderCard title="版权协议" subtitle="关于本站原创内容的转载、引用和使用方式。" />
</section>
+3 -2
View File
@@ -1,9 +1,10 @@
---
import BaseLayout from '@/layouts/BaseLayout.astro';
import PageHeaderCard from '@/components/PageHeaderCard.astro';
import { siteConfig } from '../../site.config.mjs';
---
<BaseLayout title="Cookies" description="Bi's Blog 的 Cookie 与本地存储说明。">
<BaseLayout title="Cookies" description={`${siteConfig.site.name} 的 Cookie 与本地存储说明。`}>
<section class="content-wrap narrow page-with-card native-page">
<PageHeaderCard title="Cookies" subtitle="说明本站如何使用 Cookie 与浏览器本地存储。" />
</section>
@@ -56,7 +57,7 @@ import PageHeaderCard from '@/components/PageHeaderCard.astro';
</p>
<h2>联系</h2>
<p>如果你对 Cookie 使用方式有疑问,可以发送邮件至 <a href="mailto:bishsh2006@gmail.com">bishsh2006@gmail.com</a>。</p>
<p>如果你对 Cookie 使用方式有疑问,可以发送邮件至 <a href={`mailto:${siteConfig.author.email}`}>{siteConfig.author.email}</a>。</p>
</div>
</article>
</BaseLayout>
+2 -1
View File
@@ -5,6 +5,7 @@ import HomeSidebar from '@/components/HomeSidebar.astro';
import PostCard from '@/components/PostCard.astro';
import { getAllCategories, getAllPosts, getAllTags } from '@/lib/posts';
import { getPageSlice } from '@/lib/pagination';
import { siteConfig } from '../../site.config.mjs';
const posts = await getAllPosts();
const tags = await getAllTags();
@@ -16,7 +17,7 @@ const pageData = getPageSlice(posts, 1);
<section class="hero">
<div>
<p class="eyebrow">写给日常、技术和正在发生的自己</p>
<h1>Bi's Blog</h1>
<h1>{siteConfig.site.name}</h1>
<p>把折腾、学习和生活片段安静地收在这里。</p>
</div>
</section>
+7 -13
View File
@@ -1,18 +1,12 @@
---
import BaseLayout from '@/layouts/BaseLayout.astro';
import PageHeaderCard from '@/components/PageHeaderCard.astro';
import { siteConfig } from '../../site.config.mjs';
const friends = [
{
name: 'GitHub',
url: 'https://github.com/bishshi',
avatar: '/images/Bi.ico',
description: '站长的 GitHub 主页',
},
];
const friends = siteConfig.friends;
---
<BaseLayout title="友情链接" description="Bi's Blog 的友情链接页面。">
<BaseLayout title="友情链接" description={`${siteConfig.site.name} 的友情链接页面。`}>
<section class="content-wrap narrow native-page">
<PageHeaderCard title="友情链接" subtitle="把仍在发光的角落放在一起。" />
@@ -36,10 +30,10 @@ const friends = [
欢迎长期维护、内容原创、访问稳定的个人站点交换友链。你可以通过邮件发送站点名称、地址、头像和一句简介。
</p>
<ul>
<li>站点名称:Bi's Blog</li>
<li>站点地址:https://blog.biss.click/</li>
<li>头像地址:https://blog.biss.click/images/Bi.ico</li>
<li>站点简介:好奇心转化为代码的空间。</li>
<li>站点名称:{siteConfig.site.name}</li>
<li>站点地址:{siteConfig.site.url}/</li>
<li>头像地址:{siteConfig.site.url}{siteConfig.assets.icon}</li>
<li>站点简介:{siteConfig.site.slogan}</li>
</ul>
</div>
</article>
+2 -1
View File
@@ -5,6 +5,7 @@ import PostCard from '@/components/PostCard.astro';
import BaseLayout from '@/layouts/BaseLayout.astro';
import { getAllCategories, getAllPosts, getAllTags } from '@/lib/posts';
import { getPageSlice, getPaginationPaths } from '@/lib/pagination';
import { siteConfig } from '../../../site.config.mjs';
export async function getStaticPaths() {
const posts = await getAllPosts();
@@ -26,7 +27,7 @@ const pageData = getPageSlice(posts, page);
<section class="hero compact-hero">
<div>
<p class="eyebrow">写给日常、技术和正在发生的自己</p>
<h1>Bi's Blog</h1>
<h1>{siteConfig.site.name}</h1>
<p>第 {pageData.currentPage} 页,继续翻看最近的记录。</p>
</div>
</section>
+2 -2
View File
@@ -5,6 +5,7 @@ import TwikooComments from '@/components/TwikooComments.astro';
import BaseLayout from '@/layouts/BaseLayout.astro';
import { render } from 'astro:content';
import { getAllPosts, getCategoryHref } from '@/lib/posts';
import { siteConfig } from '../../../site.config.mjs';
export async function getStaticPaths() {
return (await getAllPosts()).map((post) => ({
@@ -75,7 +76,6 @@ const relatedPosts = allPosts
.filter((item) => item.slug !== post.slug)
.filter((item) => item.categories.some((category) => post.categories.includes(category)))
.slice(0, 8);
const twikooEnvId = 'https://comment.biss.click';
---
<BaseLayout title={post.title} description={post.summary}>
@@ -125,7 +125,7 @@ const twikooEnvId = 'https://comment.biss.click';
<Content />
</div>
<PostCopyrightCard post={post} />
{post.comments && <TwikooComments envId={twikooEnvId} path={post.href} title={post.title} />}
{post.comments && <TwikooComments envId={siteConfig.comments.envId} region={siteConfig.comments.region} path={post.href} title={post.title} />}
</article>
<ArticleSidebar post={post} toc={toc} relatedPosts={relatedPosts} />
</section>
+3 -2
View File
@@ -1,9 +1,10 @@
---
import BaseLayout from '@/layouts/BaseLayout.astro';
import PageHeaderCard from '@/components/PageHeaderCard.astro';
import { siteConfig } from '../../site.config.mjs';
---
<BaseLayout title="隐私政策" description="Bi's Blog 的隐私与数据处理说明。">
<BaseLayout title="隐私政策" description={`${siteConfig.site.name} 的隐私与数据处理说明。`}>
<section class="content-wrap narrow page-with-card native-page">
<PageHeaderCard title="隐私政策" subtitle="说明访问本站时可能涉及的数据收集与使用方式。" />
</section>
@@ -41,7 +42,7 @@ import PageHeaderCard from '@/components/PageHeaderCard.astro';
</p>
<h2>联系</h2>
<p>如果你希望删除评论或询问隐私相关问题,可以发送邮件至 <a href="mailto:bishsh2006@gmail.com">bishsh2006@gmail.com</a>。</p>
<p>如果你希望删除评论或询问隐私相关问题,可以发送邮件至 <a href={`mailto:${siteConfig.author.email}`}>{siteConfig.author.email}</a>。</p>
</div>
</article>
</BaseLayout>
+3 -2
View File
@@ -1,12 +1,13 @@
import rss from '@astrojs/rss';
import { getAllPosts } from '@/lib/posts';
import { siteConfig } from '../../site.config.mjs';
export async function GET(context) {
const posts = await getAllPosts();
return rss({
title: "Bi's Blog",
description: 'Personal blog by biss.',
title: siteConfig.site.name,
description: siteConfig.site.description,
site: context.site,
items: posts.map((post) => ({
title: post.title,
+2 -2
View File
@@ -2,9 +2,9 @@
import BaseLayout from '@/layouts/BaseLayout.astro';
import PageHeaderCard from '@/components/PageHeaderCard.astro';
import TwikooComments from '@/components/TwikooComments.astro';
import { siteConfig } from '../../site.config.mjs';
const title = '说说';
const twikooEnvId = 'https://comment.biss.click';
---
<BaseLayout title={title} description="记录日常碎片和灵感的说说页面。">
@@ -24,7 +24,7 @@ const twikooEnvId = 'https://comment.biss.click';
<div class="shuoshuo-markdown prose">
<div id="talk"></div>
</div>
<TwikooComments envId={twikooEnvId} path="/shuoshuo/" title={title} />
<TwikooComments envId={siteConfig.comments.envId} region={siteConfig.comments.region} path="/shuoshuo/" title={title} />
<script is:inline src="/js/shuoshuo.js"></script>
</section>
</BaseLayout>