后台 - 侧边栏 - 添加自定义组件 - 名称（侧边广告），内容复制上面代码保存组件。

<!-- 作者信息 --> 
        </div> <div class="article-right">
               <div class="athuor-info layui-clear">
            <a href="/author/1" target="_blank">
            <img src="http://www.oubly.cn/content/uploadfile/201909/thum-e9981568080504.jpg" onerror="this.src='<?php echo TEMPLATE_URL; ?>Static/images/default_head.png';">
                <div class="nick">
                    <h3><?php blog_author($author); ?></h3>
                    <span>欧巴领域网-专注于免费资源分享网！2019娱乐辅助网遥遥领先！欢迎各位大佬加入欧克站长交流群257040692</span>
                </div>
        </a>
        <div class="data">
            <div class="layui-clear">
                <span>发布日期</span>
                <span>总访问量</span>
                <span>站长年龄</span>
            </div>
            <div class="number layui-clear">
                <span><time class="pubdate"><?php echo gmdate('Y/n/j', $date); ?></time></span>
                <span><?php echo $views; ?></span>
                <span data-dz="41" class="allhz">23岁</span>
            </div>
        </div>
        <div class="btn">
            <a href="http://wpa.QQ.com/msgrd?v=3&uin=1402565953&site=qq&menu=yes" target="_blank"><i class="iconfont icon-QQ"></i>广告投放</a>
            <a href="/author/1" target="_blank">站长主页</a>
        </div>
    </div>
</div>
<!-- 作者信息 -->  
<style>
/*作者信息简介*/
.article-right{box-shadow: 0 1px 3px #cecece;background: #FFF;margin-bottom: 10px;padding: 10px 8%;}
.athuor-info{margin-top:10px;}
.athuor-info>a>img{float:left;width:80px;height:80px;margin-right:15px;border-radius:6px}
.athuor-info>a>img:hover{opacity:.8}
.athuor-info .nick{float:left;width:calc(100% - 80px - 15px)}
.athuor-info .nick h3{display:block;font-size: 25px;color:#333;}
.athuor-info .nick span{font-size:15px;line-height:24px;margin-top:11px;color:#8a8a8a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.athuor-info .data{float:left;width:100%;margin-top:20px;border-top:1px solid #efefef;padding:15px 0}
.athuor-info .data div span{float:left;width:33.33333%;height:35px;line-height:35px;text-align:center;font-size:15px;color:#9e9e9e}
.athuor-info .data .number span{padding:0 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:700;color:#333;font-size: 17px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;}
.athuor-info .btn{float:left;width:100%}
.athuor-info .btn a{float:left;width:47%;height:40px;line-height:40px;border:1px solid #ebebeb;color:#8a8a8a;text-align:center;border-radius:3px;overflow:hidden;font-size:15px}
.athuor-info .btn a:hover{border:1px solid #e7e7e7;color:#666}
.athuor-info .btn a:nth-child(1){margin-right:6%;background:#5298ff;color:#fff;border:1px solid #5298ff}
.athuor-info .btn a:nth-child(1):hover{background:#05bd65}
.athuor-info .btn a i{display:inline-block;margin-right:6px;font-size:15px}
.layui-clear{clear:both;*zoom:1}
.layui-clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0}
</style>

文章来自于《Emlog博客程序文章页添加作者信息介绍代码教程》，喜欢的小伙伴可以看看，有问题不懂的，留言反馈或者联系我吧！