关于 | 阿凸日记

关于我

80尾巴老男孩人
设计师，无他，至少到目前为止还是喜欢用自己双手创造的感觉
水瓶座，日常神经病，其实是心智发育不健全
轻度社恐，和让自己有压力的人待在一起就会浑身不自在
Fake Geek，啥都会一点，啥也不精通

关于博客

由HUGO驱动，当前运行于腾讯云轻量服务器上，web服务器为Caddy（吹爆，Caddyfile的易用性甩Nginx几条街），云储存用的又拍云。

从20年底动了造个博客的心思之后，陆陆续续使用过以下几款博客引擎：

Hexo，静态博客引擎
wordpress，不多说，都懂
Typecho，相对wordpress而言更轻量化的php博客
Notion+Super做的简单简历网页

以上几款博客引擎的使用过程中，发现自己的注意力慢慢的就转移到折腾别人的主题上去了，我自己总结起来是就：**定制化程度越高的主题,使用者很大概率会希望将其变的更漂亮或者功能更丰富。**这种循环模式有点像有钱人会倾向赚更多钱？也可能是自己做设计的职业病缘故，总想着弄出一个符合自己需求的博客（这种心理某种程度上有点像小时候折腾QQ空间？）。

但是其实整博客的初心还是想着能够记录一些生活或者设计上的感悟，或者说期望因为有博客这样一种具有“仪式感”的输出形式，来驱动自己去进行更多的输入。

关于主题

暂定名称atu，和主题相关的较多的想法来自这两个博客：左手的世界和消夏录，严格的说应当是从前者开始逐渐进化到了后者，然后又在二者基础之上做了一定程度上的结合，原因在于：

因为左手的世界在首页列表上采用的左文右图的排版形式，这样的排版方式下，某种程度会要求每篇文章一定需要有配图，如果没有配图观感上就没有很好，采用一列纵向排布有无配图都会显得相对自然；
左手的世界在外层套了一层vue框架并引入了jquery，这使得我这样没有啥前端基础的人想要引入第三方js时候经常会碰到莫名其妙并且自己无法解决的错误，并且自己莫名的认为：简单即是好，不希望引入过多的前端框架（特指jquery或者bootrap，vue那些我也不会…），在这样的理念作祟下，这套主题到现在都还是秉持能原生就原生的做法。
消夏录没有开放主题下载

基于以上原因，以及希望实践下自己浅薄的前端知识，所以撸了这么一套主题。风格上尽量保持克制朴素，功能上也尽量做到够用就好。其实从写这套主题开始再到当下，总是会时不时冒出增加各式各样特性或者酷炫效果的想法（例如下文提到的OverlayScrollbars），但是某种程度上我个人认为建站和做设计是有共通之处的，并不是一个不断做加法的过程，整体上还是要遵循形式追随功能（Form Follows Function）的理念。

本主题暂时没放到市场上，因为觉得可定制性（Flexibility）太差了(~~手动打自己脸~~)。很多原本可能可以通过config文件调整的内容，直接写死到HTML中了，这在我自己心目中不是一套优秀的主题。再者这个冷门的地方应该也没啥人会看到，哈哈哈哈，所以就先放一边。

在本主题的成型过程中，需要感谢以下几套开源JS：

medium-zoom，一套模仿Medium图片灯箱效果的JS插件，效果如丝般顺丰。
vanilla-lazyload,一套图片懒加载JS插件，实现页面图片的异步加载，不然又拍云储存功能的钱全花自己身上了…
typo.css,一套国人写的致力于提升中文网页阅读体验的CSS样式，虽然没有真正引用，但是后来看到还是启发很大，后续可能会根据其进行正文样式的优化。
vanilla-back-to-top，一款回到顶部的JS插件。
tocbot，一款读取DOM生成文章目录的模仿jquery tocify的原生JS插件。其实HUGO自带有TOC功能，只是可定制性稍微有点低，所以放弃转而使用tocbot了。
OverlayScrollbars，替代原生浏览器滚动条并让滚动条悬浮在页面之上的JS插件，虽然有点大材小用，但是实在没法忍受无滚动页面和有滚动页面之间的横向跳动。因为和上面一个插件冲突了，自己又不会改，只能放弃。易用性大于美观性…

最后就是HUGO社区，因为国内实在没有太多关于hugo复杂问题的答案，而在官方社区基本都能找到答案，并且氛围友好。

如果你对该主题感兴趣，欢迎在下面留言。