-
-
Notifications
You must be signed in to change notification settings - Fork 21
/
Copy path_index.zh.html
219 lines (208 loc) · 8.88 KB
/
_index.zh.html
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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
+++
title = "CP Editor"
linkTitle = "CP Editor"
translated = true
+++
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="/vendors/linericon/style.css">
<link rel="stylesheet" href="/vendors/owl-carousel/owl.carousel.min.css">
<!-- main css -->
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/responsive.css">
<div style="margin: -15px;">
<!--================Home Banner Area =================-->
<div class="home_banner_area">
<div class="banner_inner">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="banner_content">
<h2>算法竞赛选手们<br />所需要的 IDE</h2>
<p>CP Editor 专为算法竞赛设计，不像其它 IDE 主要是为了开发设计的。它可以帮助你自动化编译、运行、测试，从而让你专注于算法设计。它甚至可以从各种算法竞赛网站上获取样例，将代码提交到 Codeforces 上！</p>
<a class="banner_btn" href="https://github.com/cpeditor/cpeditor">在 GitHub 上查看</a>
<a class="banner_btn2" href="download">下载</a>
</div>
</div>
<div class="col-lg-7">
<div class="home_left_img">
<img class="img-fluid" src="/img/banner/home-left-white.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!--================End Home Banner Area =================-->
<!--================Work Area =================-->
<div class="work_area p_120">
<div class="container">
<div class="main_title">
<h2>它如何为你工作</h2>
<p>CP Editor 解决了算法竞赛中重复和无聊的任务。它会尽可能地将操作自动化，让你完全专注于代码。</p>
</div>
<div class="work_inner row">
<div class="col-lg-4">
<div class="work_item">
<i class="lnr lnr-screen"></i>
<a><h4>获取测试用例</h4></a>
<p>CP Editor 可以从几乎所有的算法竞赛网站上自动获取样例。你再也不用手动进行麻烦的复制粘贴。</p>
</div>
</div>
<div class="col-lg-4">
<div class="work_item">
<i class="lnr lnr-code"></i>
<a><h4>更快地编程</h4></a>
<p>强大的可自定义代码片段功能可加快编程速度。在短短两秒钟内，你可以将整个 DFS 代码插入编辑器。</p>
</div>
</div>
<div class="col-lg-4">
<div class="work_item">
<i class="lnr lnr-clock"></i>
<a><h4>获取评测结果</h4></a>
<p>你可以通过内置检查器或来自 testlib 的检查器一键获取样例的评测结果。你也可以添加自己的 SPJ。</p>
</div>
</div>
</div>
</div>
</div>
<!--================End Work Area =================-->
<!--================Made Life Area =================-->
<div class="made_life_area p_120">
<div class="container">
<div class="made_life_inner">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#withoutSaving" role="tab" aria-controls="home" aria-selected="true">运行而无需保存</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#themes" role="tab" aria-controls="profile" aria-selected="false">多种主题</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contact-tab" data-toggle="tab" href="#linting" role="tab" aria-controls="contact" aria-selected="false">代码检查</a>
</li>
<li class="nav-item">
<a class="nav-link" id="edge-tab" data-toggle="tab" href="#codeforces" role="tab" aria-controls="edge" aria-selected="false">提交至 Codeforces</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="withoutSaving" role="tabpanel" aria-labelledby="home-tab">
<div class="row made_life_text">
<div class="col-lg-6">
<div class="left_side_text">
<h3>在任何时候<br />运行任何代码</h3>
<h6>我们知道你想要无需临时文件就能进行测试</h6>
<p>你可以一键运行代码而无需保存，热退出功能使你可以轻松地从上一个会话中还原代码。</p>
<a class="main_btn" href="download">即刻开始</a>
</div>
</div>
<div class="col-lg-6">
<div class="chart_img">
<img class="img-fluid" src="/img/simple.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="themes" role="tabpanel" aria-labelledby="profile-tab">
<div class="row made_life_text">
<div class="col-lg-6">
<div class="left_side_text">
<h3>想要暗色模式？<br />我们提供了</h3>
<h6>我们的生活是丰富多彩的，难道代码编辑器就不吗？</h6>
<p>我们提供了五个不同的主题供你选择：Light, Drakula, Monkai, Solarized Light 以及 Solarized Dark。如果你不满意，请告诉我们，我们将为你提供更多。</p>
<a class="main_btn" href="download">即刻开始</a>
</div>
</div>
<div class="col-lg-6">
<div class="chart_img">
<img class="img-fluid" src="/img/themes.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="linting" role="tabpanel" aria-labelledby="contact-tab">
<div class="row made_life_text">
<div class="col-lg-6">
<div class="left_side_text">
<h3>错误和警告？<br />我们会在你打字的过程中指出</h3>
<h6>用代码检查节省宝贵的比赛时间 </h6>
<p>就像 VS Code 和 Atom 中的 Intellisense 那样，使用 Language Server，我们可以为代码中的错误和警告提供实时更新。你可以在警告下方看到波浪线，并将鼠标悬停在它们上方以获取提示。</p>
<a class="main_btn" href="download">即刻开始</a>
</div>
</div>
<div class="col-lg-6">
<div class="chart_img">
<img class="img-fluid" src="/img/linting.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="codeforces" role="tabpanel" aria-labelledby="edge-tab">
<div class="row made_life_text">
<div class="col-lg-6">
<div class="left_side_text">
<h3>我们可以将你的代码<br/>提交到 Codeforces</h3>
<h6>多亏了算法竞赛编程社区</h6>
<p>我们收集了算法竞赛编程中最好的工具，并将它们合并为一个 IDE。其中一种这样的工具称为 CF Tool。我们已经添加了它，因此，你可以在 CP Editor 中提交并获取评测结果。</p>
<a class="main_btn" href="download">即刻开始</a>
</div>
</div>
<div class="col-lg-6">
<div class="chart_img">
<img class="img-fluid" src="/img/codeforces.jfif" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--================End Made Life Area =================-->
<!--================Screen Area =================-->
<div class="screen_area text-center p_120">
<div class="container">
<div class="main_title">
<h2>独特的屏幕，完美地工作</h2>
<p> 我们已经创建了一个简洁而功能强大的 UI，在解决问题时不会让你感到困惑 <br> 你所需的一切始终在你的眼前</p>
</div>
<img class="img-fluid" src="/img/banner/home-center-2.jpg" alt="">
</div>
</div>
<!--================End Screen Area =================-->
<!--================Made Life Area =================-->
<div class="made_life_area made_white p_120">
<div class="container">
<div class="made_life_inner">
<div class="row made_life_text">
<div class="col-lg-6">
<div class="chart_img">
<img class="img-fluid" src="/img/banner/home-left-black.png" alt="">
</div>
</div>
<div class="col-lg-6">
<div class="left_side_text">
<h3>全面支持<br />C/C++, Java 和 Python</h3>
<h6>使用你喜欢的语言</h6>
<p>我们支持三种编程语言。你可以设置自己的编译命令，并将运行时参数传递给代码。令人兴奋的是，你有机会在带有一键式选项的不同选项卡中使用不同的语言。</p>
<a class="main_btn" href="download">即刻开始</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--================End Made Life Area =================-->
<!--================Impress Area =================-->
<div class="impress_area p_120">
<div class="container">
<div class="impress_inner">
<h2>被 CP Editor 的强大功能所吸引了？</h2>
<p>很高兴你选择尝试 CP Editor。<br>我们希望 CP Editor 能够满足你在算法竞赛编程中的所有需求。<br>CP Editor 由算法竞赛选手创建，给算法竞赛选手使用，为算法竞赛选手着想。</p>
<a class="banner_btn2" href="download">现在就试试</a>
</div>
</div>
</div>
<!--================End Impress Area =================-->
<script src="/vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="/js/index.js"></script>
</div>