没有人做笔记 样版

我和我的小伙伴们都惊呆了!!

此页为于SCP维基内部使用的样版页。

在未经同意的情况下
请不要动这页里面的东西


评分: +33+x







没有人喜欢玩双关。开门见山,这里是为nobody的goi格式设计的笔记本单页版式。

部分代码取自格式资源的便签纸样式1,样板内的文本来自狗屁不通文章生成器2。没有人知道为什么要用这个作为乱数文本。

如果想要使用的话,请复制下方的引用块和两个模板的其中之一。

由于屏幕适应性,该样版分电脑端和手机端两个效果,手机端会减缩成通常的加底纹Quote样式。

建议在宽屏电脑上浏览以获取更好的体验。同时建议书页不宜过长。

以及,建议使用版式二更美观和便于操作。






用法

{$sub-title}

1. 引用源代码

  • 只需要复制一次,然后粘贴到顶部3

[[include :scp-wiki-cn:component:note-source]]

  • 全局自定义选项

全局自定义选项将更改整个页面所有该组件相关的样式,会被单页样式取代,如下所示。
所有自定义选项的末尾都不要带空格。以及,用斜体标出的个人设置会在手机端强制取消效果,下同。

[[include :scp-wiki-cn:component:note-source
|nobody=true , 填 true 时可将页眉标题和logo改为nobody,不填则保持原状。
|collapsible-sidebar=true ,填true时启用可折叠侧边栏,不填则保持原状。
|nobody=true , 填 true 时可将页眉标题和logo改为nobody,不填则保持原状。
|color-ridge-cover= rgba(var(--cl-a4)) 此处调整书脊封皮拱起颜色,一般与封皮颜色保持一致,可不填。
|color-ridge-vacancy=#fff 此处调整书脊抠口颜色,亦即书脊拱起后的空缺部分。一般与背景颜色相同,特别是用了其他版式的情况时。可不填。4
|main-content=52rem , 当启用可折叠侧边栏时,选填此可以调整宽屏时页面内容的宽度,可填参数,建议值为52rem。
|my-bookmark = 可不填,填 0 及在手机端时取消该组件的书签样式。优先级低于单个笔记本组件的自定义设定。
|font-size= 字体大小。
|font-size-phone= 在手机端的字体大小。
]]



2. 从以下样式中挑选一个



样式一









样式二



代码如下:

[[include :scp-wiki-cn:component:note-left-start]]
左侧文本
[[include :scp-wiki-cn:component:note-mid-separator]]
右侧文本
[[include :scp-wiki-cn:component:note-right-end]]



自定义选项

选项与上文相同,但“mark-size”一项被“mark-left-size”和“mark-right-size”取代。

[[include :scp-wiki-cn:component:note-left-start
|self-defining= 填true开启单独自定义选项
|name= 必填,任意英文字母组合皆可9
|font-family= 字体名称,默认是宋体10
|line-rgba= 每行线条颜色。
|page-color= 页面颜色。
|text-color= 文本颜色。
|book= 笔记本的书页,默认显示,填none则取消边框。
|mark-left-size= 调整左页书签尺寸,不填则默认不显示标签。
|mark-right-size= 调整右页书签尺寸,不填则默认不显示标签。
|mark-position=调整书签位置,填两个参数,百分数或px/em/rem皆可。
|color-ridge-cover= rgba(var(--cl-a4)) 此处调整书脊封皮拱起颜色,一般与封皮颜色保持一致,可不填。
|color-ridge-vacancy=#fff 此处调整书脊抠口颜色,亦即书脊拱起后的空缺部分。一般与背景颜色相同,特别是用了其他版式的情况时。可不填。11
]]

左侧文本

[[include :scp-wiki-cn:component:note-mid-separator]]

右侧文本

[[include :scp-wiki-cn:component:note-right-end]]


效果如下:

 从这个角度来看, 生活中,若没有人出现了,我们就不得不考虑它出现了的事实。 我认为, 这样看来, 没有人,发生了会如何,不发生又会如何。 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 既然如此, 既然如何, 没有人,发生了会如何,不发生又会如何。 阿卜·日·法拉兹说过一句富有哲理的话,学问是异常珍贵的东西,从任何源泉吸收都不可耻。

我希望诸位也能好好地体会这句话。 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 生活中,若没有人出现了,我们就不得不考虑它出现了的事实。 可是,即使是这样,没有人的出现仍然代表了一定的意义。 既然如何, 没有人,到底应该如何实现。 要想清楚,没有人,到底是一种怎么样的存在。 从这个角度来看, 既然如何, 生活中,若没有人出现了,我们就不得不考虑它出现了的事实。 亚伯拉罕·林肯在不经意间这样说过,你活了多少岁不算什么,重要的是你是如何度过这些岁月的。这似乎解答了我的疑惑。

王阳明曾经说过,故立志者,为学之心也;为学者,立志之事也。这启发了我, 而这些并不是完全重要,更加重要的问题是, 克劳斯·莫瑟爵士曾经提到过,教育需要花费钱,而无知也是一样。这似乎解答了我的疑惑。 对我个人而言,没有人不仅仅是一个重大的事件,还可能会改变我的人生。 一般来讲,我们都必须务必慎重的考虑考虑。 达·芬奇曾经说过,大胆和坚定的决心能够抵得上武器的精良。这句话语虽然很短,但令我浮想联翩。 经过上述讨论, 现在,解决没有人的问题,是非常非常重要的。

我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。 那么, 就我个人来说,没有人对我的意义,不能不说非常重大。 歌德说过一句富有哲理的话,决定一个人的一生,以及整个命运的,只是一瞬之间。这似乎解答了我的疑惑。 了解清楚没有人到底是一种怎么样的存在,是解决一切问题的关键。






单页样式






通常单页



如果你只想用条纹纸/笔记本单页格式,即该组件在PC端显示的样式的话,复制以下代码即可,效果正如下所示:

[[div class="note-quote-out note-nobody "]]
[[div class="note-quote-inner"]]
正文在此
[[/div]]
[[/div]]


特殊单页


如果不满足于此的话,下面提供了一个用mask效果形成的撕页样式。你可以自定义齿痕,是在左边还是右边抑或是两边12

{$side-text}

{$upon-text}

[[include :scp-wiki-cn:component:note-paper-head
|chew-paper=horiz 填 left / right / top / bottom / horiz / verti 时,会在纸张的 左 / 右 / 上 / 下 / 左右 / 上下 出现齿痕。不填或填其他时,则与上方样式相近。
|pc-width=100% 此处调节PC端的纸张宽度,一般建议填60%,以让纸张的宽度看起来更像是书页。不填则默认100%,其会在移动端时会恢复默认值。
|name= 当你需要开启自定义选项时,则填此。任意英文字母组合皆可13
]]

正文在此

[[include :scp-wiki-cn:component:note-paper-tail]]

-1-

{$side-text}




{$side-text}

更多自定义选项

[[include :scp-wiki-cn:component:note-paper-head
|crease-left= 填 top / bottom,分别在纸张左侧的上方、下方出现折角折痕。14
|crease-right= 填 top / bottom,分别在纸张右侧的上方、下方出现折角折痕1516
|upon-set=left 选填 left / center / right,填写之后可令页眉文本向对应方向对齐。不填写则不开启页眉选填文本。
|upon-text=文本选填文字,会出现在页眉,一般可当做标题来填写。支持斜体/加粗/下划线的维基语法。
|header-footer=true 可不填。当填 true 时,可开启下方的页面页脚自定义选项17
|upon-color=#999 选填色码,改变页眉文字颜色。默认颜色同正文。
|upon-size= 选填页眉文本大小。
|upon-typeface= 选填页眉文本字体(如果字体可用)。
|upon-margin= 调整页眉文本的边距 margin18,默认值是 0.5rem 0.2rem -1rem 0.2rem19
|under-color=#999 选填色码,改变页尾文字颜色。默认颜色同正文。
|under-size= 选填页尾文本大小。
|under-typeface= 选填页尾文本字体(如果字体可用)。
|under-margin= 调整页尾文本的边距 margin20,默认值是 0 0 0 0
]]

正文在此

[[include :scp-wiki-cn:component:note-paper-tail
|under-set=left 选填 left / center / right,填写之后可令页尾文本向对应方向对齐。不填写则不开启选填文本。
|under-text=-2- 选填文字,会出现在页尾,一般可当做页码来填写。支持斜体/加粗/下划线的维基语法。
]]

-2-

{$side-text}




{$side-text}

进阶自定义选项

[[include :scp-wiki-cn:component:note-paper-head
|self-defining=true 可不填。填 true 时启用进阶自定义选项21
|paper-chew-size= 1rem 撕边大小。
|paper-chew-mobsize= 1rem 手机上的撕边大小。
|text-color= 文本颜色。
|filter-text= 文本滤镜。
|line-color= 行线颜色,仅限Hex格式中的#后面部分22
|page-color= 纸张颜色。
|min-height= 纸张最小高度,用于在字数很少的情况时,将页面撑高。
|min-width= 纸张最小宽度,用于在字数很少的情况时,将页面撑宽。
|min-mob-height= 移动端纸张最小高度,填auto时恢复原先尺寸。
|min-mob-width= 移动端纸张最小宽度,,填auto时恢复原先尺寸。
|background-left= 前缘部分颜色
|background-right= 后缘部分颜色
|background-mid= 正文部分颜色
|background-inner= 包裹前中后三部分的覆盖颜色/图片
|cover-midner= 中间部分的覆盖颜色/图片
|accessory= 可不填。附加组件,目前只能填 scroll-verti 和 scroll-horiz 开启古代卷轴的轴23
]]

正文在此

[[include :scp-wiki-cn:component:note-paper-tail]]

-3-

{$side-text}




左缘文本

额外自定义选项


[[include :scp-wiki-cn:component:note-paper-head
|self-defining=true
|side-text-before=block 填 block 且 |chew-paper= none/水平24 时,会允许左缘出现文本。
|side-text-after=block 填 block 且 |chew-paper= none/水平25 时,会允许右缘出现文本。
|side-text=左缘文本
]]
正文在此

[[include :scp-wiki-cn:component:note-paper-tail
|side-text=右缘文本
]]

-4-

右缘文本



单页预设样式


灵活运用好组合可实现多种效果。

以下为整合过的特殊样式,只需要添加以下代码到上述自定义代码里即可:

|preset-syle= scroll / oldpaper / notepaper

具体的预设特殊样式见下:

{$side-text}

{$upon-text}

ICON-naga-dragon-MINI.png

一 、古代卷轴【scroll】

[[include :scp-wiki-cn:component:note-paper-head
|preset-style=scroll
|chew-paper=【自定义】
]]
正文在此
[[include :scp-wiki-cn:component:note-paper-tail]]

{$under-text}

{$side-text}


  • 选填选项:添加卷轴的轴

|accessory=scroll-verti / scroll-horiz 可不填。附加组件,目前只能填 scroll-verti 和 scroll-horiz 以在垂直/水平方向增加卷轴的轴
|hidden-scroll-side=left / right / top / bottom 若开启卷轴的轴,选填四个方向的其中之一,以隐藏一根轴。



{$side-text}

{$upon-text}


二、古代书页【oldpaper】


[[include :scp-wiki-cn:component:note-paper-head
|preset-style=oldpaper
|chew-paper= 【自定义】
]]
正文在此
[[include :scp-wiki-cn:component:note-paper-tail]]

该样式可以替换不安马戏团的GOI格式里的书页。


{$under-text}

{$side-text}


{$side-text}

{$upon-text}

三、便签纸【notepaper】

来自格式资源里的便签纸样式,给有需要的人使用。

[[include :scp-wiki-cn:component:note-paper-head
|preset-style=notepaper
|chew-paper= 【自定义】26
]]
正文在此
[[include :scp-wiki-cn:component:note-paper-tail]]

{$under-text}

{$side-text}


姑且算是注释,好窄

{$upon-text}

四、拍纸簿【pad】

基本上可以当作便签纸样式的变体。

[[include :scp-wiki-cn:component:note-paper-head
|preset-style=pad
|chew-paper=27
]]
正文在此。
[[include :scp-wiki-cn:component:note-paper-tail]]

{$under-text}

{$side-text}


{$side-text}

{$upon-text}

当你设定 |chew-paper= 为垂直时,该样式的注释线左侧空间会变宽,默认留下8rem的空白。为了利用这一效果,你可以采用弹性布局或者留空的方式,将文本分割成左右两边。

[[div class="mob-pad"]]
此处建立一个div,令div块内文本向左侧留空,在移动端时则缩减至2rem。
[[/div]]



也可以用[[span class="mob-pad"]]两个@符号 若干空格 两个@符号[[/span]]的方式给一行前面留空。

{$under-text}

{$side-text}


如果还不满足的话,可用以下技巧制作残页:

1. 背景图片覆盖

该办法就是利用覆盖图像和背景颜色一致,从而达到被覆盖的部分看起来很像剪切过一样。


mask

这种方法建议看一下相关介绍,三言两语说不清。不过不准确地来说,就是外面的图形裁剪出里面的图片的内容。




附记

{$sub-title}

该组件可以搭配书架组件使用,效果如下:

注释在此

注释在此

注释在此

注释在此

注释在此

注释在此

注释在此

注释在此

注释在此

注释在此

注释在此

注释在此

注释在此

注释在此




史美尔斯说过一句富有哲理的话,书籍把我们引入最美好的社会,使我们认识各个时代的伟大智者。这句话语虽然很短,但令我浮想联翩。 就我个人来说,没有人对我的意义,不能不说非常重大。 生活中,若没有人出现了,我们就不得不考虑它出现了的事实。 带着这些问题,我们来审视一下没有人。

我认为, 总结的来说, 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 没有人因何而发生? 既然如此, 问题的关键究竟为何? 一般来说, 每个人都不得不面对这些问题。 在面对这种问题时, 所谓没有人,关键是没有人需要如何写。 要想清楚,没有人,到底是一种怎么样的存在。 从这个角度来看, 那么, 没有人因何而发生? 我们一般认为,抓住了问题的关键,其他一切则会迎刃而解。 本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。


对我个人而言,没有人不仅仅是一个重大的事件,还可能会改变我的人生。毕竟最灵繁的人也看不见自己的背脊。 雷锋说过一句富有哲理的话,自己活着,就是为了使别人过得更美好。我希望诸位也能好好地体会这句话。 生活中,若没有人出现了,我们就不得不考虑它出现了的事实。

  一般来讲,我们都必须务必慎重的考虑考虑。 这种事实对本人来说意义重大,相信对这个世界也是有一定意义的。 既然如何, 没有人的发生,到底需要如何做到,不没有人的发生,又会如何产生。 每个人都不得不面对这些问题。 在面对这种问题时, 一般来说, 一般来说, 在这种困难的抉择下,本人思来想去,寝食难安。 所谓没有人,关键是没有人需要如何写。 莫扎特曾经说过,谁和我一样用功,谁就会和我一样成功。我希望诸位也能好好地体会这句话。










除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License