refactor(web/faq): bootstrap5

This commit is contained in:
Baoshuo Ren 2022-10-10 13:57:27 +08:00
parent dd341c6e22
commit 224dc3b271
Signed by: baoshuo
GPG Key ID: 00CB9680AB29F51A

View File

@ -2,207 +2,104 @@
requireLib('shjs');
requireLib('mathjax');
echoUOJPageHeader(UOJLocale::get('help'));
$REQUIRE_LIB['bootstrap5'] = '';
?>
<article>
<header>
<h2 class="page-header">常见问题及其解答(FAQ)</h2>
</header>
<section>
<div class="card my-1">
<div class="card-header collapsed" id="headerOne" data-toggle="collapse" data-target="#collapseOne" style="cursor:pointer;">
<h5 class="mb-0">什么是<?= UOJConfig::$data['profile']['oj-name-short'] ?></h5>
</div>
<div id="collapseOne" class="collapse">
<div class="card-body">
<p>来了?坐,欢迎来到 <?= UOJConfig::$data['profile']['oj-name'] ?>。</p>
<p><img src="/images/utility/qpx_n/b37.gif" alt="小熊像超人一样飞" /></p>
<p>众所周知信息学的题目一般形式为给出XXXXX要你提交一份源代码输出XXXXX然后时限若干秒内存若干兆数据若干组每组数据与答案进行比较不对就不给分。</p>
<p>看起来挺合理的但是总是有意外。比如要求输出一个浮点数与答案接近就满分。于是只好引入Special Judge来判断选手输出的正确性。</p>
<p>但是还是有意外比如提交两个程序一个压缩另一个解压比如提交答案题只用提交文件比如给出音乐要求识别乐器达到90%的正确率就算满分……</p>
<p>这个时候UOJ出现了于是<?= UOJConfig::$data['profile']['oj-name-short'] ?>就使用了这套系统。Universal的中文意思是通用之所以称之为UOJ因为我们所有题目从编译、运行到评分都可以由出题人自定义。</p>
<p>如果你正在为没有地方测奇奇怪怪的题目而苦恼,那么你来对地方了。</p>
<p>当然了,<?= UOJConfig::$data['profile']['oj-name-short'] ?>对于传统题的评测也做了特别支持。平时做题时我很难容忍的地方就是数据出水了导致暴力得了好多分甚至过了,而出题人却委屈地说,总共才一百分,卡了这个暴力就不能卡另一个暴力,所以暴力过了就过了吧。</p>
<p>所以我们引入了Extra Tests和Hack机制。每道传统题的数据都分为Tests和Extra TestsTests满分100分如果你通过了所有的Tests那么就会为你测Extra Tests。如果过了Tests但没过Extra Tests那么倒扣3分变为97分。Extra Tests的来源一个是这道题没什么人可能会错的边界情况可以放在里面另一个就是各位平时做题的时候如果发现错误算法AC了可以使用hack将其卡掉<?= UOJConfig::$data['profile']['oj-name-short'] ?>会自动加入Extra Tests并重测。我们无法阻止暴力高分的脚步但是不让他得满分还是有心里安慰作用的</p>
<p><?= UOJConfig::$data['profile']['oj-name-short'] ?>还有比赛功能可以承办比赛赛制暂时只支持OI赛制。不过你可以利用现有方案变相实现ACM赛制未来将支持更多种多样的赛制甚至自定义赛制。</p>
<p>目前<?= UOJConfig::$data['profile']['oj-name-short'] ?>刚刚起步还有很多地方有待完善。想出题、想出比赛、发现BUG、发现槽点都可以联系我们联系方式见下。</p>
<p>祝各位在<?= UOJConfig::$data['profile']['oj-name-short'] ?>玩得愉快!(求不虐萌萌哒服务器~求不虐萌萌哒测评机~!)</p>
<p><img src="/images/utility/qpx_n/b54.gif" alt="小熊抱抱" /></p>
</div>
</div>
</div>
<div class="card my-1">
<div class="card-header collapsed" id="headerTwo" data-toggle="collapse" data-target="#collapseTwo" style="cursor:pointer;">
<h5 class="mb-0">注册后怎么上传头像</h5>
</div>
<div id="collapseTwo" class="collapse">
<div class="card-body">
<p><?= UOJConfig::$data['profile']['oj-name-short'] ?>不提供头像存储服务。每到一个网站都要上传一个头像挺烦的对不对我们支持Gravatar请使用Gravatar吧Gravatar是一个全球的头像存储服务你的头像将会与你的电子邮箱绑定。在各大网站比如各种Wordpress还有各种OJ比如Vijos、Contest Hunter上只要你电子邮箱填对了那么你的头像也就立即能显示了</p>
<p>快使用Gravatar吧 Gravatar地址<a href="https://cn.gravatar.com/">https://cn.gravatar.com/</a>。进去后注册个帐号然后与邮箱绑定并上传头像就ok啦</p>
</div>
</div>
</div>
<div class="card my-1">
<div class="card-header collapsed" id="headerThree" data-toggle="collapse" data-target="#collapseThree" style="cursor:pointer;">
<h5 class="mb-0"><?= UOJConfig::$data['profile']['oj-name-short'] ?>的测评环境?</h5>
</div>
<div id="collapseThree" class="collapse">
<div class="card-body">
<p>默认的测评环境是 Ubuntu Linux 20.04 LTS x64。</p>
<p>C的编译器是 gcc 9.4.0,编译命令:<code>gcc code.c -o code -lm -O2 -DONLINE_JUDGE</code></p>
<p>C++的编译器是 g++ 9.4.0,编译命令:<code>g++ code.cpp -o code -lm -O2 -DONLINE_JUDGE</code>。默认为 C++14,如果选择特定语言版本会添加 <code>-std=</code> 参数。</p>
<p>Pascal的编译器是 fpc 3.0.4,编译命令:<code>fpc code.pas -O2</code></p>
<p>Python会先编译为优化过的字节码<samp>.pyo</samp>文件。支持的Python版本分别为Python 2.7和3.8</p>
</div>
</div>
</div>
<div class="card my-1">
<div class="card-header collapsed" id="headerFour" data-toggle="collapse" data-target="#collapseFour" style="cursor:pointer;">
<h5 class="mb-0">各种评测状态的鸟语是什么意思?</h5>
</div>
<div id="collapseFour" class="collapse">
<div class="card-body">
<ul>
<li>Accepted: 答案正确。恭喜大佬,您通过了这道题。</li>
<li>Wrong Answer: 答案错误。仅仅通过样例数据的测试并不一定是正确答案,一定还有你没想到的地方。</li>
<li>Runtime Error: 运行时错误。像非法的内存访问,数组越界,指针漂移,调用禁用的系统函数都可能出现这类问题,请点击评测详情获得输出。</li>
<li>Time Limit Exceeded: 时间超限。请检查程序是否有死循环,或者应该有更快的计算方法。</li>
<li>Memory Limit Exceeded: 内存超限。数据可能需要压缩,或者您数组开太大了,请检查是否有内存泄露。</li>
<li>Output Limit Exceeded: 输出超限。你的输出居然比正确答案长了两倍!</li>
<li>Dangerous Syscalls: 危险系统调用你是不是带了文件或者使用了某些有意思的system函数</li>
<li>Judgement Failed: 评测失败。可能是评测机抽风了,也可能是服务器正在睡觉;反正不一定是你的锅啦!</li>
<li>No Comment: 没有详情。评测机对您的程序无话可说,那么我们也不知道到底发生了什么...</li>
</ul>
</div>
</div>
</div>
<div class="card my-1">
<div class="card-header collapsed" id="headerFive" data-toggle="collapse" data-target="#collapseFive" style="cursor:pointer;">
<h5 class="mb-0">递归 10<sup>7</sup> 层怎么没爆栈啊</h5>
</div>
<div id="collapseFive" class="collapse">
<div class="card-body">
<p>没错就是这样!除非是特殊情况,<?= UOJConfig::$data['profile']['oj-name-short'] ?>测评程序时的栈大小与该题的空间限制是相等的!</p>
</div>
</div>
</div>
<div class="card my-1">
<div class="card-header collapsed" id="headerSix" data-toggle="collapse" data-target="#collapseSix" style="cursor:pointer;">
<h5 class="mb-0">我在本地/某某OJ上AC了但在<?= UOJConfig::$data['profile']['oj-name-short'] ?>却过不了...这咋办?</h5>
</div>
<div id="collapseSix" class="collapse">
<div class="card-body">
<p>对于这类问题,我们在这里简单列一下可能原因:</p>
<ul>
<li>Linux中换行符是'\n'而windows中是'\r\n'多一个字符。有些数据在Windows下生成<?= UOJConfig::$data['profile']['oj-name-short'] ?>评测环境为Linux系统。这种情况在字符串输入中非常常见。</li>
<li>评测系统建立在Linux下可能由于使用了Linux的保留字而出现CE但在Windows下正常。</li>
<li>Linux对内存的访问控制更为严格因此在Windows上可能正常运行的无效指针或数组下标访问越界在评测系统上无法运行。</li>
<li>严重的内存泄露的问题很可能会引起系统的保护模块杀死你的进程。因此凡是使用malloc(或calloc,realloc,new)分配而得的内存空间请使用free(或delete)完全释放。</li>
<li>当然数据可能真的有问题。但是如果不止一个人通过了这道题,那最好不要怀疑是数据的锅。反之,可以立即联系我们上报!</li>
</ul>
</div>
</div>
</div>
<div class="card my-1">
<div class="card-header collapsed" id="headerSeven" data-toggle="collapse" data-target="#collapseSeven" style="cursor:pointer;">
<h5 class="mb-0">博客使用指南</h5>
</div>
<div id="collapseSeven" class="collapse">
<div class="card-body">
<p><?= UOJConfig::$data['profile']['oj-name-short'] ?>博客使用的是Markdown。好吧……好简陋的……好多功能还没写……</p>
<p>喂喂喂我们是OJ好吗……要那么完善的博客功能干啥呢……</p>
<p>其实我觉得Markdown不用教一学就会</p>
<p>(完蛋了……<?= UOJConfig::$data['profile']['oj-name-short'] ?>好像没有Markdown的语法高亮……= =……)</p>
<p>我就只介绍最基本的功能好了。其它的自己探索吧~比如<a href="http://wow.kuapp.com/markdown/">这里</a></p>
<!-- readmore -->
<p><code>**强调**</code> = <strong>强调</strong></p>
<hr /><p><code>*强调*</code> = <em>强调</em></p>
<hr /><p><code>[<?= UOJConfig::$data['profile']['oj-name-short'] ?>](<?= HTML::url('/') ?>)</code> = <a href="<?= HTML::url('/') ?>"><?= UOJConfig::$data['profile']['oj-name-short'] ?></a></p>
<hr /><p><code><?= HTML::url('/') ?></code> = <a href="http://<?= UOJConfig::$data['web']['main']['host'] ?>"><?= HTML::url('/') ?></a></p>
<hr /><p><code>![这个文字在图挂了的时候会显示](<?= HTML::url('/images/favicon.ico') ?>)</code> =
<img src="<?= HTML::url('/images/favicon.ico') ?>" alt="这个文字在图挂了的时候会显示" /></p>
<hr /><p><code>`rm orz`</code> = <code>rm orz</code></p>
<hr /><p><code>数学公式萌萌哒$(a + b)^2$萌萌哒</code> = 数学公式萌萌哒$(a + b)^2$萌萌哒</p>
<hr /><p><code>&lt;!-- readmore --&gt;</code> = 在外面看这篇博客时会到此为止然后显示一个“阅读更多”字样</p>
<hr /><p>来个更大的例子:</p>
<pre>
```c++
#include &lt;iostream&gt;
```
<?php echoUOJPageHeader(UOJLocale::get('help')) ?>
<div class="card card-default">
<article class="card-body">
<h1 class="h3 card-title mb-3">常见问题及其解答 (FAQ)</h1>
```c
#include &lt;stdio.h&gt;
```
<h5 class="mt-4"><?= UOJConfig::$data['profile']['oj-name-short'] ?> 是什么</h5>
<p class="card-text">
<a href="https://sjzezoj.com/blogs/1">https://sjzezoj.com/blogs/1</a>
</p>
```pascal
begin
```
<h5 class="mt-4">测评环境</h5>
<p class="card-text">评测机的系统版本是 Ubuntu Server 22.04 LTS。</p>
<div class="table-responsive">
<table class="table table-bordered text-center align-middle">
<thead>
<th>语言</th>
<th>版本</th>
<th>编译命令</th>
</thead>
<tbody>
<tr>
<td>C</td>
<td>gcc 11.2.0</td>
<td><code>gcc -o code code.c -lm -O2 -DONLINE_JUDGE</code></td>
</tr>
<tr>
<td>C++</td>
<td>g++ 11.2.0</td>
<td><code>g++ -o code code.cpp -lm -O2 -DONLINE_JUDGE</code>(语言版本默认为 C++14,如选择其他版本还会添加 <code>-std=</code> 参数)</td>
</tr>
<tr>
<td>Pascal</td>
<td>fpc 3.2.2</td>
<td><code>fpc code.pas -O2</code></td>
</tr>
<tr>
<td>Python 2</td>
<td>Python 2.7.18</td>
<td rowspan="2">预先编译为优化过的字节码 <code>.pyo</code> 文件</td>
</tr>
<tr>
<td>Python 3</td>
<td>Python 3.10.6</td>
</tr>
<tr>
<td>Java 8</td>
<td>OpenJDK 1.8.0_342</td>
<td rowspan="3"><code>javac code.java</code></td>
</tr>
<tr>
<td>Java 11</td>
<td>OpenJDK 11.0.16</td>
</tr>
<tr>
<td>Java 17</td>
<td>OpenJDK 17.0.4</td>
</tr>
</tbody>
</table>
</div>
<p class="card-text">以上信息仅供参考,实际评测环境可能会有变动。</p>
```python
print '<?= UOJConfig::$data['profile']['oj-name-short'] ?>'
```
<h5 class="mt-4">如何上传头像</h5>
<p class="card-text">
<?= UOJConfig::$data['profile']['oj-name-short'] ?> 不提供头像存储服务。每到一个网站都要上传一个头像挺烦的对不对?我们支持 Gravatar请使用 Gravatar 吧Gravatar 是一个全球的头像存储服务,你的头像将会与你的电子邮箱绑定。在各大网站比如各种 Wordpress 还有各种 OJ 比如 Vijos、Contest Hunter 上,只要你电子邮箱填对了,那么你的头像也就立即能显示了!
</p>
<p class="card-text">
快使用 Gravatar Gravatar 地址:<a href="https://cn.gravatar.com" target="_blank">https://cn.gravatar.com</a>。进去后注册个帐号然后与邮箱绑定并上传头像,就 OK 啦!
</p>
\begin{equation}
\frac{-b + \sqrt{b^2 - 4ac}}{2a}
\end{equation}
<h5 class="mt-4">递归 10<sup>7</sup> 层怎么没爆栈啊</h5>
<p class="card-text">
没错就是这样!除非是特殊情况,<?= UOJConfig::$data['profile']['oj-name-short'] ?> 测评程序时的栈大小与该题的空间限制是相等的!
</p>
#一级标题
##二级标题
###三级标题
####四级标题
</pre>
<p>会转换为:</p>
<pre><code class="sh_cpp">#include &lt;iostream&gt;</code></pre>
<pre><code class="sh_c">#include &lt;stdio.h&gt;</code></pre>
<pre><code class="sh_pascal">begin</code></pre>
<pre><code class="sh_python">print '<?= UOJConfig::$data['profile']['oj-name-short'] ?>'</code></pre>
<p>\begin{equation}
\frac{-b + \sqrt{b^2 - 4ac}}{2a}
\end{equation}</p>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<hr /><p>还有一个很重要的事情,就是你很容易以为<?= UOJConfig::$data['profile']['oj-name-short'] ?>在吃换行……</p>
<p>那是因为跟LaTeX一样你需要一个空行来分段。你可以粗略地认为两个换行会被替换成一换行。当然不完全是这样空行是用来分段的段落还有间距啊行首空两格啊之类的属性</p>
<p>唔……就介绍到这里吧。想要更详细的介绍上网搜搜吧~</p>
<p>评论区是不可以用任何HTML滴但是数学公式还是没问题滴</p>
</div>
</div>
</div>
<div class="card my-1">
<div class="card-header collapsed" id="headerEight" data-toggle="collapse" data-target="#collapseEight" style="cursor:pointer;">
<h5 class="mb-0">交互式类型的题怎么本地测试</h5>
</div>
<div id="collapseEight" class="collapse">
<div class="card-body">
<p>唔……好问题。交互式的题一般给了一个头文件要你include进来以及一个实现接口的源文件grader。好像大家对多个源文件一起编译还不太熟悉。</p>
<p>对于C++<code>g++ -o code grader.cpp code.cpp</code></p>
<p>对于C语言<code>gcc -o code grader.c code.c</code></p>
<p>如果你是悲催的电脑盲实在不会折腾没关系你可以把grader的文件内容完整地粘贴到你的code的include语句之后就可以了</p>
<p>什么你是萌萌哒Pascal选手一般来说都会给个grader你需要写一个Pascal单元。这个grader会使用你的单元。所以你只需要把源文件取名为单元名 + <code>.pas</code>,然后:</p>
<p>对于Pascal语言<code>fpc grader.pas</code></p>
<p>就可以啦!</p>
</div>
</div>
</div>
<div class="card my-1">
<div class="card-header collapsed" id="headerNine" data-toggle="collapse" data-target="#collapseNine" style="cursor:pointer;">
<h5 class="mb-0">联系方式</h5>
</div>
<div id="collapseNine" class="collapse">
<div class="card-body">
<p>如果你想出题、想办比赛、发现了BUG或者对网站有什么建议可以通过下面的方式联系我们</p>
<ul>
<li>邮件联系 <a href="/user/profile/baoshuo" class="uoj-username">baoshuo</a><a href="mailto:i@baoshuo.ren">i@baoshuo.ren</a>)或者 <a href="/user/profile/nekko" class="uoj-username">nekko</a><a href="mailto:1139855151@qq.com">1139855151@qq.com</a>)。</li>
<?php if (UOJConfig::$data['profile']['QQ-group']!=''): ?>
<li>你也可以进QQ群水水群号是<?= UOJConfig::$data['profile']['QQ-group'] ?>。</li>
<?php endif ?>
</ul>
</div>
</div>
</div>
</section>
<h5 class="mt-4">联系方式</h5>
<p class="card-text">
题目相关问题请联系各校区的竞赛教练以及题目管理员。
</p>
<p class="card-text">
系统相关问题请邮件联系 <a href="https://sjzezoj.com/user/profile/baoshuo" class="uoj-username">baoshuo</a><a href="mailto:i@baoshuo.ren">i@baoshuo.ren</a>
<a href="https://sjzezoj.com/user/profile/nekko" class="uoj-username">nekko</a><a href="mailto:1139855151@qq.com">1139855151@qq.com</a>)。
</p>
<h5 class="mt-4">开源项目</h5>
<p class="card-text">
<?= UOJConfig::$data['profile']['oj-name-short'] ?> 的源代码存放于
<a href="https://github.com/renbaoshuo/S2OJ" target="_blank">https://github.com/renbaoshuo/S2OJ</a>
如果你网不太好,打不开 GitHub 的话,也可以点击 <a href="https://git.m.ac/baoshuo/S2OJ" target="_blank">https://git.m.ac/baoshuo/S2OJ</a> 查看哦!这两个仓库的内容是一模一样的。
</p>
<h5 class="mt-4">用户手册</h5>
<p class="card-text">
请移步 <a href="https://s2oj.github.io/">S2OJ 使用文档</a>
</p>
</article>
</div>
<?php echoUOJPageFooter() ?>