hygebra.github.io/test.html at main · Hygebra/hygebra.github.io · 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
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hygebra</title>
    <meta name="description" content="Personal Homepage & Blog">
    <meta property="og:title" content="Hygebra">
    <meta property="og:description" content="Personal Homepage & Blog">
    <meta property="og:type" content="website">
    <meta property="og:image" content="/pic/github_avater.jpg">
    <link rel="stylesheet" href="style.css">
    </head>
<body class="home-page">
<div class="topbar">
  <button id="menu-toggle" class="menu-btn" title="Toggle Sidebar">☰</button>
  <h2>Haishu Su(Hygebra)</h2>
  <div class="nav-links">
    <a href="/index.html">Homepage</a>
    <a href="/blog/index.html">Blog</a>
  </div>
</div>

<div class="container">
  <div class="main">
    <div class="container">
    <!-- 左侧栏导航 -->
    <!-- <div class="sidebar">
      <h2>导航</h2>
      <a href="#home">主页</a>
      <a href="#blog">博客</a>
      <a href="#papers">论文</a>
      <a href="#about">关于我</a>
    </div> -->
    <p><a id="home"></a></p>
    <h1 id="欢迎">欢迎</h1>
    <p>这里是我的个人主页，展示我的研究、博客和论文。</p>
    <p>行内公式示例：<span
    class="math inline"><em>E</em> = <em>m</em><em>c</em><sup>2</sup></span></p>
    <p>行间公式示例：</p>
    <p><span class="math display">$$
    \int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}
    $$</span></p>
    <hr />
    <p><a id="blog"></a> # 博客</p>
    <p>下面是博客文章示例：</p>
    <h2 id="博客文章-1">博客文章 1</h2>
    <p><code>include:blog/post1.md</code> （可用
    <code>cat blog/post1.md &gt;&gt; index.md</code> 拼接 Pandoc）</p>
    <h2 id="博客文章-2">博客文章 2</h2>
    <p><code>include:blog/post2.md</code></p>
    <h3 id="图片示例">图片示例</h3>
    <figure>
    <img src="images/example.png" alt="实验示意图" />
    <figcaption aria-hidden="true">实验示意图</figcaption>
    </figure>
    <hr />
    <p><a id="papers"></a> # 论文展示</p>
    <button onclick="showPDF(&#39;paper1.pdf&#39;)">
    Paper 1
    </button>
    <button onclick="showPDF(&#39;paper2.pdf&#39;)">
    Paper 2
    </button>
    <iframe id="pdf-frame" src="papers/paper1.pdf" width="100%" height="600px">
    </iframe>
    <hr />
    <p><a id="about"></a> # 关于我</p>
    <ul>
    <li>姓名: 你的名字<br />
    </li>
    <li>邮箱: yourname@example.com<br />
    </li>
    <li>GitHub: <a
    href="https://github.com/yourusername">yourusername</a><br />
    </li>
    <li>简介: 博士生 / 研究方向 / 技术博客</li>
    </ul>
    </div>
  </div>
</div>

<script src="/js/sidebar-control.js"></script>
</body>
</html>