data setting in backend

需要给变量navbar_html设置以下值

<li class="nav-item" style="position: relative"><a class="nav-link" href="/github_statistics">TTF榜单<span style="position:absolute; top: 16px" class="badge badge-danger">新</span></a></li>

需要给变量topic_index_sidebar_html设置以下值

<div>
  <div class="card">
    <div class="card-header">推荐 TesterHome 资源</div>
    <ul class="list-group">
      <li class="list-group-item"><i class="fas fa-download"></i> <a href="https://testerhome.com/topics/680">Appium 国内下载地址</a></li>
      <li class="list-group-item"><i class="fab fa-android"></i></i> <a href="https://fir.im/w2j5" target="_blank">TesterHome 官方Android客户端</a></li>
      <li class="list-group-item"><i class="fab fa-youtube"></i> <a href="https://testerhome.com/topics/4132" target="_blank" rel="nofollow">TesterHome公开课</a></li>
      <li class="list-group-item"><i class="fa fa-coffee"></i> <a href="http://www.lizhi.fm/245329/">测试小道消息</a></li>
      <li class="list-group-item"><i class="fa fa-user"></i> <a href="https://testerhome.com/topics/10926">TesterHome各地沙龙联系人</a></li>
    </ul>
  </div>

  <div class="card">
    <div class="card-header">关注 TesterHome 公众号</div>
    <ul class="list-group">
      <li class="list-group-item">
        <a href="https://testerhome.com/topics/680"><img src='https://testerhome.com/weixin.jpg'   height="100%"  width="100%" ></a>
      </li>
    </ul>
  </div>

  <div class="card">
    <div class="card-header">友情社区</div>
    <ul class="list-group" style="text-align:center">
      <li class="list-group-item">
        <a href="https://ruby-china.org" target="_blank" title="Ruby China">
          <img src="https://testerhome.com/photo/2015/6f5b0ecb45d8c0507bd632451c19c14c.png" style="width:120px;height:40px;">
        </a>
      </li>
      <li class="list-group-item">
        <a href="https://juejin.im" target="_blank" title="掘金">
          <img src="https://gold-cdn.xitu.io/v3/static/img/logo.a7995ad.svg" style="width:120px;height:40px;">
        </a>
      </li>
      <li class="list-group-item">
        <a href="https://cnodejs.org/" target="_blank" title="CNode">
          <img src="https://l.ruby-china.com/photo/2016/d427ef3efd33b57721df152c2aa1735e.png" style="width:120px;height:40px;">
        </a>
      </li>
      <li class="list-group-item">
        <a href="https://laravel-china.org" target="_blank" title="我们是高品质的 Laravel 开发者社区，致力于为 Laravel 开发者提供一个分享创造、结识伙伴、协同互助的平台。">
          <img src="https://testerhome.com/photo/2015/4d8097aa28b6f7953a5dd121764c9267.png" style="width:120px; margin: 6px 0;">  </a>
      </li>
      <li class="list-group-item"><a href="http://golangtc.com/" rel="nofollow" title="Golang 中国" target="_blank"><img src="https://is.golangtc.com/logo/golangtc.png" style="width:130px; "></a></li>
      <li class="list-group-item"><a href="https://pythoncaff.com/" rel="nofollow" title="国内最好的 Python 社区" target="_blank"><img src="https://cdn.learnku.com/uploads/banners/t8haiJA74SLAJj1aL1xv.png" style="width:130px; "></a></li>
    </ul>
  </div>
  <div class="card">
    <div class="card-header">合作伙伴</div>
    <ul class="list-group" style="text-align:center">
      <li class="list-group-item">
        <a href="https://appiumpro.com/" target="_blank" title="Become an Appium Pro">
          <img src="https://testerhome.com/uploads/photo/2018/4811aa1f-cbb8-4344-ae3d-345b7ffc3926.png" style="width:120px;">
        </a>
      </li>
      <li class="list-group-item">
        <a href="http://wetest.qq.com/" target="_blank" title="移动开发一站式解决方案">
          <img src="https://testerhome.com/uploads/photo/2017/8576fdbc-191b-4d71-9759-e091b67194b3.png" style="width:200px;" />
        </a>
      </li>
      <li class="list-group-item">
        <a href="http://infoq.com/cn" target="_blank" title="InfoQ">
          <img src="https://testerhome.com/uploads/photo/2017/095b9555f3b11fc6dcb2631b9d905194.png" style="width:180px;height:50px;">
        </a>
      </li>

      <li class="list-group-item">
        <a href="https://coding.net" target="_blank" title="coding.net">
          <img src="https://testerhome.com/photo/2015/441ce95804c42e531fb801c01707b7db.png" style="width:120px;">
        </a>
      </li>
    </ul>
  </div>
</div>

需要给footer_html设置以下值

<div class="row">
  <div class="col-sm-9">
    <div class="media">

      <div class="media-left">
        <img src="https://testerhome.com/uploads/photo/2016/274e7ebc8ad0db0b7e718fceea3628a9.png!large" style="width:48px;">
      </div>

      <div class="media-body ml-2">

        <div class="links">
          <a href="https://testerhome.com/wiki/about">关于</a> /
          <a href="https://testerhome.com/users">活跃用户</a> /
          <a href="http://test-china.org/"  target="_blank">中国移动互联网测试技术大会</a> /
          <a href="/topics/node13">反馈</a> /
          <a href="https://github.com/testerhome">Github</a> /
          <a href="https://testerhome.com//api-doc/">API</a> /
          <a href="/wiki/spreadtesterhome">帮助推广</a>

        </div>
        <div class="copyright" style="font-size:14px; color:#9CA4A9;margin-top:0px;margin-bottom:5px">
          TesterHome社区，测试之家，由众多测试工程师组织和维护的技术社区，致力于帮助新人成长，提高测试地位，推进质量发展。Inspired by RubyChina
        </div>
        <div class="links"  data-no-turbolink="">
          <span style="font-size:14px; color:#666;">友情链接</span><span style="margin-left:5px">
            <a style="color:#317DDA;" href="http://wetest.qq.com/?from=links_testerhome" target="_blank">WeTest腾讯质量开放平台</a> /
            <a style="color:#317DDA;" href="http://www.infoq.com/cn" target="_blank">InfoQ</a> /
            <a style="color:#317DDA;" href="https://segmentfault.com/" target="_blank">SegmentFault</a> /
            <a style="color:#317DDA;" href="https://www.testwo.com/" target="_blank">测试窝</a> /
            <a style="color:#317DDA;" href="http://tieba.baidu.com/f?ie=utf-8&kw=%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95&fr=search" target="_blank">百度测试吧</a> /
            <a style="color:#317DDA;" href="http://www.itdks.com/" target="_blank">IT大咖说</a>
          </span>
        </div>
        <div class="links" style="margin-top:0px" data-no-turbolink="">
          <a href="?locale=zh-CN" rel="nofollow">简体中文</a> / <a href="?locale=zh-TW" rel="nofollow">正體中文</a> / <a href="?locale=en" rel="nofollow">English</a>
        </div>
      </div>
    </div>
  </div>

  <div class="col-sm-3 friends">
    <a href="http://www.ucloud.cn/?utm_source=zanzhu&utm_campaign=testerhome&utm_medium=display&utm_content=yejiao&ytag=testerhome_logo"
       target="_blank" rel="twipsy" style="display:inline-block;margin-right:5px;" data-original-title="本站服务器由 Ucloud 赞助"><img src="https://testerhome.com/photo/2016/4ce97c93f9433f654884c4839408327a.png" style="height:28px"></a>

    <a href="http://www.sendcloud.net/"
       target="_blank" rel="twipsy" style="display:inline-block;margin-right:5px;" data-original-title="邮件服务由 SendCloud 赞助"><img src="https://testerhome.com/uploads/photo/2017/0f9fb5db-2472-4430-9f7e-6c051f28c3c9.png" style="height:28px"></a>
  </div>
</div>

需要给notification_sidebar_advertise设置

<div class="card">
    <div class="card-header"><i class="fa fa-heart" style="color:red"></i> 活动提醒</div>
    <div class="card-body">

        <i class="fa fa-pencil"> </i><a href='https://testerhome.com/topics/16506?source=notification-sider-bar'>
            快来申请社区专栏~</a>
        <hr />
        <img width="18px" title=":revolving_hearts:" alt="🐷" src="https://twemoji.maxcdn.com/2/svg/1f437.svg"
            class="twemoji"><a href='https://testerhome.com/topics/24159'> MTSC深圳大会开始征集议题啦！</a>
  </div>
</div>