请稍侯

Github Pages 之 Jekyll 与 Liquid 模板的应用

27 January 2019

Github Pages 之 Jekyll 与 Liquid 模板的应用

参考文章

不使用套件直接產生 Jekyll 的 sitemap.xml

安全且面向用户定制的WebApp模板语言

Jekyll Tags on Github Pages

Jekyll Liquid Filters

参考代码


<p id="items">
    <ul class="posts">
        {% assign list = site.pages | reverse %}
        {% for page in list %}
        {% if page.title and page.title != blank and page.title != "知不知" %}
            <li><a target="_blank" href="{{ page.url | absolute_url}}">{{ page.title }}</a></li>
        {% endif %}
        {% endfor %}
    </ul>
</p>

<hr><br/>

<!-- 
动态加载列表
<p id="list"></p>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="index.js"></script>
<script>
    document.getElementById("list").innerHTML = "加载中...";
    loadPageList();
</script>
-->

Github Page配置相关文档
GitHub Pages
Github-pages Gem
Jekyll and its dependencies on GitHub Pages
GitHub Pages runs in safe mode and only allows a set of whitelisted plugins
Jekyll configuration documentation
Liquid Filters

运行

运行github page 需要安装 GitHub Pages Ruby Gem,以下步骤:

  1. 创建Gemfile,并添加:gem 'github-pages', group: :jekyll_plugins;
  2. Run bundle install,再运行bundle exec jekyll build --incrementalbundle exec jekyll serve --incremental;