Ad-closeNN/blog-fuwari
1
0
Fork 0
mirror of https://github.com/Ad-closeNN/blog-fuwari.git synced 2026-05-31 01:40:03 -04:00
Code Issues Packages Projects Releases Wiki Activity

Squashed commit of the following:

Browse Source 
commit 54078a69f8
Author: Ad-closeNN <1709301095@qq.com>
Date:   Thu Aug 7 23:33:17 2025 +0800

    2025/8/7

commit f65632b1e8
Author: Ad-closeNN <1709301095@qq.com>
Date:   Thu Aug 7 18:45:38 2025 +0800

    Finish

commit 7986271c89
Author: Ad-closeNN <1709301095@qq.com>
Date:   Thu Aug 7 17:41:57 2025 +0800

    Delete umami.md

commit fc0208cf4f
Author: Ad-closeNN <1709301095@qq.com>
Date:   Thu Aug 7 17:38:53 2025 +0800

    测试第一篇文章

commit 690d1290e4
Author: Ad-closeNN <1709301095@qq.com>
Date:   Thu Aug 7 11:56:58 2025 +0800

    feat: 博客访问量测试

commit 135830db3c
Author: Ad-closeNN <1709301095@qq.com>
Date:   Thu Aug 7 00:30:57 2025 +0800

    25/8/6
This commit is contained in:
Ad-closeNN
2025-08-07 23:33:48 +08:00
parent b62aa887e7
commit 5fbc350af2
49 changed files with 1073 additions and 734 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/PostMeta.astro
+76 -3
View File
@@ -1,9 +1,11 @@
---
import path from "node:path";
import { Icon } from "astro-icon/components";
import I18nKey from "../i18n/i18nKey";
import { i18n } from "../i18n/translation";
import { formatDateToYYYYMMDD } from "../utils/date-utils";
import { getCategoryUrl, getTagUrl } from "../utils/url-utils";
import { getCategoryUrl, getTagUrl, getDir, url } from "../utils/url-utils";
import { umamiConfig } from "../config";
interface Props {
class: string;
@@ -13,6 +15,7 @@ interface Props {
category: string | null;
hideTagsForMobile?: boolean;
hideUpdateDate?: boolean;
slug?: string;
}
const {
published,
@@ -21,6 +24,7 @@ const {
category,
hideTagsForMobile = false,
hideUpdateDate = false,
slug,
} = Astro.props;
const className = Astro.props.class;
---
@@ -35,7 +39,7 @@ const className = Astro.props.class;
<span class="text-50 text-sm font-medium">{formatDateToYYYYMMDD(published)}</span>
</div>
<!-- update date -->
<!-- update date
{!hideUpdateDate && updated && updated.getTime() !== published.getTime() && (
<div class="flex items-center">
<div class="meta-icon"
@@ -45,6 +49,7 @@ const className = Astro.props.class;
<span class="text-50 text-sm font-medium">{formatDateToYYYYMMDD(updated)}</span>
</div>
)}
-->
<!-- categories -->
<div class="flex items-center">
@@ -79,4 +84,72 @@ const className = Astro.props.class;
{!(tags && tags.length > 0) && <div class="transition text-50 text-sm font-medium">{i18n(I18nKey.noTags)}</div>}
</div>
</div>
</div>
{slug && (
<div class="flex items-center">
<div class="meta-icon">
<Icon name="material-symbols:visibility-outline-rounded" class="text-xl"></Icon>
</div>
<span class="text-50 text-sm font-medium" id="page-views-display">加载中...</span>
</div>
)}
</div>
<!-- https://github.com/afoim/fuwari/blob/81f22decb17ff7ee1dd480c10773f7ba8f4df296/src/components/PostMeta.astro -->
{slug && (
<script define:vars={{ slug, umamiConfig }}>
// 获取访问量统计
async function fetchPageViews() {
if (!umamiConfig.enable) {
return;
}
try {
// 第一步：获取网站ID和token
const shareResponse = await fetch(`${umamiConfig.baseUrl}/api/share/${umamiConfig.shareId}`);
if (!shareResponse.ok) {
throw new Error('获取分享信息失败');
}
const shareData = await shareResponse.json();
const { websiteId, token } = shareData;
// 第二步：获取统计数据
const currentTimestamp = Date.now();
const statsUrl = `${umamiConfig.baseUrl}/api/websites/${websiteId}/stats?startAt=0&endAt=${currentTimestamp}&unit=hour&timezone=${encodeURIComponent(umamiConfig.timezone)}&url=%2Fposts%2F${slug}%2F&compare=false`;
const statsResponse = await fetch(statsUrl, {
headers: {
'x-umami-share-token': token
}
});
if (!statsResponse.ok) {
throw new Error('获取统计数据失败');
}
const statsData = await statsResponse.json();
const pageViews = statsData.pageviews?.value || 0;
const visits = statsData.visits?.value || 0;
const displayElement = document.getElementById('page-views-display');
if (displayElement) {
displayElement.textContent = `浏览量 ${pageViews} · 访问数 ${visits}`;
}
} catch (error) {
console.error('Error fetching page views:', error);
const displayElement = document.getElementById('page-views-display');
if (displayElement) {
displayElement.textContent = '统计不可用';
}
}
}
// 页面加载完成后获取统计数据
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', fetchPageViews);
} else {
fetchPageViews();
}
</script>
)}