Hexo

Hexo教學1 相關連結

前幾天我突然想要在blog的邊欄(Sidebar)增加一個連結，這樣我的粉絲團的能見度會提升，於是我爬文，找到了解答，大概步驟如下：

  • 在/source增加_data資料夾，並在資料夾裡面新增links.yml，完整路徑為/source/_data/links.yml，該文件內容如下

    1
    FB粉專: https://www.facebook.com/allem40306codeblog/

  • 接著改變theme的layout設定，在themes\{your_theme}\layout\_widget新增links.ejs，根據不同theme寫法會有些不同(主要是CSS套用)，這份code裡面的site.data.links對應到links.yml

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <% if (site.data.links){ %>
      <div class="widget-wrap">
        <h3 class="widget-title">相關連結</h3>
        <div class="widget">
          <% for (var i in site.data.links){ %>
            <li class='link'><a href='<%- site.data.links[i] %>'><%= i %></a></li>
          <% } %>
        </div>
      </div>
    <% } %>

  • 最後在themes\{your_theme}\_config.yml中的widget新增links項目就完成了

參考文章：https://www.jianshu.com/p/43eb0819f51a

如果你覺得這篇文章很棒，請你不吝點讚 (ﾟ∀ﾟ)

Recommended Posts