你好！我是一个热爱编程和技术的开发者。
+我喜欢探索新的技术和工具，并将它们应用到实际项目中。
+在业余时间，我喜欢阅读技术书籍以及参与开源项目。
+如果你对我的工作感兴趣，欢迎通过以下方式联系我（Contact Me）：
+-
+
- 电子邮件: example@example.com +
- GitHub: https://github.com/suifengwudong +
+
+
+
+
+ 欢迎来到我的个人介绍页面
+ 返回首页 +
+
+
+
+
diff --git a/frontend/public/about-me.js b/frontend/public/about-me.js
new file mode 100644
index 0000000..4562b4b
--- /dev/null
+++ b/frontend/public/about-me.js
@@ -0,0 +1,92 @@
+// 展示 GitHub 仓库
+async function showRepos() {
+ const repoList = document.getElementById('github-repo-list');
+ if (!repoList) return;
+ try {
+ const res = await fetch('https://api.github.com/users/suifengwudong/repos');
+ const repos = await res.json();
+ let html = '
+
+
+
+
+
+ 关于我
+
+
+
+
+
+
+ 更多信息
+在这里你可以找到我参与的项目和更多的个人信息。
+
+
+ 我的GitHub仓库
+ +
+
+ 我的GitHub提交
+ +- ';
+ const filtered = repos.filter(repo => !repo.name.startsWith('HW'));
+ filtered.slice(0, 5).forEach(repo => {
+ html += `
- ${repo.name} ⭐${repo.stargazers_count} `; + }); + html += '
仓库获取失败
'); + } +} + +async function fetchGitHubCommits() { + const res = await fetch('https://api.github.com/users/suifengwudong/events'); + const events = await res.json(); + let html = '- ';
+ let count = 0;
+ for (const event of events) {
+ if (event.type === 'PushEvent' && event.payload.commits) {
+ for (const commit of event.payload.commits) {
+ html += `
- + ${commit.message.slice(0, 60)} + (${event.repo.name}) + `; + count++; + if (count >= 5) break; + } + } + if (count >= 5) break; + } + if (count === 0) html += '
- 暂无最近提交 '; + html += '
提交获取失败
'); + } +} +async function deleteCommits(commitList) { + if (!commitList) return; + // 只删除ul和p类型的提交内容，保留h3和按钮 + Array.from(commitList.children).forEach(child => { + if (child.tagName === 'UL') { + commitList.removeChild(child); + } + }); +} + +let commitsShown = false; +async function showCommitsByClick(btn) { + if (!btn) return; + const commitList = document.getElementById('github-commits'); + if (!commitsShown) { + btn.textContent = '正在加载...'; + await showCommits(commitList); + btn.textContent = '收起'; + commitsShown = true; + } else { + btn.textContent = '展开'; + await deleteCommits(commitList); + commitsShown = false; + } +} + +function toggleDarkMode() { + const body = document.body; + const btn = document.getElementById('dark-mode-toggle'); + body.classList.toggle('dark-mode'); + if (body.classList.contains('dark-mode')) { + btn.textContent = '切换白天模式'; + } else { + btn.textContent = '切换黑暗模式'; + } +} + +window.addEventListener('DOMContentLoaded', () => { + showRepos(); // 页面加载时展示仓库 +}); diff --git a/frontend/public/index.html b/frontend/public/index.html index fe08636..e2b627c 100644 --- a/frontend/public/index.html +++ b/frontend/public/index.html @@ -28,6 +28,8 @@