├── cypress.json
├── example
├── Gemfile
├── _layouts
│ ├── page.html
│ ├── post.html
│ └── default.html
├── search.json
├── _plugins
│ ├── simple_search_filter_cn.rb
│ └── simple_search_filter.rb
├── about.md
├── index.html
├── _includes
│ ├── head.html
│ ├── header.html
│ └── footer.html
├── css
│ └── main.scss
├── _posts
│ ├── 2014-11-01-welcome-to-jekyll.markdown
│ └── 2014-11-02-test.markdown
├── _sass
│ ├── _syntax-highlighting.scss
│ ├── _base.scss
│ └── _layout.scss
└── js
│ ├── simple-jekyll-search.min.js
│ └── simple-jekyll-search.js
├── xscode.png
├── cypress
├── fixtures
│ ├── profile.json
│ ├── example.json
│ └── users.json
├── plugins
│ └── index.js
├── support
│ ├── index.js
│ └── commands.js
└── integration
│ └── simple-jekyll-search.js
├── .gitignore
├── index.html
├── CYPRESS.md
├── src
├── SearchStrategies
│ ├── FuzzySearchStrategy.js
│ └── LiteralSearchStrategy.js
├── utils.js
├── JSONLoader.js
├── Templater.js
├── OptionsValidator.js
├── Repository.js
└── index.js
├── scripts
└── stamp.js
├── tests
├── utils.test.js
├── OptionsValidator.test.js
├── SearchStrategies
│ ├── FuzzySearchStrategy.test.js
│ └── LiteralSearchStrategy.test.js
├── Repository.test.js
└── Templater.test.js
├── .github
└── workflows
│ └── main.yml
├── LICENSE.md
├── package.json
├── dest
├── simple-jekyll-search.min.js
└── simple-jekyll-search.js
├── WIKI.md
└── README.md
/cypress.json:
--------------------------------------------------------------------------------
1 | {}
2 |
--------------------------------------------------------------------------------
/example/Gemfile:
--------------------------------------------------------------------------------
1 | gem "jekyll"
2 |
--------------------------------------------------------------------------------
/xscode.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/christian-fei/Simple-Jekyll-Search/HEAD/xscode.png
--------------------------------------------------------------------------------
/cypress/fixtures/profile.json:
--------------------------------------------------------------------------------
1 | {
2 | "id": 8739,
3 | "name": "Jane",
4 | "email": "jane@example.com"
5 | }
--------------------------------------------------------------------------------
/cypress/fixtures/example.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Using fixtures to represent data",
3 | "email": "hello@cypress.io",
4 | "body": "Fixtures are a great way to mock data for responses to routes"
5 | }
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | *.sublime-workspace
2 | npm-debug.log
3 |
4 | .sass-cache/
5 | _site/
6 | node_modules/
7 | cypress/videos/
8 | cypress/screenshots/
9 | .DS_Store
10 | .idea
11 | package-lock.json
12 | .jekyll-cache
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Document
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/CYPRESS.md:
--------------------------------------------------------------------------------
1 | # Cypress
2 |
3 | ```bash
4 | npm i
5 | ```
6 |
7 | run example blog with jekyll search build
8 |
9 | ```bash
10 | cd example
11 | jekyll serve
12 | ```
13 |
14 | run cypress tests
15 |
16 | ```bash
17 | npm run cypress run
18 | # or
19 | npm run cypress open
20 | ```
21 |
--------------------------------------------------------------------------------
/example/_layouts/page.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | ---
4 |
5 |
6 |
9 |
10 |
11 | {{ content }}
12 |
13 |
14 |
5 |
6 |
10 |
11 |
12 | {{ content }}
13 |
14 |
15 |
6 |
7 |
Posts
8 |
9 |
10 | {% for post in site.posts %}
11 |
12 | {{ post.date | date: "%b %-d, %Y" }}
13 |
14 |
17 |
18 | {% endfor %}
19 |
20 |
21 |
22 |
23 |
{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}
7 |
16 |
17 | {{ content }}
18 |
19 |
url '
18 | })
19 |
20 | t.deepEqual(templater.compile({ url: 'http://google.com' }), 'url ')
21 | })
22 |
23 | test('renders the template with the provided data and query', t => {
24 | t.deepEqual(templater.compile({ foo: 'bar' }), 'bar')
25 |
26 | templater.setOptions({
27 | template: 'url '
28 | })
29 |
30 | t.deepEqual(templater.compile({ url: 'http://google.com', query: 'bar' }), 'url ')
31 | })
32 |
33 | test('replaces not found properties with the original pattern', t => {
34 | const template = '{foo}'
35 | templater.setOptions({
36 | template
37 | })
38 | t.deepEqual(templater.compile({ x: 'bar' }), template)
39 | })
40 |
41 | test('allows custom patterns to be set', t => {
42 | templater.setOptions({
43 | template: '{{foo}}',
44 | pattern: /\{\{(.*?)\}\}/g
45 | })
46 | t.deepEqual(templater.compile({ foo: 'bar' }), 'bar')
47 | })
48 |
49 | test('middleware gets parameter to return new replacement', t => {
50 | templater.setOptions({
51 | template: '{foo} - {bar}',
52 | middleware (prop, value) {
53 | if (prop === 'bar') {
54 | return value.replace(/^\//, '')
55 | }
56 | }
57 | })
58 |
59 | const compiled = templater.compile({ foo: 'foo', bar: '/leading/slash' })
60 |
61 | t.deepEqual(compiled, 'foo - leading/slash')
62 | })
63 |
--------------------------------------------------------------------------------
/src/Repository.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 |
3 | module.exports = {
4 | put: put,
5 | clear: clear,
6 | search: search,
7 | setOptions: setOptions
8 | }
9 |
10 | const FuzzySearchStrategy = require('./SearchStrategies/FuzzySearchStrategy')
11 | const LiteralSearchStrategy = require('./SearchStrategies/LiteralSearchStrategy')
12 |
13 | function NoSort () {
14 | return 0
15 | }
16 |
17 | const data = []
18 | let opt = {}
19 |
20 | opt.fuzzy = false
21 | opt.limit = 10
22 | opt.searchStrategy = opt.fuzzy ? FuzzySearchStrategy : LiteralSearchStrategy
23 | opt.sort = NoSort
24 | opt.exclude = []
25 |
26 | function put (data) {
27 | if (isObject(data)) {
28 | return addObject(data)
29 | }
30 | if (isArray(data)) {
31 | return addArray(data)
32 | }
33 | return undefined
34 | }
35 | function clear () {
36 | data.length = 0
37 | return data
38 | }
39 |
40 | function isObject (obj) {
41 | return Boolean(obj) && Object.prototype.toString.call(obj) === '[object Object]'
42 | }
43 |
44 | function isArray (obj) {
45 | return Boolean(obj) && Object.prototype.toString.call(obj) === '[object Array]'
46 | }
47 |
48 | function addObject (_data) {
49 | data.push(_data)
50 | return data
51 | }
52 |
53 | function addArray (_data) {
54 | const added = []
55 | clear()
56 | for (let i = 0, len = _data.length; i < len; i++) {
57 | if (isObject(_data[i])) {
58 | added.push(addObject(_data[i]))
59 | }
60 | }
61 | return added
62 | }
63 |
64 | function search (crit) {
65 | if (!crit) {
66 | return []
67 | }
68 | return findMatches(data, crit, opt.searchStrategy, opt).sort(opt.sort)
69 | }
70 |
71 | function setOptions (_opt) {
72 | opt = _opt || {}
73 |
74 | opt.fuzzy = _opt.fuzzy || false
75 | opt.limit = _opt.limit || 10
76 | opt.searchStrategy = _opt.fuzzy ? FuzzySearchStrategy : LiteralSearchStrategy
77 | opt.sort = _opt.sort || NoSort
78 | opt.exclude = _opt.exclude || []
79 | }
80 |
81 | function findMatches (data, crit, strategy, opt) {
82 | const matches = []
83 | for (let i = 0; i < data.length && matches.length < opt.limit; i++) {
84 | const match = findMatchesInObject(data[i], crit, strategy, opt)
85 | if (match) {
86 | matches.push(match)
87 | }
88 | }
89 | return matches
90 | }
91 |
92 | function findMatchesInObject (obj, crit, strategy, opt) {
93 | for (const key in obj) {
94 | if (!isExcluded(obj[key], opt.exclude) && strategy.matches(obj[key], crit)) {
95 | return obj
96 | }
97 | }
98 | }
99 |
100 | function isExcluded (term, excludedTerms) {
101 | for (let i = 0, len = excludedTerms.length; i < len; i++) {
102 | const excludedTerm = excludedTerms[i]
103 | if (new RegExp(excludedTerm).test(term)) {
104 | return true
105 | }
106 | }
107 | return false
108 | }
109 |
--------------------------------------------------------------------------------
/example/_includes/footer.html:
--------------------------------------------------------------------------------
1 |
56 |
--------------------------------------------------------------------------------
/example/_sass/_syntax-highlighting.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * Syntax highlighting styles
3 | */
4 | .highlight {
5 | background: #fff;
6 | @extend %vertical-rhythm;
7 |
8 | .c { color: #998; font-style: italic } // Comment
9 | .err { color: #a61717; background-color: #e3d2d2 } // Error
10 | .k { font-weight: bold } // Keyword
11 | .o { font-weight: bold } // Operator
12 | .cm { color: #998; font-style: italic } // Comment.Multiline
13 | .cp { color: #999; font-weight: bold } // Comment.Preproc
14 | .c1 { color: #998; font-style: italic } // Comment.Single
15 | .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
16 | .gd { color: #000; background-color: #fdd } // Generic.Deleted
17 | .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
18 | .ge { font-style: italic } // Generic.Emph
19 | .gr { color: #a00 } // Generic.Error
20 | .gh { color: #999 } // Generic.Heading
21 | .gi { color: #000; background-color: #dfd } // Generic.Inserted
22 | .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
23 | .go { color: #888 } // Generic.Output
24 | .gp { color: #555 } // Generic.Prompt
25 | .gs { font-weight: bold } // Generic.Strong
26 | .gu { color: #aaa } // Generic.Subheading
27 | .gt { color: #a00 } // Generic.Traceback
28 | .kc { font-weight: bold } // Keyword.Constant
29 | .kd { font-weight: bold } // Keyword.Declaration
30 | .kp { font-weight: bold } // Keyword.Pseudo
31 | .kr { font-weight: bold } // Keyword.Reserved
32 | .kt { color: #458; font-weight: bold } // Keyword.Type
33 | .m { color: #099 } // Literal.Number
34 | .s { color: #d14 } // Literal.String
35 | .na { color: #008080 } // Name.Attribute
36 | .nb { color: #0086B3 } // Name.Builtin
37 | .nc { color: #458; font-weight: bold } // Name.Class
38 | .no { color: #008080 } // Name.Constant
39 | .ni { color: #800080 } // Name.Entity
40 | .ne { color: #900; font-weight: bold } // Name.Exception
41 | .nf { color: #900; font-weight: bold } // Name.Function
42 | .nn { color: #555 } // Name.Namespace
43 | .nt { color: #000080 } // Name.Tag
44 | .nv { color: #008080 } // Name.Variable
45 | .ow { font-weight: bold } // Operator.Word
46 | .w { color: #bbb } // Text.Whitespace
47 | .mf { color: #099 } // Literal.Number.Float
48 | .mh { color: #099 } // Literal.Number.Hex
49 | .mi { color: #099 } // Literal.Number.Integer
50 | .mo { color: #099 } // Literal.Number.Oct
51 | .sb { color: #d14 } // Literal.String.Backtick
52 | .sc { color: #d14 } // Literal.String.Char
53 | .sd { color: #d14 } // Literal.String.Doc
54 | .s2 { color: #d14 } // Literal.String.Double
55 | .se { color: #d14 } // Literal.String.Escape
56 | .sh { color: #d14 } // Literal.String.Heredoc
57 | .si { color: #d14 } // Literal.String.Interpol
58 | .sx { color: #d14 } // Literal.String.Other
59 | .sr { color: #009926 } // Literal.String.Regex
60 | .s1 { color: #d14 } // Literal.String.Single
61 | .ss { color: #990073 } // Literal.String.Symbol
62 | .bp { color: #999 } // Name.Builtin.Pseudo
63 | .vc { color: #008080 } // Name.Variable.Class
64 | .vg { color: #008080 } // Name.Variable.Global
65 | .vi { color: #008080 } // Name.Variable.Instance
66 | .il { color: #099 } // Literal.Number.Integer.Long
67 | }
68 |
--------------------------------------------------------------------------------
/example/_sass/_base.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * Reset some basic elements
3 | */
4 | body, h1, h2, h3, h4, h5, h6,
5 | p, blockquote, pre, hr,
6 | dl, dd, ol, ul, figure {
7 | margin: 0;
8 | padding: 0;
9 | }
10 |
11 |
12 |
13 | /**
14 | * Basic styling
15 | */
16 | body {
17 | font-family: $base-font-family;
18 | font-size: $base-font-size;
19 | line-height: $base-line-height;
20 | font-weight: 300;
21 | color: $text-color;
22 | background-color: $background-color;
23 | -webkit-text-size-adjust: 100%;
24 | }
25 |
26 |
27 |
28 | /**
29 | * Set `margin-bottom` to maintain vertical rhythm
30 | */
31 | h1, h2, h3, h4, h5, h6,
32 | p, blockquote, pre,
33 | ul, ol, dl, figure,
34 | %vertical-rhythm {
35 | margin-bottom: $spacing-unit / 2;
36 | }
37 |
38 |
39 |
40 | /**
41 | * Images
42 | */
43 | img {
44 | max-width: 100%;
45 | vertical-align: middle;
46 | }
47 |
48 |
49 |
50 | /**
51 | * Figures
52 | */
53 | figure > img {
54 | display: block;
55 | }
56 |
57 | figcaption {
58 | font-size: $small-font-size;
59 | }
60 |
61 |
62 |
63 | /**
64 | * Lists
65 | */
66 | ul, ol {
67 | margin-left: $spacing-unit;
68 | }
69 |
70 | li {
71 | > ul,
72 | > ol {
73 | margin-bottom: 0;
74 | }
75 | }
76 |
77 |
78 |
79 | /**
80 | * Headings
81 | */
82 | h1, h2, h3, h4, h5, h6 {
83 | font-weight: 300;
84 | }
85 |
86 |
87 |
88 | /**
89 | * Links
90 | */
91 | a {
92 | color: $brand-color;
93 | text-decoration: none;
94 |
95 | &:visited {
96 | color: darken($brand-color, 15%);
97 | }
98 |
99 | &:hover {
100 | color: $text-color;
101 | text-decoration: underline;
102 | }
103 | }
104 |
105 |
106 |
107 | /**
108 | * Blockquotes
109 | */
110 | blockquote {
111 | color: $grey-color;
112 | border-left: 4px solid $grey-color-light;
113 | padding-left: $spacing-unit / 2;
114 | font-size: 18px;
115 | letter-spacing: -1px;
116 | font-style: italic;
117 |
118 | > :last-child {
119 | margin-bottom: 0;
120 | }
121 | }
122 |
123 |
124 |
125 | /**
126 | * Code formatting
127 | */
128 | pre,
129 | code {
130 | font-size: 15px;
131 | border: 1px solid $grey-color-light;
132 | border-radius: 3px;
133 | background-color: #eef;
134 | }
135 |
136 | code {
137 | padding: 1px 5px;
138 | }
139 |
140 | pre {
141 | padding: 8px 12px;
142 | overflow-x: scroll;
143 |
144 | > code {
145 | border: 0;
146 | padding-right: 0;
147 | padding-left: 0;
148 | }
149 | }
150 |
151 |
152 |
153 | /**
154 | * Wrapper
155 | */
156 | .wrapper {
157 | max-width: -webkit-calc(800px - (#{$spacing-unit} * 2));
158 | max-width: calc(800px - (#{$spacing-unit} * 2));
159 | margin-right: auto;
160 | margin-left: auto;
161 | padding-right: $spacing-unit;
162 | padding-left: $spacing-unit;
163 | @extend %clearfix;
164 |
165 | @include media-query($on-laptop) {
166 | max-width: -webkit-calc(800px - (#{$spacing-unit}));
167 | max-width: calc(800px - (#{$spacing-unit}));
168 | padding-right: $spacing-unit / 2;
169 | padding-left: $spacing-unit / 2;
170 | }
171 | }
172 |
173 |
174 |
175 | /**
176 | * Clearfix
177 | */
178 | %clearfix {
179 |
180 | &:after {
181 | content: "";
182 | display: table;
183 | clear: both;
184 | }
185 | }
186 |
187 |
188 |
189 | /**
190 | * Icons
191 | */
192 | .icon {
193 |
194 | > svg {
195 | display: inline-block;
196 | width: 16px;
197 | height: 16px;
198 | vertical-align: middle;
199 |
200 | path {
201 | fill: $grey-color;
202 | }
203 | }
204 | }
205 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | (function (window) {
2 | 'use strict'
3 |
4 | let options = {
5 | searchInput: null,
6 | resultsContainer: null,
7 | json: [],
8 | success: Function.prototype,
9 | searchResultTemplate: '{title} {title} ',templateMiddleware:Function.prototype,sortMiddleware:function(){return 0},noResultsText:"No results found",limit:10,fuzzy:!1,debounceTime:null,exclude:[]},n;const e=function(t,e){e?(clearTimeout(n),n=setTimeout(t,e)):t.call()};var r=["searchInput","resultsContainer","json"];const o=m({required:r});function u(t){d.put(t),i.searchInput.addEventListener("input",function(t){-1===[13,16,20,37,38,39,40,91].indexOf(t.which)&&(c(),e(function(){l(t.target.value)},i.debounceTime))})}function c(){i.resultsContainer.innerHTML=""}function s(t){i.resultsContainer.innerHTML+=t}function l(t){var e;(e=t)&&0{title} ',templateMiddleware:Function.prototype,sortMiddleware:function(){return 0},noResultsText:"No results found",limit:10,fuzzy:!1,debounceTime:null,exclude:[]},n;const e=function(t,e){e?(clearTimeout(n),n=setTimeout(t,e)):t.call()};var r=["searchInput","resultsContainer","json"];const o=m({required:r});function u(t){d.put(t),i.searchInput.addEventListener("input",function(t){-1===[13,16,20,37,38,39,40,91].indexOf(t.which)&&(c(),e(function(){l(t.target.value)},i.debounceTime))})}function c(){i.resultsContainer.innerHTML=""}function s(t){i.resultsContainer.innerHTML+=t}function l(t){var e;(e=t)&&0 svg {
63 | width: 18px;
64 | height: 15px;
65 |
66 | path {
67 | fill: $grey-color-dark;
68 | }
69 | }
70 | }
71 |
72 | .trigger {
73 | clear: both;
74 | display: none;
75 | }
76 |
77 | &:hover .trigger {
78 | display: block;
79 | padding-bottom: 5px;
80 | }
81 |
82 | .page-link {
83 | display: block;
84 | padding: 5px 10px;
85 | }
86 | }
87 | }
88 |
89 |
90 |
91 | /**
92 | * Site footer
93 | */
94 | .site-footer {
95 | border-top: 1px solid $grey-color-light;
96 | padding: $spacing-unit 0;
97 | }
98 |
99 | .footer-heading {
100 | font-size: 18px;
101 | margin-bottom: $spacing-unit / 2;
102 | }
103 |
104 | .contact-list,
105 | .social-media-list {
106 | list-style: none;
107 | margin-left: 0;
108 | }
109 |
110 | .footer-col-wrapper {
111 | font-size: 15px;
112 | color: $grey-color;
113 | margin-left: -$spacing-unit / 2;
114 | @extend %clearfix;
115 | }
116 |
117 | .footer-col {
118 | float: left;
119 | margin-bottom: $spacing-unit / 2;
120 | padding-left: $spacing-unit / 2;
121 | }
122 |
123 | .footer-col-1 {
124 | width: -webkit-calc(35% - (#{$spacing-unit} / 2));
125 | width: calc(35% - (#{$spacing-unit} / 2));
126 | }
127 |
128 | .footer-col-2 {
129 | width: -webkit-calc(20% - (#{$spacing-unit} / 2));
130 | width: calc(20% - (#{$spacing-unit} / 2));
131 | }
132 |
133 | .footer-col-3 {
134 | width: -webkit-calc(45% - (#{$spacing-unit} / 2));
135 | width: calc(45% - (#{$spacing-unit} / 2));
136 | }
137 |
138 | @include media-query($on-laptop) {
139 | .footer-col-1,
140 | .footer-col-2 {
141 | width: -webkit-calc(50% - (#{$spacing-unit} / 2));
142 | width: calc(50% - (#{$spacing-unit} / 2));
143 | }
144 |
145 | .footer-col-3 {
146 | width: -webkit-calc(100% - (#{$spacing-unit} / 2));
147 | width: calc(100% - (#{$spacing-unit} / 2));
148 | }
149 | }
150 |
151 | @include media-query($on-palm) {
152 | .footer-col {
153 | float: none;
154 | width: -webkit-calc(100% - (#{$spacing-unit} / 2));
155 | width: calc(100% - (#{$spacing-unit} / 2));
156 | }
157 | }
158 |
159 |
160 |
161 | /**
162 | * Page content
163 | */
164 | .page-content {
165 | padding: $spacing-unit 0;
166 | }
167 |
168 | .page-heading {
169 | font-size: 20px;
170 | }
171 |
172 | .post-list {
173 | margin-left: 0;
174 | list-style: none;
175 |
176 | > li {
177 | margin-bottom: $spacing-unit;
178 | }
179 | }
180 |
181 | .post-meta {
182 | font-size: $small-font-size;
183 | color: $grey-color;
184 | }
185 |
186 | .post-link {
187 | display: block;
188 | font-size: 24px;
189 | }
190 |
191 |
192 |
193 | /**
194 | * Posts
195 | */
196 | .post-header {
197 | margin-bottom: $spacing-unit;
198 | }
199 |
200 | .post-title {
201 | font-size: 42px;
202 | letter-spacing: -1px;
203 | line-height: 1;
204 |
205 | @include media-query($on-laptop) {
206 | font-size: 36px;
207 | }
208 | }
209 |
210 | .post-content {
211 | margin-bottom: $spacing-unit;
212 |
213 | h2 {
214 | font-size: 32px;
215 |
216 | @include media-query($on-laptop) {
217 | font-size: 28px;
218 | }
219 | }
220 |
221 | h3 {
222 | font-size: 26px;
223 |
224 | @include media-query($on-laptop) {
225 | font-size: 22px;
226 | }
227 | }
228 |
229 | h4 {
230 | font-size: 20px;
231 |
232 | @include media-query($on-laptop) {
233 | font-size: 18px;
234 | }
235 | }
236 | }
237 |
--------------------------------------------------------------------------------
/WIKI.md:
--------------------------------------------------------------------------------
1 | Welcome to the Simple-Jekyll-Search wiki!
2 |
3 | Here is a list of the available options, usage questions, troubleshootings, guides.
4 |
5 | ## Options
6 | ### searchInput (Element) [required]
7 |
8 | The input element on which the plugin should listen for keyboard event and trigger the searching and rendering for articles.
9 |
10 |
11 | ### resultsContainer (Element) [required]
12 |
13 | The container element in which the search results should be rendered in. Typically an ``.
14 |
15 |
16 | ### json (String|JSON) [required]
17 |
18 | You can either pass in an URL to the `search.json` file, or the results in form of JSON directly, to save one round trip to get the data.
19 |
20 |
21 | ### searchResultTemplate (String) [optional]
22 |
23 | The template of a single rendered search result.
24 |
25 | The templating syntax is very simple: You just enclose the properties you want to replace with curly braces.
26 |
27 | E.g.
28 |
29 | The template
30 |
31 | ```html
32 | {title} Welcome to Jekyll! `.
119 |
120 |
121 | ### json (String|JSON) [required]
122 |
123 | You can either pass in an URL to the `search.json` file, or the results in form of JSON directly, to save one round trip to get the data.
124 |
125 |
126 | ### searchResultTemplate (String) [optional]
127 |
128 | The template of a single rendered search result.
129 |
130 | The templating syntax is very simple: You just enclose the properties you want to replace with curly braces.
131 |
132 | E.g.
133 |
134 | The template
135 |
136 | ```js
137 | var sjs = SimpleJekyllSearch({
138 | searchInput: document.getElementById('search-input'),
139 | resultsContainer: document.getElementById('results-container'),
140 | json: '/search.json',
141 | searchResultTemplate: '{title} Welcome to Jekyll! {title} {title}