本文写的是Typecho的网页中跳转至外链的方法。

写下这篇文章的原因还是在github上搜到的所有社区版友链要么是报错要么是无法使用，就很气！

插入 JS 方法

这个方法非常简单，你只需要在对应的文章里面编写这段内容：

<script>window.location.href = "http://www.manshuo.ink/"</script>

即可从文章页面直接跳转到http://www.manshuo.ink/这个网站。因 Typecho 不同版本存在差异，如果这样设置之后访问文章这段内容显示成文字了，请在代码前后各增加一行，输入三个 ! 符号即可

修改模板方法

这个需要修改你模板的代码，相对于上面的方法，他需要更改 PHP 输出的内容，所以难度也相对更高，建议有 PHP 相关经验者尝试。

首先打开 Typecho 的后台，找到左上角的菜单，点击控制台 > 外观 > 编辑当前外观在右侧的列表里找到index.php文件。

模板一般会出现 <?php while($this -> next()): ?> 这样的代码，我们需要编辑的就是这段区域。这里我们将由 Single 主题为例：

<?php while($this -> next()): ?> 
    <div class="post-item">
        <h2>
            <a href="<?php $this -> permalink() ?>"><?php $this -> title() ?></a>
            <?php if($this -> authorId == $this -> user -> uid): ?> <a class="edit-link" href="<?php $this -> options -> adminUrl(); ?>write-post.php?cid=<?php echo $this->cid;?>" target="_blank">编辑</a><?php endif; ?>
        </h2>
        <p><?php $this -> excerpt(100); ?></p>
        <div class="post-meta">
           ...
        </div>
    </div>
<?php endwhile; ?>

我们找到<?php $this -> permalink() ?>这段用于输出链接的函数，将它替换为：

<?php
    if($this -> fields -> customLink){
        $this -> fields -> customLink();
    }
    else{
        $this -> permalink();
    }
?>

然后在你写文章的时候展开文章编辑器下方的自定义字段面板，添加一个名为customLink的字段，填入你要跳转的链接就可以啦！

• 字段名称：customLink
• 字段类型：字符
• 字段值：http://www.manshuo.ink/

这样，这篇文章的链接在首页里点击就自动跳转到http://www.manshuo.ink/了。如果还需要改的更细致，可以参照上面的方法一并修改archive.php文件，这个是在筛选分类、日期下的文章展示页面。

参考文章：Typecho 文章链接转外链，本文为小up踩坑后的问题留档，仅作为个人学习参考使用。如有问题，可联系作者删除