Add help page

modules/index.js

@@ -58,3 +58,14 @@ app.get('/', async (req, res) => {
     });
   }
 });
+
+app.get('/help', async (req, res) => {
+  try {
+    res.render('help');
+  } catch (e) {
+    syzoj.log(e);
+    res.render('error', {
+      err: e
+    });
+  }
+});

views/header.ejs

@@ -20,6 +20,7 @@
             <a class="item<% if (active.startsWith('judge')) { %> active<% } %>" href="/judge_state"><i class="tasks icon"></i> 评测</a>
             <a class="item<% if (active === 'ranklist') { %> active<% } %>" href="/ranklist"><i class="signal icon"></i> 排名</a>
             <a class="item<% if (active === 'discussion' || active === 'article') { %> active<% } %>" href="/discussion"><i class="comments icon"></i> 讨论</a>
+            <a class="item<% if (active === 'help') { %> active<% } %>" href="/help"><i class="help circle icon"></i> 帮助</a>
             <div class="right menu">
               <% if (user) { %>
               <div class="ui simple dropdown item" onclick="location.href = '<%= syzoj.utils.makeUrl(['user', user.id]) %>'">

views/help.ejs

@@ -0,0 +1,48 @@
+<% this.title = '帮助' %>
+<% include header %>
+<div class="padding">
+  <h1 class="ui center aligned header">帮助</h1>
+  <div>
+    <h2 class="ui header">评测</h2>
+    <p>
+      C++ 使用 <code>g++</code> 编译，命令为 &nbsp;<code>g++ source_file.cpp -o exec_file -O2 -lm -DONLINE_JUDGE</code>；
+      <br> C 使用 <code>gcc</code> 编译，命令为 &nbsp;<code>gcc source_file.c -o exec_file -O2 -lm -DONLINE_JUDGE</code>；
+      <br> Pascal 使用 <code>fpc</code> 编译，命令为 &nbsp;<code>fpc source_file.pas -O2</code>。
+      <br>
+    </p>
+    <p>请根据题目中的说明选择使用<strong>标准输入输出</strong>或<strong>文件输入输出</strong>。</p>
+
+    <h2 class="ui header">个人资料<br></h2>
+    <p>本站不提供头像存储服务，而是使用 Gravatar 进行头像显示。请使用邮箱注册 <a href="https://zh-cn.wordpress.com/">WordPress.com</a>，登录 <a href="https://cn.gravatar.com/">Gravatar</a> 并上传头像。同样使用 Gravatar 的 OJ 有 Vijos、COGS、UOJ 等。</p>
+    <p>个性签名可以使用 Markdown 与 HTML，请不要在其中添加恶意代码。</p>
+    <h2 class="ui header">添加题目</h2>
+    <div>
+      <p>在<a href="/problem/0/edit">添加题目页面</a>填写题面，题目内容使用 Markdown 与 TeX 公式。</p>
+      <p>在添加好的题目页面选择「上传测试数据」，可以调整时间和内存限制。数据包是一个 <code>zip</code> 压缩包：</p>
+      <div class="ui existing segment" style="border-radius: 0.285714rem; font-size: 14px;"><pre style="margin-top: 0px; margin-bottom: 0px;"><code>xxx.zip
+  <span class="hljs-string">|</span>
+  <span class="hljs-string">|--data_rule.txt</span>
+  <span class="hljs-string">|--input1.in</span>
+  <span class="hljs-string">|--output1.out</span>
+  <span class="hljs-string">|--input2.in</span>
+  <span class="hljs-string">|--output2.out</span>
+  <span class="hljs-string">|--......</span>
+</code></pre>
+      </div>
+      <p>其中&nbsp;<code>data_rule.txt</code>&nbsp;格式类似这样三行：</p>
+      <div class="ui existing segment" style="border-radius: 0.285714rem; font-size: 14px;"><pre style="margin-top: 0px; margin-bottom: 0px;"><code><span class="hljs-number">1</span> <span class="hljs-number">2</span> <span class="hljs-number">3</span> <span class="hljs-number">4</span> <span class="hljs-number">5</span> <span class="hljs-number">6</span> <span class="hljs-number">7</span> <span class="hljs-number">8</span> <span class="hljs-number">9</span> <span class="hljs-number">10</span>
+input#.in
+output#.out
+</code></pre>
+      </div>
+      <ol>
+        <li>第一行表示有哪些测试点，用空格分开；</li>
+        <li>第二行表示输入文件名字，其中&nbsp;<code>#</code>&nbsp;会被替换成相应的测试点编号；</li>
+        <li>第三行表示输出文件名字，其中&nbsp;<code>#</code>&nbsp;会被替换成相应的测试点编号。</li>
+      </ol>
+      <p>注意：<span><code>zip</code> 包内<strong>没有</strong>一层文件夹，直接是上述文件。</span>
+      </p>
+    </div>
+  </div>
+</div>
+<% include footer %>