原文地址：https://www.xccx.cc/archives/31/

文章页顶部效果图展示

首页顶部效果图展示

先给首页顶部加一个大图

第一步

修改 index.php 文件，文件目录 Joe主题文件/index.php

下面两个是我推荐的，放在图片地址里即可

同步侧边栏博主背景壁纸代码： <?php $this->options->JAside_Author_Image() ?>

随机高清背景图API： https://www.xccx.cc/api/tp/index.php

第二步

下载CSS文件放入服务器，然后后台代码引入CSS

{tabs-pane label="代码"}
<link rel="stylesheet" href="这里填写你CSS的直链地址">
{/tabs-pane}
{tabs-pane label="引入位置"}

{/tabs-pane}

第三步

设置全局透明度，这个看个人需求，也可以忽略此步骤

{tabs-pane label="代码"}
透明度自己改，数字就是，不会就百度
body {--background: rgba(255,255,255,0.8);}
{/tabs-pane}
{tabs-pane label="代码位置"}

{/tabs-pane}

再给文章页顶部加一个大图

友情提示：文章顶部图显示规则写成了与首页文章列表一样获取，会自动显示文章里的第一张图，文章无图的情况下会自动显示你后台设置的自定义缩略图，在后台图片设置选项添加，或者你也可以更换自己的api图库

自行更换图库方法：下面第一行代码中 <?php echo _getThumbnails($this)[0] ?> 换成自己的图片地址即可

教程方法

修改 post.php 文件，文件目录 Joe主题文件/post.php