Typecho独立页面自定义链接的方法

Typecho在后台管理页面中可以添加自定义页面,数据库中类型是page,其实是类似post文章,只能使用站内链接,不能外链
想要自定义链接就要改外观代码

具体步骤:
到网站后台,依次打开控制台>外观>编辑当前外观>header
左侧代码框拉到最下边,定位到:

1
<a<?php if($this->is('index')): ?> class="current"<?php endif; ?> href="<?php $this->options->siteUrl(); ?>"><?php _e('首页'); ?></a>

在下边另起一行,输入

1
<a href="your link"><?php _e('link addr'); ?></a>

其中,your link换成你想要跳转的链接,link addr换成名字
比如:

1
<a href="https://github.com/wjk199511140034"><?php _e('仓库'); ?></a>

实际效果:
效果图

更新:

修改后发现在有些主题下的移动端无法显示新添加的独立页面,可以通过直接在后台添加独立页面跳转的方式实现,具体为:

使用绝对URL跳转:

1、创建独立页面:
登录Typecho后台,选择“独立页面”选项卡,创建一个新的独立页面。

2、插入跳转代码:
在独立页面的内容编辑框中,插入以下HTML代码:

1
<meta http-equiv="refresh" content="0;url=https://目标URL">

3、保存页面:
保存独立页面的内容。

这样,当用户访问这个独立页面时,会自动跳转到你指定的链接地址

使用JavaScript跳转:

如果标签仍然无法实现预期效果,可以使用JavaScript来实现跳转。在独立页面的内容编辑框中插入以下代码:

1
2
3
<script type="text/javascript">
window.location.href = "https://目标URL";
</script>

这样可以确保用户访问独立页面时,直接跳转到目标链接地址。

另外可能需要伪静态和永久网址,没验证…


Typecho独立页面自定义链接的方法
http://he.mk/2023/04/14/Typecho独立页面自定义链接的方法/
作者
未必赢
发布于
2023年4月14日
许可协议