coccusq.github.io/about.html at main · CoccusQ/coccusq.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
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于本站 ✒️ - CoccusQ的博客</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism.min.css" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>

<body class="layout-container">
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="navbar-container">
            <a href="https://coccusq.github.io" class="navbar-logo">CoccusQ</a>
            <div class="navbar-links">
                <a href="https://coccusq.github.io/about">关于本站✓</a>
                <a href="https://github.com/CoccusQ/coccusq.github.io">GitHub↗</a>
            </div>
        </div>
    </nav>

    <!-- 左侧边栏 -->
    <aside class="sidebar-left">
        <!-- 左侧导航内容 -->
    </aside>

    <main class="main-content">
        <header class="article-header">
            <h1 class="article-title" id="headline">关于本站 ✒️</h1>
            <div class="article-meta">
                By <a href="https://github.com/CoccusQ">CoccusQ</a> · 2025.03.01 Update
            </div>
        </header>
        <!-- 下面这个是占位符，不能去除 -->
        <section class="section">
            <h2 class="section-title" id=""></h2>

            <div class="note">
                <strong>最新进展</strong>
                <ul>
                    <li><span class="note-date">2025.3.1</span><a href="https://github.com/CoccusQ/MarkdownConverter">模板化网页生成工具：MarkdownConverter&amp;BlogGenerator已发布</a></li>
                    <li><span class="note-date">2025.3.1</span>使用<code>python</code>编写脚本，实现<code>JSON</code>配置文件转化为网页以及<code>markdown</code>转化为<code>JSON</code>，从而实现由<code>markdown</code>直接转化为<code>HTML</code>文件
                    </li>
                    <li><span class="note-date">2025.2.28</span>解决网页板块对齐问题</li>
                    <li><span class="note-date">2025.2.28</span>使用<code>HTML + CSS + JavaScript</code>重新构建网页模板，暂时摆脱<code>markdown</code>依赖</li>
                </ul>
            </div>

        </section>
        <section class="section">
            <h2 class="section-title" id="我是如何搭建本站的？">我是如何搭建本站的？</h2>
            <p>本站借助<code>Github Pages</code>提供的静态网页服务搭建，使用<a href="https://chat.deepseek.com">DeepSeek</a>辅助编写，风格模仿<a
                    href="https://docusaurus.io">Docusaurus</a>的<code>classic</code>主题；</p>
            <p>文章原始内容使用<code>markdown</code>格式编写，通过<code>vscode</code>的<code>Markdown Preview Enhanced</code>插件转换为<code>html</code>格式，侧边栏目录使用开源工具<a
                    href="https://github.com/cayxc/Mdtht">Mdtht</a>生成；</p>
            <p>在此感谢所有的开源贡献者🥰！</p>
        </section>
        <section class="section">
            <h2 class="section-title" id="网站内容与方向">网站内容与方向</h2>
            <p>站内主要发布个人博客📝，分享个人的经验和一些代码成果。</p>
        </section>
        <section class="section">
            <h2 class="section-title" id="欢迎前来交流讨论👋">欢迎前来交流讨论👋</h2>

            <div class="note">
                <strong></strong>
                <ul>
                    <li>欢迎查看我的<a href="https://github.com/CoccusQ">GitHub主页🖥️</a></li>
                    <li>如果想与我交流程序、技术相关话题，请发送至<a href="mailto:king_crab_cn@outlook.com">我的邮箱📫</a></li>
                </ul>
            </div>

        </section>

        <!-- 索引部分 -->
        <div class="guide-grid">
            <article class="guide-card">
                <div class="guide-card-left">
                    <span class="guide-date">Last post</span>
                    <a href="#" class="guide-title-link">
                        <h2 class="guide-title">« </h2>
                    </a>
                </div>
            </article>
            <article class="guide-card">
                <div class="guide-card-right">
                    <span class="guide-date">Next post</span>
                    <a href="https://coccusq.github.io/c-stl-vector" class="guide-title-link">
                        <h2 class="guide-title">C语言实现STL：vector（动态数组） »</h2>
                    </a>
                </div>
            </article>
        </div>
    </main>

    <!-- 右侧边栏 -->
    <aside class="sidebar-right">
        <div class="sidebar-header">文档目录</div>
        <nav class="sidebar-nav" id="sidebar-nav"></nav>
    </aside>

    <!-- 页脚内容 -->
    <footer class="footer">
        <div class="footer-container">
            <div class="footer-column">
                <h4 class="footer-title">About us</h4>
                <div class="footer-links">
                    <a href="https://coccusq.github.io/about">✒️Learn More</a>
                    <a href="https://coccusq.github.io/build-tools">🛠️Build-tools</a>
                </div>
            </div>
            <div class="footer-column">
                <h4 class="footer-title">Useful Tools</h4>
                <div class="footer-links">
                    <a href="https://chat.deepseek.com">🤖DeepSeek</a>
                    <a href="https://github.com/cayxc/Mdtht">📑Mdtht</a>
                    <a href="https://www.emojiall.com">😄EMOJIALL</a>
                </div>
            </div>
            <div class="footer-column">
                <h4 class="footer-title">Social</h4>
                <div class="footer-links">
                    <a href="mailto:king_crab_cn@outlook.com">Email</a>
                    <a href="https://github.com/CoccusQ/coccusq.github.io">GitHub↗</a>
                </div>
            </div>
        </div>
        <div class="footer-divider"></div>
        <div class="footer-copyright">
            <p>© 2025 CoccusQ 🇨🇳. All rights reserved.</p>
        </div>
    </footer>

    <div class="copy-feedback" id="copyFeedback"></div>

    <script src="script.js"></script>

    <!-- 代码高亮 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/prism.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/components/prism-c.min.js"></script>
</body>

</html>