爲什麼當地的Jekyll代碼與上傳到github的代碼不同？

我發現我的一個博客頁面與我在本地服務器中看到的不一樣。所以我打電話給HTML代碼，發現有些不同。爲什麼當地的Jekyll代碼與上傳到github的代碼不同？

的一個在本地服務器：

<li> 
    <a target="_blank" href="http://weibo.com"> 
    <span class="fa-stack fa-lg"> 
     <i class="fa fa-circle fa-stack-2x"> 
     ::before 
     </i> 
     <i class="fa fa-weibo fa-stack-1x fa-inverse"> 
     ::before 
     </i> 
    </span> 
    </a> 
</li>

的一個在Github上頁：

<li> 
    <a target="_blank" href="http://weibo.com"> 
     <span class="fa-stack fa-lg"> 
      <i class="fa fa-circle fa-stack-2x"></i> 
      <i class="fa fa-weibo fa-stack-1x fa-inverse"></i> 
     </span> 
    </a> 
</li>

我叉有別於其他的化身模板。我用GOOGLE搜索::before，但我還是不完全理解它。有誰可以告訴我如何將::before添加到我的Github Pages HTML代碼中？

來源

2016-08-21 Coding_Rabbit

代碼庫網址可能會有幫助。 –

:before和:after在CSS中是僞元素。

CSS僞元素用於對元素的指定部分進行樣式設置。

例如，它可用於：

樣式的第一個字母，或線，元素的
插入內容之前或之後，一個元素的含量

您只能在開發人員工具上看到此::before和::after。

在這種情況下，您正在使用一些圖標，並且此圖標使用:before。

如果你的圖標沒問題，那麼:before正在工作。

http://www.w3schools.com/css/css_pseudo_elements.asp

來源

2016-08-21 13:12:47

謝謝。但是我不知道爲什麼我在使用本地服務器時可以看到':: before'，但是在代碼上傳之後':: before'消失了？ –

@Coding_Rabbit您應該閱讀更多關於僞元素的內容。它們不存在於您的代碼中，但仍然呈現。 – JoostS

爲什麼當地的Jekyll代碼與上傳到github的代碼不同？

回答

相關問題