forked from Gitlink/gitlink-cli
150 lines
5.8 KiB
HTML
150 lines
5.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>zzx-coder/gitlink-cli — 科研项目洞察报告</title>
|
|
<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #f5f7fa; color: #333; }
|
|
.header { background: linear-gradient(135deg, #1a237e 0%, #283593 50%, #3949ab 100%); color: #fff; padding: 40px 30px; }
|
|
.header h1 { font-size: 28px; margin-bottom: 8px; }
|
|
.header .subtitle { opacity: 0.85; font-size: 14px; }
|
|
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }
|
|
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-bottom: 24px; }
|
|
.card { background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
|
|
.card .label { font-size: 12px; color: #888; text-transform: uppercase; margin-bottom: 6px; }
|
|
.card .value { font-size: 28px; font-weight: 700; }
|
|
.card .value.hot { color: #e53935; }
|
|
.card .value.warm { color: #f57c00; }
|
|
.card .value.cool { color: #1565c0; }
|
|
.row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 24px; }
|
|
.panel { background: #fff; border-radius: 12px; padding: 24px; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
|
|
.panel h2 { font-size: 18px; margin-bottom: 16px; color: #1a237e; border-bottom: 2px solid #3949ab; padding-bottom: 8px; }
|
|
.chart { width: 100%; height: 350px; }
|
|
table { width: 100%; border-collapse: collapse; }
|
|
th, td { padding: 10px 14px; text-align: left; border-bottom: 1px solid #eee; font-size: 14px; }
|
|
th { background: #f5f7fa; color: #555; font-weight: 600; }
|
|
.tag { display: inline-block; padding: 2px 10px; border-radius: 12px; font-size: 12px; margin: 2px; }
|
|
.tag.lang { background: #e3f2fd; color: #1565c0; }
|
|
.tag.research { background: #e8f5e9; color: #2e7d32; }
|
|
.tag.warn { background: #fff3e0; color: #e65100; }
|
|
.footer { text-align: center; padding: 24px; color: #999; font-size: 12px; }
|
|
@media (max-width: 768px) { .row { grid-template-columns: 1fr; } }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<h1>zzx-coder/gitlink-cli</h1>
|
|
<div class="subtitle">科研项目洞察报告 — 2026-07-06</div>
|
|
</div>
|
|
<div class="container">
|
|
|
|
<div class="cards">
|
|
<div class="card">
|
|
<div class="label">热度评分</div>
|
|
<div class="value hot">54.3</div>
|
|
<div class="label">Hot</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="label">Stars</div>
|
|
<div class="value">0</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="label">Forks</div>
|
|
<div class="value">0</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="label">贡献者</div>
|
|
<div class="value">3</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="label">开放 Issues</div>
|
|
<div class="value">44</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="label">PR 合并率</div>
|
|
<div class="value">50.0%</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="panel">
|
|
<h2>项目概况</h2>
|
|
<table>
|
|
<tr><th>项目名称</th><td>gitlink-cli</td></tr>
|
|
<tr><th>描述</th><td>No description</td></tr>
|
|
<tr><th>主要语言</th><td><span class="tag lang">Unknown</span></td></tr>
|
|
<tr><th>技术栈</th><td><span class="tag lang">Unknown</span></td></tr>
|
|
<tr><th>创建时间</th><td></td></tr>
|
|
<tr><th>最后更新</th><td> (365 天前)</td></tr>
|
|
<tr><th>科研特征</th><td></td></tr>
|
|
|
|
|
|
</table>
|
|
</div>
|
|
|
|
<div class="panel">
|
|
<h2>活动概览</h2>
|
|
<div id="activityChart" class="chart"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="panel">
|
|
<h2>健康指标</h2>
|
|
<table>
|
|
<tr><th>指标</th><th>数值</th><th>状态</th></tr>
|
|
<tr><td>Issue 总量</td><td>44 开放 / 44 已关闭</td><td><span class="tag warn">需关注</span></td></tr>
|
|
<tr><td>PR 合并率</td><td>50.0%</td><td><span class="tag warn">需改进</span></td></tr>
|
|
<tr><td>Release 数</td><td>6</td><td><span class="tag research">已发布</span></td></tr>
|
|
<tr><td>CI 通过率</td><td>0% (0 次构建)</td><td><span class="tag warn">不稳定</span></td></tr>
|
|
<tr><td>贡献者数</td><td>3 人</td><td><span class="tag warn">单人项目</span></td></tr>
|
|
<tr><td>活跃度</td><td>365 天前更新</td><td><span class="tag warn">不活跃</span></td></tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="panel">
|
|
<h2>热度构成</h2>
|
|
<div id="hotnessChart" class="chart"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="footer">Generated by GitLink Research Assistant — 2026-07-06</div>
|
|
|
|
<script>
|
|
var hotnessChart = echarts.init(document.getElementById('hotnessChart'));
|
|
hotnessChart.setOption({
|
|
tooltip: { trigger: 'item' },
|
|
legend: { bottom: 0 },
|
|
series: [{
|
|
type: 'pie',
|
|
radius: ['45%', '75%'],
|
|
label: { formatter: '{b}\n{d}%' },
|
|
data: [
|
|
{ name: 'Stars', value: 0.0, itemStyle: { color: '#5470c6' } },
|
|
{ name: 'Forks', value: 0.0, itemStyle: { color: '#91cc75' } },
|
|
{ name: 'Issues', value: 88.0, itemStyle: { color: '#fac858' } },
|
|
{ name: 'PRs', value: 133.3, itemStyle: { color: '#ee6666' } },
|
|
{ name: 'Releases', value: 60.0, itemStyle: { color: '#73c0de' } },
|
|
{ name: 'Recency', value: 10, itemStyle: { color: '#fc8452' } }
|
|
]
|
|
}]
|
|
});
|
|
|
|
var activityChart = echarts.init(document.getElementById('activityChart'));
|
|
activityChart.setOption({
|
|
tooltip: { trigger: 'axis' },
|
|
xAxis: { type: 'category', data: ['Issues', 'PRs', 'Releases', 'CI Builds'] },
|
|
yAxis: { type: 'value' },
|
|
series: [
|
|
{ name: '开放/进行中', type: 'bar', data: [44, 20, 0, 0], itemStyle: { color: '#fac858' } },
|
|
{ name: '已完成', type: 'bar', data: [44, 20, 6, 0], itemStyle: { color: '#91cc75' } }
|
|
]
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|