如何为博客模板导航栏中的不同链接添加不同的图标？

Question

我正在为博客模板创建一个社交图标栏，使用font awesome和bootstrap.how，我可以在下面的XML循环中为不同的链接添加不同的图标吗？

 <b:loop values='data:links' var='link'>                    
<li><a expr:href='data:link.target'><i class=' fa fa-facebook fa-lg'/><data:link.name/></a></li> 

此循环添加链接，但对所有社交媒体链接使用相同的图标。

Answer 1

<b:loop values='data:links' var='link'>                    
  <li>
    <a expr:href='data:link.target'>
      <i expr:class='"fa fa-lg fa-" + data:link.name'/>
    </a>
  </li> 
</b:loop>