Halo-Theme-Hao主题文章版权声明:自定义模板与位置
【免费下载链接】halo-theme-hao 项目地址: https://gitcode.com/GitHub_Trending/ha/halo-theme-hao
版权声明模板文件结构
Halo-Theme-Hao主题的版权声明模板位于templates/modules/post/copyright/目录下,包含两种预设样式:
主控制文件copyright.html通过条件判断加载不同模板,核心代码如下:
<!-- 默认样式 -->
<th:block th:replace="~{modules/post/copyright/copyright-default}"/>
<!-- 样式一 -->
<th:block th:replace="~{modules/post/copyright/copyright-one}"/>
切换版权声明样式
通过修改主题配置中copyrightsStyle参数切换样式,支持两种取值:
default:使用默认版权模板one:使用带作者信息的增强模板
配置生效逻辑在模板文件中通过Thymeleaf条件判断实现,以样式一模板为例:
<th:block th:if="${#strings.equals(theme.config.post.copyrightsStyle, 'one')}">
<!-- 版权内容 -->
</th:block>
自定义版权声明内容
修改默认样式模板
默认模板(copyright-default.html)包含三个核心区块:
- 打赏按钮区域:支持微信/支付宝打赏
- 社交分享功能:微博分享、链接复制
- 版权文本区域:可自定义版权声明文字
关键版权文本配置通过主题参数copyrights.content和copyrights.reprintContent控制,分别对应原创和转载文章的版权说明。
增强样式模板定制
增强模板(copyright-one.html)增加了作者信息展示区,包含:
- 作者头像:从贡献者信息动态获取
- 站点标题:读取
site.title配置 - 作者描述:来自
theme.config.post.desc配置
调整版权声明显示位置
版权声明默认在文章内容底部加载,通过post.html中的引用代码控制位置:
<!-- 版权声明 -->
<th:block th:replace="~{modules/post/copyright}"></th:block>
如需调整位置,可将上述代码块移动到其他位置,建议的可选位置:
- 文章标题下方:位于
<header>标签内 - 相关文章区域:
relatedPosts组件之后 - 评论区上方:在
<th:block th:replace="~{modules/comment}"/>之前
高级定制技巧
单篇文章版权控制
通过文章注解(Annotations)覆盖全局配置:
copyrightEnable: true|false:单独控制某篇文章是否显示版权声明copyrightType: original|reprint:指定文章原创/转载类型copyrightUrl:自定义版权声明链接
版权样式自定义
对应的CSS样式文件:
可通过修改这些文件调整字体大小、颜色、边距等视觉样式,例如修改版权文本颜色:
.post-copyright__notice {
color: #666; /* 默认文本颜色 */
}
版权声明状态控制
通过三重条件判断控制显示状态:
- 文章注解优先级最高:
copyrightEnable注解 - 全局配置次之:
theme.config.post.copyrights.enable - 默认行为:未配置时默认显示
核心逻辑代码:
th:if="${not #strings.isEmpty(#annotations.get(post, 'copyrightEnable')) ?
#annotations.get(post, 'copyrightEnable') == 'true' : theme.config.post.copyrights.enable}"
完整定制流程总结
- 选择样式:通过配置切换
default/one样式 - 修改内容:通过主题参数或直接编辑模板文件
- 调整位置:移动
copyright.html引用代码 - 样式优化:修改对应CSS文件
- 单篇例外:使用文章注解单独配置
所有模板修改建议通过版本控制工具管理,便于后续主题升级时合并自定义内容。
【免费下载链接】halo-theme-hao 项目地址: https://gitcode.com/GitHub_Trending/ha/halo-theme-hao
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考





