Github Pages 之 Jekyll 与 Liquid 模板的应用
27 January 2019
Github Pages 之 Jekyll 与 Liquid 模板的应用
参考文章
不使用套件直接產生 Jekyll 的 sitemap.xml
参考代码
<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,以下步骤:
- 创建Gemfile,并添加:
gem 'github-pages', group: :jekyll_plugins
; - Run
bundle install
,再运行bundle exec jekyll build --incremental
及bundle exec jekyll serve --incremental
;