主题目录结构以自带的 landscape 主题为例:
.
├── languages 语言文件,用于国际化
├── layout 页面模板文件
├── scripts Hexo 脚本
└── source 主题资源文件,包括页面样式,脚本,字体等
从零制作hexo 主题
作为一个程序员,你是否曾遭遇过下面的境况:
你从别人那里拿到一大坨烂面条样代码,想要搞清里面的逻辑,但又千头万绪不知从何处下手。
尽管还没完全弄清楚这一大坨代码到底要干什么,你还是不得不硬着头皮改动其中某一部分,碰碰运气。
有时候,改动达到了预期的效果,你兴奋地几乎要跳起来。但更多时候是挫折,毫无理由的挫折,唯一的解释就是原作者代码写的太烂,唯一能绕过这个错误的方法是,换一台电脑,或者,再攒攒人品。
这样踉踉跄跄一路改下来,你渐渐把原来的代码改得不光自己看不懂,连原作者也看不懂了。你抱住头在心里说,这个世界上已没有人能救你。
《程序员的思维修炼》里提到一种思想:
真正想要了解一只青蛙,传统的解剖不是办法,更好的方式是构造一只青蛙。(Don’t Dissect the Frog, Build It)
《hexo入门指南》里我们知道了怎样用hexo建一个博客。至于如何定制自己的风格,则是一个庞大得多的话题。本文将引领你从零开始搭建一个完全属于自己的博客主题。
了解主题(theme)
主题包含了模板(layout),样式表,js脚本,以及主题相关的图片等资源。主题能完全主宰博客长成什么样子,以及具有哪些功能。
安装好hexo后,在themes目录下会有一个默认的主题landscape。里面的东西太多,若要逐个搞清楚,就又走上了解剖青蛙的老路。
从零开始定制hexo主题 https://www.maintao.com/2014/hexo-theme-from-scratch/
从零开始制作 Hexo 主题 - AhonnTalk - SegmentFault 思否 https://segmentfault.com/a/1190000008040387#articleHeader1
收藏的hexo 主题
一个极简主义设计的 Hexo 主题 - 前端和设计 - SegmentFault 思否 https://segmentfault.com/a/1190000004476920
https://blog.csdn.net/v123411739/article/details/45227249