javascript - 如何在自定义博客模板中包含更多字体精美的图标？

Question

我有两只左脚，可以用来编码。我已经下载了一个自定义博客模板，它呈现一些社交媒体(Facebook、Twitter 等)图标，但不是全部(500px、behance)。我试图自己解决这个问题，但遗憾的是还没有成功。

这是测试博客:http://kartik1110.blogspot.in/

网站上的所有位置(导航栏、右侧边栏和底部)500 像素的图标均不显示。我该如何解决这个问题？

由于该代码是一个大型博客模板，因此我无法确定要在此处粘贴哪个片段。原谅我的缺点。 提前致谢。

编辑:我在原来的问题中犯了一个错误。附加图标不会显示在模板附带的自定义小部件中。这些图标显示在博客页面和其他小部件上。知道哪一段代码消除了其他图标显示的能力吗？

这是右侧栏“跟我来”小部件的代码，其中显示了有限的图标。

    <b:widget id='LinkList2' locked='false' title='Follow Me' type='LinkList' version='1' visible='true'>
  <b:includable id='main'>

<b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
 <div class='widget-content'>
   <ul class='site-social-networks secondary-2-primary style-default show-title'>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target' target='_blank'><i/><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>

Answer 1

正如您提到的，该模板已经使用了 Font Awesome。您现在所要做的就是插入您想要使用的图标。

最简单的方法是按照说明添加 HTML 元素 here 。通过转到 font Awesome 内的“图标”，您可以搜索所需的任何图标并找到您包含的必要 HTML 代码。

对于 500px 的情况你必须包括 <i class="fa fa-500px" aria-hidden="true"></i>在您的 HTML 上，您将添加正确的图标。

你可以在这个 image 中看到结果

只需对您需要的任何图标执行相同的操作即可。