Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Halo博客主题开发之全局变量模板标签调用整理(Halo主题开发必备)

Halo博客主题开发之全局变量模板标签调用整理(Halo主题开发必备)

作者头像
老蒋
发布于 2021-12-22 11:26:38
发布于 2021-12-22 11:26:38
99200
代码可运行
举报
文章被收录于专栏:老蒋专栏老蒋专栏
运行总次数:0
代码可运行

不同的程序主题有不同的全局变量调用方式。比如我们熟悉的WordPress程序,他的各种调用标签是不同的,这些也是官方设定好的,我们也无法改变。任何的主题开发和二次开发都要遵循官方的标签调用。这不在Halo轻量博客程序中,我们要主题开发也需要熟悉官方的标签。这里,老蒋整理Halo轻量博客程序的全局变量。

如果我们有主题开发或者调用的话需要遵循查看。

1、博客地址

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${blog_url!}

此变量与后台博客设置中的 博客地址 相对应。

2、网站根路径

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${context!}

需要注意的是,此变量和 blog_url 不同的是,这个变量有两种值,一种为相对路径形式,一种为绝对路径形式。

3、主题资源根路径

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${theme_base!}

假设你的主题在 ~/halo-dev/templates/themes/anatole 这个目录,那么 theme_base 为 https://yourdomain/themes/anatole

举个例子,你当前开发的主题为 anatole,当你要获取主题下 css/style.css 这个文件的路径,那么:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${theme_base!}/css/style.css

4、主题信息

主题名称

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${theme.name!}

主题 git 仓库地址

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${theme.repo!}

主题版本号

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${theme.version!}

5、博客标题

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${blog_title!}

6、博客LOGO

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${blog_logo!}

7、程序版本号

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${version!}

8、博主信息

昵称:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${user.nickname!}

邮箱地址:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${user.email!}

描述:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${user.description!}

头像地址:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${user.avatar!}

上次登录时间:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${user.expireTime!}

9、SEO关键字

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${meta_keywords!}

需要注意的是,虽然这个变量在任何页面都可以使用,但是其值可能在不同的页面是不一样的。会根据用户的设置,生成对应的值。

10、SEO描述

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${meta_description!}

需要注意的是,虽然这个变量在任何页面都可以使用,但是其值可能在不同的页面是不一样的。会根据用户的设置,生成对应的值。

11、RSS 2.0 订阅地址

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${rss_url!}

12、Atom 格式的订阅地址

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${atom_url!}

13、Xml 格式的网站地图地址

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${sitemap_xml_url!}

14、HTML 格式的网站地图地址

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${sitemap_html_url!}

格式如:https://www.itbulu.com/sitemap.html

15、友情链接页面地址

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${links_url!}

16、图库页面地址

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${photos_url!}

17、日志页面地址

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${journals_url!}

18、 文章归档页面地址

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${archives_url!}

全局绝对路径为开启的状态下:https://www.laobuluo.com.com/{archives_prefix}

全局绝对路径为关闭的状态下:/{archives_prefix}

19、 分类列表页面地址

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${categories_url!}

全局绝对路径为开启的状态下:https://www.itbulu.com.com/{categories_prefix}

全局绝对路径为关闭的状态下:/{categories_prefix}

20、 标签列表页面地址

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
${tags_url!}

21、 页面判断

判断当前页面是否是特定的页面。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
is_index:首页
is_post:文章页
is_sheet:自定义页面
is_archives:归档页面
is_categories:分类列表页面
is_category:单个分类页面
is_tags:标签列表页面
is_tag:单个标签页面
is_search:搜索结果页面
is_journals:日志页面
is_photos:图库页面
is_links:友情链接页面

用法介绍:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<#if is_index??>
    当前页面是首页
</#if>

这样,基本上熟悉我们的使用Halo的全局变量调用,可以实现主题开发。实际上主题开发不难,只要前端后就是添加调用变量。

本文出处:老蒋部落 » Halo博客主题开发之全局变量模板标签调用整理(Halo主题开发必备)

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-09-24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Halo博客主题开发之页面变量调用示范整理
今天老蒋再分享一篇Halo轻量博客相关的文章,也是关于主题开发的。一般我们在使用WP或者ZBP博客程序的时候开发主题,是不是有需要页面调用变量的。同样在Halo博客主题的时候也是如此。在前面,我们也有介绍到"Halo博客主题开发之全局变量模板标签调用整理"。这里我们将页面的变量调用实际以实际的案例使用整理。
老蒋
2021/12/22
4930
37个常用Halo Java轻量博客页面模板标签调用(快速调用页面数据)
这篇文章应该算是Halo Java轻量博客程序的最后一篇主题开发的最后篇文章。在前面老蒋有整理到Halo页面调用、公共模板、全局变量的调用。这里我们是不是有需要页面模板标签的调用,比如最新文章、菜单、图片组的调用,这篇文章是比较全的37个Halo页面模板标签调用整理。
老蒋
2021/12/22
8070
Halo博客主题模板开发之公共宏模板代码规范
我们在开发Halo轻量博客主题的时候,还需要了解他们内部的封装模板。在这里,老蒋整理来自Halo官方的公共宏模板代码规范。我们将某些常见的全局变量封装成了一个公共模板,我们只需要引入该模板,然后调用其中的宏模板即可。
老蒋
2021/12/22
6390
博客从 typecho 迁移到 Hexo
Hexo 环境搭建 使用 coding 和 github.io 的 pages 服务,绑定了自己的域名,做了双线解析,国内用户解析到 coding ,国外用户解析到 github.io,访问速度很满意(本来就是静态文件,访问速度很快)。 Hexo 环境的搭建,这里不再赘述,主要介绍如何导出 typecho 的数据和 Hexo 站点的配置以及 Next 主题的配置及优化。 typecho 数据导出 文章数据的导出 花了点时间把 typecho 的文章全部改写成 Markdown 的格式,方便我导出为 md 文
tanmx
2018/07/16
2.4K0
Linux下使用 github+hexo 搭建个人博客04-next主题优化
本篇讲解 next 主题的优化,包括:使用语言、前端页面显示宽度、菜单、侧栏、头像、添加或取消动画效果、打赏功能等等。
踏歌行
2020/10/15
1.2K0
Linux下使用 github+hexo 搭建个人博客04-next主题优化
halo博客主题美化
代码如下,在需要的页面加入或者统一放在header.ftl中,应为大部分页面都会用到header.ftl
晓果冻
2022/09/08
1.1K0
halo博客主题美化
使用hexo和码云pages搭建个人博客
GitHub上面的博客就无法用了,所以使用Hexo和码云pages搭建个人博客这个方案进入了我的视线…
全栈程序员站长
2021/04/07
5530
Halo博客的部署和使用
Halo 是一个强大易用的开源建站工具,拥有丰富的主题模板和插件,帮助用户快速搭建属于自己的博客系统。
M.Talen
2024/05/22
7640
Halo博客的部署和使用
Hexo+Github 博客搭建之 Matery 主题安装配置篇
这是一个采用 Material Design 和响应式设计的 Hexo 博客主题。
DeROy
2020/11/04
1.3K0
Hexo+Github 博客搭建之 Matery 主题安装配置篇
基于Github&Hexo的个人博客搭建过程
在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧!
Daotin
2018/12/04
8560
基于Github&Hexo的个人博客搭建过程
Typecho主题开发/二次开发常用代码功能整理备用
目前我们在使用的博客CMS程序中,可能较多的网友会使用WordPress,毕竟提供的免费主题、插件以及文档是比较多的,主要是用户量确实比较多。其次国内的免费博客CMS中,ZBLOG和Typecho是小众用户群,不能说不行,只能说用户量相对比较小。但是老蒋个人认为有用作个人博客日志的还是可以用的。
老蒋
2021/12/24
4910
github pages + Hexo + 域名绑定搭建个人博客增强版
概述 前面我们用github pages + Hexo 搭建了一个简单版的个人博客系统,但是里面的内容单调,很多功能不够完善,所以我们需要对yelle 的主题进行优化和完善。基本搭建请访问:http://blog.csdn.net/xiangzhihong8/article/details/53355036 主题配置介绍 从中我们也可以看出,对于主题来讲,大部分可以配置的地方其实都是在这里的。所以我们需要了解一个基本的主题样式。 duoshuo,如果你是打算采用多说评论系统的话,你需要设置这里,但是我个人对
xiangzhihong
2018/02/05
1.5K0
github pages + Hexo + 域名绑定搭建个人博客增强版
Hexo博客主题优化
在 themes/*/source/css/_custom/custom.styl 中添加如下代码:
达达前端
2019/07/03
8610
Hexo博客主题优化
Hexo+Github配置与主题
每个主题都会配置几种界面显示语言,修改语言只要编辑站点配置文件,找到 language 字段,并将其值更改为你所需要的语言(例如,简体中文):
smartsi
2019/08/07
1.2K0
Hexo-完全免费全平台搭建个人博客(2)-域名主题设置
2017-03-1011:01:58 发表评论 913℃热度 Hexo-完全免费全平台搭建个人博客(1)-整体搭建 上一篇文章把 Hexo 博客整体搭建一遍了,能通过  xxxxx.github.io
timhbw
2018/05/03
1.5K0
Hexo-完全免费全平台搭建个人博客(2)-域名主题设置
从Hexo迁移到Hugo-送漂亮的Hugo Theme主题
自从Hugo出来后,作为Go语言(golang)的重度用户的重度用户,一直想把自己的博客迁移到Hugo,但是一直没有行动,主要原因在于,我的博客使用的一款主题maupassant非常简洁、响应速度快,但是在Hugo上并没有类似一的主题,再加上从Hexo迁移到Hugo还有好多要修改的,所以一直迟迟没有行动。
飞雪无情
2018/08/28
2.2K0
个人博客搭建
  前前后后大概花了一周多的时间,目前个人博客已经完善的差不多了,现在写个文章做个阶段总结,后续如果有更新的地方,会及时补充。本博客基于Hexo框架,采用hexo-theme-matery主题,在这里非常感谢作者洪卫的hexo-blog-fly博客开源,极大简化了构建博客的工作量和复杂度。在此开源博客的基础上做了改进,修复了一些bug,顺利搭建完成了我的个人博客。大家对此主题有兴趣的可以下载源代码,搭建属于自己的个性化博客。
LuckySec
2022/11/02
2.5K0
个人博客搭建
Hexo(3)-安装自己喜欢的主题
本系列其它文章: 用 GitHub + Hexo 建立你的第一个博客 [Hexo]部署博客及更新博文 欢迎在今天下面一条推送中留下你的博客地址 本篇来讲解如何安装自己喜欢的主题! 我们之前使用 Hexo 生成的博客使用的是 Hexo 的默认主题:Landscape。怎么说呢,这个主题猛地一看还行,仔细一看还不如猛地一看,所以我决定另寻归宿。 选择主题 可以在 hexo主题总站 https://github.com/hexojs/hexo/wiki/Themes 寻找自己喜欢的主题。 我在这里推荐一个主题
Crossin先生
2018/04/17
1.1K0
Hexo(3)-安装自己喜欢的主题
Hexo博客框架初识入门到进阶.md
[TOC] 1.Hexo介绍 Q:什么是 Hexo? A:Hexo 是一个快速、简洁且高效的博客框架,Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网
全栈工程师修炼指南
2020/10/23
1.5K0
Hexo博客框架初识入门到进阶.md
从零开始写一个Hexo主题
本文将会从零开始编写一个简单的Hexo博客主题,目的是了解一个Hexo博客主题的构成以及如何编写,因此,本示例中的博客页面样式不做过多描绘,样式主要参考 Hexo theme 中的 Noise 主题。
桃翁
2019/05/31
4.4K0
相关推荐
Halo博客主题开发之页面变量调用示范整理
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档