personal_web/index.html at main · songwang1/personal_web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>王松 - 个人网站</title>
  <style>
    body { font-family: Arial, sans-serif; margin: 0; padding: 0; line-height: 1.6; }
    header, footer { background-color: #2c3e50; color: white; text-align: center; padding: 1em 0; }
    nav a { margin: 0 15px; color: white; text-decoration: none; }
    .container { max-width: 800px; margin: auto; padding: 20px; }
    h1, h2 { color: #2c3e50; }
    ul { list-style-type: none; padding: 0; }
    li { margin-bottom: 10px; }
    .section { margin-bottom: 40px; }
  </style>
</head>
<body>
<header style="position: relative; height: 320px; overflow: hidden;">
  <!-- 背景图层 -->
  <div style="
    background-image: url('background1.jpg');
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    z-index: 0;
  "></div>

  <!-- 内容层 -->
  <div style="position: relative; z-index: 1; color: white; padding: 60px 20px; text-align: center;">
    <h1 style="margin: 0;">王松</h1>
    <p style="margin: 10px 0 20px;">生态学博士 | 中国科学院大学</p>
    <nav>
      <a href="#about" style="margin: 0 10px; color: white; text-decoration: none;">关于我</a>
      <a href="#publications" style="margin: 0 10px; color: white; text-decoration: none;">科研成果</a>
      <a href="#presentations" style="margin: 0 10px; color: white; text-decoration: none;">学术活动</a>
      <a href="#honors" style="margin: 0 10px; color: white; text-decoration: none;">荣誉</a>
      <a href="#contact" style="margin: 0 10px; color: white; text-decoration: none;">联系</a>
    </nav>
  </div>
</header>

  <div class="container">
    <section id="about" class="section">
      <h2>关于我</h2>
      <div style="display: flex; flex-wrap: wrap; align-items: flex-start;">
      <img src="Song Wang1.jpg" alt="照片" style="width:150px; margin-right: 20px; border-radius: 10px;">
      <div style="flex: 1; min-width: 250px;">
      <p>生态学博士，毕业于中国科学院大学，曾在德国马克思普朗克研究所联合培养。目前主要从事生态系统碳循环、温室气体通量等方向研究。</p>
      <h3>教育背景</h3>
      <ul>
        <li>中国科学院大学 - 博士（生态学），2018-2023，北京</li>
        <li>马克思普朗克研究所 - 联合培养博士，2022-2023，德国</li>
        <li>中山大学 - 本科（地理科学），2014-2018，广州</li>
      </ul>

      <h3>技能</h3>
      <ul>
        <li>熟练掌握 Matlab, Python, R 等编程语言</li>
        <li>熟悉 SPSS、Origin、ArcGIS</li>
        <li>英语：CET-6，J-check优秀</li>
      </ul>
    </section>

    <section id="publications" class="section">
      <h2>科研成果</h2>
      <ul>
        <li>Wang S, Luo Y, Niu S. Reparameterization Required After Model Structure Changes... <i>JAMES</i>, 2022</li>
        <li>Wang S, Chen W, Fu Z, et al. Seasonal and Inter-Annual Variations... <i>Frontiers in Plant Science</i>, 2022</li>
        <!-- 可继续添加 -->
      </ul>
    </section>

    <section id="presentations" class="section">
      <h2>学术活动</h2>
      <ul>
        <li>AGU Fall Meeting 2022 - Poster</li>
        <li>生态学家俱乐部 2019 - 口头报告</li>
        <!-- 可继续添加 -->
      </ul>
    </section>

    <section id="honors" class="section">
      <h2>荣誉与奖项</h2>
      <ul>
        <li>2022年 Wiley 中国开放科学高贡献作者奖</li>
        <li>2021年 中国科学院大学三好学生</li>
        <li>2016/2017年 国家励志奖学金</li>
      </ul>
    </section>

  <!-- FontAwesome 图标支持（放在<head>中） -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

  <!-- 联系方式部分（放在<body>中适当位置） -->
  <section id="contact" class="section">
    <h2>联系方式</h2>
    <p><i class="fas fa-envelope"></i> 邮箱：<a href="mailto:wangs.18b@igsnrr.ac.cn">wangs.18b@igsnrr.ac.cn</a></p>
    <p><i class="fas fa-phone"></i> 电话：15919155460</p>
    <p><i class="fas fa-map-marker-alt"></i> 所在地：北京</p>
    <p>
      <i class="fab fa-researchgate"></i>
      <a href="https://www.researchgate.net/profile/Wang-Song-24?ev=hdr_xprf" target="_blank">
        ResearchGate 个人主页
      </a>
    </p>
  </section>

  </div>

  <footer>
    <p>&copy; 2025 王松</p>
  </footer>
</body>
</html>