Halo-Theme-Hao主题文章版权声明:自定义模板与位置

Halo-Theme-Hao主题文章版权声明:自定义模板与位置

【免费下载链接】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)包含三个核心区块:

  1. 打赏按钮区域:支持微信/支付宝打赏
  2. 社交分享功能:微博分享、链接复制
  3. 版权文本区域:可自定义版权声明文字

关键版权文本配置通过主题参数copyrights.contentcopyrights.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; /* 默认文本颜色 */
}

版权声明状态控制

通过三重条件判断控制显示状态:

  1. 文章注解优先级最高:copyrightEnable注解
  2. 全局配置次之:theme.config.post.copyrights.enable
  3. 默认行为:未配置时默认显示

核心逻辑代码:

th:if="${not #strings.isEmpty(#annotations.get(post, 'copyrightEnable')) ?
  #annotations.get(post, 'copyrightEnable') == 'true' : theme.config.post.copyrights.enable}"

备案信息图片可作为版权区域补充元素:备案信息示例

完整定制流程总结

  1. 选择样式:通过配置切换default/one样式
  2. 修改内容:通过主题参数或直接编辑模板文件
  3. 调整位置:移动copyright.html引用代码
  4. 样式优化:修改对应CSS文件
  5. 单篇例外:使用文章注解单独配置

所有模板修改建议通过版本控制工具管理,便于后续主题升级时合并自定义内容。

【免费下载链接】halo-theme-hao 【免费下载链接】halo-theme-hao 项目地址: https://gitcode.com/GitHub_Trending/ha/halo-theme-hao

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值