Halo 博客中 Pjax 实践的通用方案
一、问题分析 先分析下,全页面加载(Full Page Load)和 pjax(PushState + Ajax)请求方式中有哪些 js 引入和方法调用的行为,然后针对差异给出解决方案。 1.1 全页面加载下 js 的引入和方法调用 全页面加载情况下,我们通常会有以下的 js 引入行为: 各个页面公
博客文章目录树的设计思路
简单记录和理顺一下想到的思路, 设计思路 核心是文章分类目录树,但也可能会有其他项目,例如首页、友链等。 核心问题是,项目选中状态问题和目录树展开状态问题。 项目选中状态:每个项目有一个独特的 id,统一用这个标识做标记样式类,方便 thymeleaf 初始化,也方便 Alpine 响应式切换。 目
博客组织结构的思考
这篇文章主要是为了规划一下自己博客的组织结构,不然博客变得杂乱。 分类和标签的区别 分类 标签 专栏 定义 分类是更有层级结构的分组,是一个大方向的归属,用来区分组织文章类型的。 标签是文章所提到的元素,它是更加细分的关键词,用来关联相关文章的。 专栏是强关联和强组织逻辑的一系列文章。 比喻 文件夹
Halo 博客,登录下使隐藏瞬间可见
为了最小的改动以实现这个功能,我修改了瞬间插件输出的模版变量,添加了 momentsAll 和 tagsAll 两个变量,这个两个变量是包含私有瞬间在内。然后,在主题的 thymeleaf 模板里对登录状态进行判断,进而决定使用哪个变量。这样就无需给插件新增对登录状态进行判断的相关逻辑,这种实现等插
博客开发记录
想用到但不熟悉的前端技术有以下几个,同时记录一下学习后的理解。 一、响应式布局 1.1 学习资料 布局实战——如何实现一套网页同时适配PC端和移动端布局? 1.2 核心点 主要是不同尺寸下,元素尺寸变化、布局变化、元素隐藏与否。 尽量使用 flex 布局,相对 html 尺寸 rem 单位。 二、p
Hello Halo
Hello Halo 如果你看到了这一篇文章,那么证明你已经安装成功了,感谢使用 Halo 进行创作,希望能够使用愉快。 相关链接 官网:https://www.halo.run 文档:https://doc