“关于全局搜索功能”

1
2
3
4
5
6
7
8
9


---
layout: none
---
[{% for i in (1..3) %}
{
"id": "{{ i }}"
}
{% endfor %}]

1
2
3
4
5
6
7
8
9
10
11

[
	{
		"id": "1"
	}
	{
		"id": "2"
	}
	{
		"id": "3"
	}
]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20


---
layout: null
---
[
  {% for post in site.posts %}
    {
      "title"    : "{{ post.title | escape }}",
      "title-lower"    : "{{ post.title | escape | downcase}}",
      "sub-titile" : "{{ post.subtitle | escape }}",
      "sub-titile-lower" : "{{ post.subtitle | escape | downcase}}",
      "categories" : "{{ post.categories }}",
      "tags"     : "{{ post.tags | join: ', ' }}",
      "url"      : "{{ site.baseurl }}{{ post.url }}",
      "date"     : "{{ post.date }}",
      "content": {{ post.content | jsonify }},
      "desc"     : "{{ post.content | strip_html | strip_newlines | remove_chars | escape | truncate:200 }}"
} {% unless forloop.last %},{% endunless %}
  {% endfor %}
]

1
2
3
4
5
6
7
8
9
10
11
12
13
14

[
{
      "title"    : "“Introducing D3.js”",
      "title-lower"    : "“introducing d3.js”",
      "sub-titile" : "“Welcome to finally be in my blog”",
      "sub-titile-lower" : "“welcome to finally be in my blog”",
      "categories" : "",
      "tags"     : "Blog",
      "url"      : "/2019/01/08/import-d3js/",
      "date"     : "2019-01-08 00:00:00 +0800",
      "content": "<h3 id=\"引入\">引入</h3>\n\n<p>写上一篇博文的时候提到过 <a href=\"http://setosa.io/ev/image-kernels/\">setosa.io</a> 这个网站，里面用图表表示了很多高深的原理。我其实对此很感兴趣，但却没有深究。后来有人给我推荐了 <a href=\"https://github.com/d3/d3\">d3.js</a> 这个插件，我仿佛发现了新大陆。原来网页的表格也可以这么好看。于是赶忙花了点时间为我的博客引入这个插件，然后就顺便水篇博文吧。</p>\n\n<p>本来表格的数据需要写在代码中，但国外有个<a href=\"http://d3.js.yaml.jekyll.apievangelist.com/bar-chart/\">大佬</a>表示可以把表格数据写在 jekyll 的 _data 文件夹下来使代码更加优雅。我也是按照他的方法来做的。</p>\n\n<p>现在唯一的不足就是因为每一个表格的风格是不一样的，也就是说我必须为每一个表格单独写 CSS 和 JS，而且为了偷懒我是准备直接写在 post 文件下的，所以感觉现在博文有点混乱。其实可以考虑怎么统一一个风格。</p>\n\n<h3 id=\"demo\">Demo</h3>\n\n<h4 id=\"表格\">表格</h4>\n\n<div id=\"bar-chart\"></div>\n<script src=\"/js/Posts/d3demo.js\"></script>\n\n",
      "desc"     : "引入写上一篇博文的时候提到过 setosa.io 这个网站，里面用图表表示了很多高深的原理。我其实对此很感兴趣，但却没有深究。后来有人给我推荐了 d3.js 这个插件，我仿佛发现了新大陆。原来网页的表格也可以这么好看。于是赶忙花了点时间为我的博客引入这个插件，然后就顺便水篇博文吧。本来表格的数据需要写在代码中，但国外有个大佬表示可以把表格数据写在 jekyll 的 _data 文件夹下来使代..."
} 
]