博客文章目录树的设计思路
简单记录和理顺一下想到的思路, 设计思路 核心是文章分类目录树,但也可能会有其他项目,例如首页、友链等。 核心问题是,项目选中状态问题和目录树展开状态问题。 项目选中状态:每个项目有一个独特的 id,统一用这个标识做标记样式类,方便 thymeleaf 初始化,也方便 Alpine 响应式切换。 目
Stellar主题优化记录
Stellar 是一个非常棒的主题,但是目前 Stellar 还没有很完善,所以自己会优化新增一些元素,特地记录一下。至于为什么不提 PR,主要是就该主题目前阶段而言,作者应该还有很多地方需要自己完善的,没必要破坏他自己的代码风格和结构,通过 issue 提一些自己的想法给他即可。 隐藏瞬间登录下可
博客组织结构的思考
这篇文章主要是为了规划一下自己博客的组织结构,不然博客变得杂乱。 分类和标签的区别 分类 标签 专栏 定义 分类是更有层级结构的分组,是一个大方向的归属,用来区分组织文章类型的。 标签是文章所提到的元素,它是更加细分的关键词,用来关联相关文章的。 专栏是强关联和强组织逻辑的一系列文章。 比喻 文件夹
Halo 博客,登录下使隐藏瞬间可见
为了最小的改动以实现这个功能,我修改了瞬间插件输出的模版变量,添加了 momentsAll 和 tagsAll 两个变量,这个两个变量是包含私有瞬间在内。然后,在主题的 thymeleaf 模板里对登录状态进行判断,进而决定使用哪个变量。这样就无需给插件新增对登录状态进行判断的相关逻辑,这种实现等插
读“张洪Heo”博客设计有感
最近看到一个博主“张洪Heo”,感觉他的博客非常有自己的想法,文章内容输出也比较优质,所以就仔细的翻了下他对博客设计的一些文章,有几个点让我印象非常深刻,所以特地写一篇文章记录一下。 需求导向 在他的文章《我应该怎么设计我的博客?》中,介绍了自己开发博客时的心路历程,其中“需求导向”的观点让我非常认
博客开发记录
想用到但不熟悉的前端技术有以下几个,同时记录一下学习后的理解。 一、响应式布局 1.1 学习资料 布局实战——如何实现一套网页同时适配PC端和移动端布局? 1.2 核心点 主要是不同尺寸下,元素尺寸变化、布局变化、元素隐藏与否。 尽量使用 flex 布局,相对 html 尺寸 rem 单位。 二、p