这是一篇最后编辑于 8 年前 的文章，其内容可能与目前实际情况差异较大，请注意甄别
查东西的时候看到了 Bootstrap 的特效,觉得非常好看,就像把里面的一些功能加到 Hexo 的 Next 主题里
(有别的主题是自带 Bootstrap 的,不过 Next 已经被修改了好多,不想在折腾了【虽然有折腾了一晚上】)
加了一些好看的标签,同时修改了 Next 自带的 code 标签
效果展示
效果如下：
- 各种颜色的标签:
- red
- sky
- orange
- blue
- green
- 单行代码框:
int num;- 按键框
- Ctrl + A
- 并且新版的 Next 主题内建标签有了这种 note
- {% note defult %}deafult{% endnote %}
- {% note primary %}primary{% endnote %}
- {% note success %}success{% endnote %}
- {% note info %}info{% endnote %}
- {% note warning %}warning{% endnote %}
- {% note danger %}danger{% endnote %}
然后又顺手重新弄了下 OJ 题目的 CSS (稍微好看了那么一点)
美化完又增加了按键隐藏功能(毕竟题目和代码真长……)
效果如下：
{% raw %}
{% endraw %}
There is a kindom of obsession, so people in this kingdom do things very strictly.
They name themselves in integer, and there are n people with their id continuous (s+1,s+2, ,s+n) standing in a line in arbitrary order, be more obsessively, people with id x wants to stand at yth position which satisfy
x mod y=0
Is there any way to satisfy everyone’s requirement
{% raw %}
{% endraw %}
First line contains an integer T, which indicates the number of test cases.
Every test case contains one line with two integers n, s.
Limits
1≤T≤100.
1≤n≤109.
0≤s≤109.
{% raw %}
{% endraw %}
For every test case, you should output ‘Case #x: y’, where x indicates the case number and counts from 1 and y is the result string.
If there is any way to satisfy everyone’s requirement, y equals ‘Yes’, otherwise y equals ‘No’.
{% raw %}
{% endraw %}
2
5 14
4 11
{% raw %}
{% endraw %}
Case #1: No
Case #2: Yes
{% raw %}
{% raw %}
{% endraw %}
There is a kindom of obsession, so people in this kingdom do things very strictly.
They name themselves in integer, and there are n people with their id continuous (s+1,s+2, ,s+n) standing in a line in arbitrary order, be more obsessively, people with id x wants to stand at yth position which satisfy
x mod y=0
Is there any way to satisfy everyone’s requirement
{% raw %}
{% endraw %}
First line contains an integer T, which indicates the number of test cases.
Every test case contains one line with two integers n, s.
Limits
1≤T≤100.
1≤n≤109.
0≤s≤109.
{% raw %}
{% endraw %}
For every test case, you should output ‘Case #x: y’, where x indicates the case number and counts from 1 and y is the result string.
If there is any way to satisfy everyone’s requirement, y equals ‘Yes’, otherwise y equals ‘No’.
{% raw %}
{% endraw %}
2
5 14
4 11
{% raw %}
{% endraw %}
Case #1: No
Case #2: Yes
{% raw %}
```cpp 123 http://www.baidu.com 123 #include
#include #include #include #include ``````cpp 123 http://www.baidu.com 123 #include
#include #include #include #include ```思路
CSS 部分就是简单的 CSS 代码
只不过是想练下 :after 和 :before
(觉得每次写浮动,都要蛋疼好久)
隐藏和显示则是使用了jquery的一些功能
仔细想一下,其实好久之前就写过这些功能,只不过好久没有碰过,忘完了……
其实就是一个非常简单的选择器的一些操作而已
不过又踩了关于 js 文件加载顺序的坑
如果写jquery函数的话,一定要确保加载完毕(可以在新的文件里写jquery部分)
具体代码
具体代码见文件
/js/My.js
/js/after_jquery.js
/css/My.css
OJ 题目格式使用如下:
<div> <div class="oj"> <div class="part" title="Description"> <!--题面--> </div> <div class="part" title="Input"> <!--输入解释--> </div> <div class="part" title="Output"> <!--输出解释--> </div> <div class="samp"> <div class="clear"></div> <div class="input part" title="Sample Input"> <!--样例输入部分--> </div> <div class="output part" title="Sample Output"> <!--样例输出--> </div> <div class="clear"></div> </div> </div> </div>