hexo next客制化
17年一篇,18年两篇,然后现在是第四篇文章,更新速度堪比富坚义博。
快3年了,要不是这个域名,兴许就退了,每年虽然缴的费用不多,但让我一直给供应商白嫖其实也不怎么情愿。正好最近空暇,打理打理这些苟且的栖身之地吧。
这几年发生了一些变化。别的不说,hexo和next理所当然的更新了几个大版本。原先用来编辑的mbp也老旧了,闲置在家里。现在操作的mbp还是两年派发的,主要还是嫌麻烦的原因,一直没有把hexo的编辑目录迁移过来,毕竟只要每次想到要装一堆插件就心生退意。
最近几天,重装了hexo和next后,升级到了最新版本,同时把展现细节做了更多的改造,说实在的,上次blog的搭建,也是弄了很久的源码,发现每逢修改的时候,虽然相隔时间比较长(笑),但总比之前会更加深入一些,这次增加修改了更多的布局,类型以及动态脚本。趁着这几天刚操作过还记得,快点记录下来。
弃用Coding
原先很看好Coding这家小作坊,早期代码管理做的不错,并且也是较早推出Web IDE的平台,印象中应该早于VSCode。后来有一天发现双因素不好用了,才知道鹅厂收购了Coding。其实算是一件好事,毕竟不用太担心哪天这个startup挂了,但也多了一层麻烦。原来的Pages不能用,需要迁移到新的ci/cd。而且vps的所在地也发生了相应的变化,访问速度有所变慢。
Coding原来的ssl证书还挺简单的,但鹅厂云就复杂一些,而且由于域名还是在福报云上,所以现在等于是两大云厂各需要维护一些东西,又徒增了麻烦。
随着某天晚上,我再也无法访问自己的站点后,还是决定弃用。由于备案问题,pages只能选择部署在HK的节点。原则上部署完成后可以直接在福报云上的dns上设置cname到HK的源站,但是新版的问题是没有这方面的guide的,所以会直接引导用户在pages的custom domain把cname设置为他们的CDN,而这个CDN一来非免费,二来同样由于备案问题,也只能选择境外服务域,三来和CDN绑定ssl证书申请也相对麻烦。结果效果一言难尽,使用CDN目的号称是加速,但实际上速度感受是并不如旧版的,甚至完全比不上后面采用的最终方案。
那天晚上的惨状是,国内无一地区可以访问到站点,除了TW和境外(测试网站工具:17ce),并且所有dns解析地区均不一致,非常奔溃(早上访问正常,晚上问题很大)。
本来想再迂回一下,把cname指向到hk源站,但并不成功,而且最主要的还有ssl证书问题,关闭cdn意味着证书也不可用,旧版的公共证书也无法使用了。
所以第二天,还是选择成本最小的方案,迁移到GH的Pages服务,操作简单,而且还支持ssl(值得提一句需要站点加入cname文件,否则网上配置在每次部署之后会被重置)。国内gitee的话也是一个选择。
Nodejs
把Nodejs升级到了14,然后npm再进行升级,npm原来一直用的global,为了维护方便,还是迁回了local方式,package.json很香。
Hexo
hexo安装绕了几个弯子,对hexo和hexo cli有点confuse,一直以为cli就是hexo本身,之前发现cli一直升级不到5以上,比较奔溃。因为安装theme的方式,5和5之前的版本是不同的。好在后面终于顺利搞定。
Next
Next变化不大,但这次重构还是做了较大的源码修改,比之前更深入了。变化主要基本分两类,能基于Mist的基本在Mist的样式文件中进行修改,否则只能修改通用的comn文件。其中有些为了保持通用性,增加了通用的config,但实际上可能是不会再使用的,强迫症。这次也改动了div的动态js。
能想起来的记录如下:
- 字体大小修改不建议修改config中的font global,灵活度很小,如果要单独改动post body的size,config不起作用,需要去样式文件修改,title字体size可以直接配置
- 由于修改了主题语言,font family基本都可以在config文件更改,menu字体需要去样式修改,比较耐看的字体是:株式会社モリサワ-秀英明朝
- heder.styl中对目录栏宽度进行了修改,修改了header-inner和menu的padding,使其分为两行
- 整体页面内容宽度也在样式文件中进行了修改,并且可以根据窗口大小,动态切换设置,对移动端比较友好
- config中增加了darkmode, mathjax,pjax,mediumnzoom, quicklink等设置
- 增加了avatar,footer文字,facicon,social等信息
- 比较复杂地修改了motion.js,单独修改了sidebar中site-description的动态展示效果
主题
改名字的时候,知道需要更改,但不知道改什么。随后一瞬想到了阿部芙蓉美(歌不错,但名字…)的「群青」和手嶌葵的专辑「青い図書室」,它们都是过去一段时间内包括现在也非常喜欢的歌曲集,索性就组合在一起,听「群青」的时候才知道,这是一种颜色的称谓,顺便一提,十一区对颜色称谓相当文艺,例如紺,绯,鳶,楝,瓶覗,柳染,洒落柿,诸如此类。有兴趣的建议移步日本の伝統色,页面有支持MUNSELL的JS开关,开启高能。
此外Sidebar这里的概要也恰逢时宜地选择了「言の葉の庭」中非常受欢迎的雷神短歌上半句。
君を留めむ,那是否真的能让你流连驻足呢。