- 网址:https://poetry.imaiko.com
- 时间:2017年v1,2021年v2。可能是第一个正体直排的网站,这一版本并没有在Microsweb的模板中,大部分的插件都比较少见,有需要的可以联系我。
- 关键字:诗词,古风,竖排,中国风
- 自适应:尚可,手机滑动可以(ios,Android)
仿照古书体式
现代汉语跟世界上绝大部分一样从左到右,从上到下,这种属于体式范畴;1950年以前是从上到下,从左到右。现在只有少数语言比图蒙古语,日语和台湾使用这种体式。阅读习惯也由此形成。
代码方面,通过writing mode,vertical,right to left,可以把文字顺序改为从上到下,从左到右。这个css是我们制作此网站的基础。为了使左右滑动更加灵活,一般宽度和高度使用vh,vm等设备宽度,overflow-y:auto。
横向CSS代码
html, p, h1, h2, h3, h4, h5, h6, li, ul, .pagination .page-numbers, .l-header .widget, .menu-item-object-us_page_block{ -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; writing-mode: tb-rl; transform-origin: top left; }
上下滑动鼠标滑轮,内容左右移动JS代码
<script id="rendered-js" style=""> $(document).ready(function () { $('html, body, *').mousewheel(function (e, delta) { //this.scrollLeft -= delta; this.scrollLeft -= (delta * -1.3); e.preventDefault(); }); }); </script>
繁简之争
从名字上来说,不叫做繁体竖排,叫做正体直排;
繁之一字,有贬义,比如繁文缛节,删繁就简,不厌其繁;
正体的意思不仅仅是字面的正宗,还有一种风格气势;
关于竖排还是直排,竖之一字,也略有贬义,比如竖子,歪八竖八,几乎所有跟竖相关的成语都是贬义,再比如:横眉竖眼,横挑鼻子竖挑眼,七横八竖(杂乱无章),五尺竖子
总体上,横平竖直,横和竖都表示了一种外在,是客观的描述,偏向口语。平和直表示了内在,平比如平安;直比如直接,直言不讳,直臣;正体直排,正和直,正直的意思。
所以我们说他们是繁体竖排是有些贬义;当然台湾自称正体直排;说我们是简化字,意思也就说他们的更加正统。对于书法,艺术,阅读和文化等等正体有优势。简体字对于扫盲有部分功劳。
关于书写历史和行与列
正体直排,从又向左;可能古人写字用到在兽骨上写,兽骨细长,所以从上向下;左手固定,右手持刀,所以从右向左;到后来竹简更适合上下写字;现在看甲骨文中,基本没有左右结构的字。直排有些好处,比如上写阅读,可以减少颈椎问题;阅读速度快,有个成语叫做一目十行,一般来说,竖排的阅读速度适应了能提高三成左右。
行,在国内(1955年以后)普遍理解为横排;在台湾是理解是纵排。在台湾行列和大陆的行列是相反的,所以看台湾的科技图书A行B列,译成大陆话是B行A列,造成这种现象的原因是本来行是竖的,列是横的,后来大陆在五十年代绝大部分报纸书写方向发生了变化,导致原来的第一竖行变成了第一横行的缘故,从而行变成了指代横行之意。当时文字书写都是自上而下,自右而左。 “一目十行”,用现在语言来描述当时的现象,其实就是“一目十列”。左右成行,也是左右侧各排成纵排。其实也好理解,行本意是人在都路的样子,四个脚印,人走路自然是纵向的;螃蟹横着走,所以称之为横行。行的本意就是纵向走,所以没有纵行一说。有人从金文的行字说是十字路口,是谬论。当然,所有双人旁的,除了字面意思之外,都有通神的意思;比如德行;尔雅: 堂上谓之行,堂下谓之步,门外谓之趋,中庭谓之走。
自动切换横竖和繁简
通过插件 Chinese Conversion自动切换繁体。后台有了字体方案,这个插件也关闭了。
后台输入的是简体字,横排,带标点。前台出现的是正体直拍无标点的。
标点问题,古汉语是通过之乎者也等助词来断句(句读dou),为了入门学些,我们把某些标点去掉,部分改为了圈点,方便入门。比如以下内容
匡庐奇秀甲天下山山北峰曰香炉峰北寺曰遗爱寺介峰寺间其境胜绝又甲庐山元和十一年秋太原人白乐天见而爱之若远行客过故乡恋恋不能去因面峰腋寺作为草堂
白居易 草堂记
字体
汉字的一个字库往往几十个MB,对于网页来说较大,默认的字体美观度不够,于是我们增加了一个5M左右的字体,开通CDN和网页缓存,第一次夹在略慢,之后速度还可以。
目前用的是一套伪繁体方案,即可以把简体自动变成繁体,但是不能显示已经是繁体的内容。所以字体一共有几套方案:A字库中有繁体也有简体,输入后不自动切换;B字库中只有繁体,但是对应的是简体,目前我们选择的是B。也就是选择繁体,粘贴后仍然是简体。
游客上传
2021年春节期间,网站增加插件anonymous post,游客不用注册就能发布自己喜欢的诗歌。
佛经
给佛经这个分类使用了一种新的模板。
这个蓝色个人比较喜欢,在我制作的其他的站点也经常看到这种蓝色。
#1559b6
边框
增加了一个修饰的边框,新的CSS可以保证把一张图切成8份,更容易控制每一份大小。
.w-grid-item { background-color: #dedacb; border-image: url(/wp-content/uploads/2018/11/hahabg.png) repeat; -webkit-border-image: url(/wp-content/uploads/2018/11/hahabg.png) unset; border-image-slice: 33.333%; border-image-width: 50px; padding: 1rem 0.5rem !important; }
写在最后:
在制作正体直排的时候也遇到一些问题,大部分已经解决好了,比如自适应问题,兼容性问题,输入简体,变为繁体的问题(有瑕)后台正常录入,收录问题等,标点也完美的解决。到目前为止,完整的自适应正体直排可能是第一版。欢迎访问。