首页 > V2EX > V2EX-Hugo 博客主题 Icarus-Lite
2022
01-15

V2EX-Hugo 博客主题 Icarus-Lite

MrBrother:

一句话介绍

Icarus-Lite 是一款基于 Hexo 主题 Icarus 的卡片样式制作的单栏 Hugo 主题。

前言

最开始接触到各家的 Pages 静态页面服务时用的是 Jekyll 的主题,后来发现脱离 GitHub 自己搭建环境实在复杂,于是搜索一番后转投 Hexo ,主题选用了新手村的 NexT 。之后有一次玩游戏,在页脚看见了 Icarus 主题的链接,点进去发现太好看了,遂换用该主题。使用过程中遇见过自己瞎改搞出的许多小问题,也去胡乱提过 issues 给作者,人家的回复对新手而言非常友好,因此更喜欢这款主题了。

不过有个小东西始终让我有些头疼:一份完整引入的 bulma 的 CSS 有 160KB 多——哪怕用了 JsDelivr 加载起来还是不够快,而且有很多样式我确实用不上… 因此又搜了一番,用 Chrome 的 DevTools – Coverage 工具给它删了一大半(这个方法很蠢,我后来意识到了),效果也挺好,就剩 10 个 K 。

删是删得爽,用着用着偶尔当然会出问题了,但“又不是不能用”。直到后来发现 Hugo 只需要一个可执行文件便可生成页面,再看这边一个硕大 nodemodules 文件夹的 Hexo ,我暗暗捏紧了手掌,换!

然后发生的事简单来说就是“Hugo 主题不够多,偶然发现的好看主题又限于水平改不动”。纠结了一个周末,不如自己学。于是仿着前面提到的 Icarus ,按照其卡片样式整了一个 Hugo 主题 Icarus-Lite 。期间很多不懂的玩意儿都有网友已写过教程了,很感谢大家。

主题特点

特点(抓抓脑袋).. 好像没有,只稍微讲一下小功能吧:

Config 文件设置

  • CSS 文件可以选择外联或直接内联,因为总共不到 8KB 。

  • 导航栏可以选择置顶( sticky )或跟随页面滚动。

  • 导航栏中的网站 Logo 可以使用 img 元素引入,也可以直接嵌入 SVG 。

  • 导航栏每个菜单在浏览器中显示的标题可以自定义。

  • 可以全局设置是否让所有文章在列表中都“不显示摘要”(即直接显示全文)。

Front-Matter 设置

  • 可以单独为某篇文章设置是否添加“阅读更多”按钮,也可以自定义该按钮的显示文字。

  • 如果不想同时让文章标题和“阅读更多”按钮都能点进去,那么可以择一关闭(当然也可以都关掉)。

  • 可以在卡片左下角加一个外链按钮,文字也可以自定义。

  • 可以在列表视图中隐藏某篇 Post 。

  • 可以隐藏卡片左上角的时间。

  • 可以单独设置某篇文章“不显示摘要”。

相关链接

GitHub 链接: github.com/airinghost/hugo-theme-icarus-lite

演示站: icarus-lite.zhangjet.com

其他

虽然写得不好,但还是能用嘛(眯眼笑)。祝福大伙新年薪资新气象,给大家提前拜个年!

from V2EX-最新主题 https://ift.tt/3ripbjX
V2EX-Hugo 博客主题 Icarus-Lite - 第1张  | 牛C网(NiuL.Net)
牛C网:https://j1o.net
牛C网导航:https://niuc.icu
零九导航:https://09.gay

最后编辑:
作者:分享菌
这个作者貌似有点懒,什么都没有留下。

留下一个回复

你的email不会被公开。