68 lines
2.8 KiB
Markdown
68 lines
2.8 KiB
Markdown
|
Tipue Search
|
||
|
|
============
|
||
|
|
|
||
|
|
A Pelican plugin to serialize generated HTML to JSON that can be used by jQuery plugin - Tipue Search.
|
||
|
|
|
||
|
|
Copyright (c) Talha Mansoor
|
||
|
|
|
||
|
|
Author | Talha Mansoor
|
||
|
|
----------------|-----
|
||
|
|
Author Email | talha131@gmail.com
|
||
|
|
Author Homepage | http://onCrashReboot.com
|
||
|
|
Github Account | https://github.com/talha131
|
||
|
|
|
||
|
|
Why do you need it?
|
||
|
|
===================
|
||
|
|
|
||
|
|
Static sites do not offer search feature out of the box. [Tipue Search](http://www.tipue.com/search/)
|
||
|
|
is a jQuery plugin that search the static site without using any third party service, like DuckDuckGo or Google.
|
||
|
|
|
||
|
|
Tipue Search offers 4 search modes. Its [JSON search mode](http://www.tipue.com/search/docs/json/) is the best search mode
|
||
|
|
especially for large sites.
|
||
|
|
|
||
|
|
Tipue's JSON search mode requires the textual content of site in JSON format.
|
||
|
|
|
||
|
|
Requirements
|
||
|
|
============
|
||
|
|
|
||
|
|
Tipue Search requires BeautifulSoup.
|
||
|
|
|
||
|
|
```bash
|
||
|
|
pip install beautifulsoup4
|
||
|
|
```
|
||
|
|
|
||
|
|
How Tipue Search works
|
||
|
|
=========================
|
||
|
|
|
||
|
|
Tipue Search serializes the generated HTML into JSON. Format of JSON is as follows
|
||
|
|
|
||
|
|
```python
|
||
|
|
{
|
||
|
|
"pages": [
|
||
|
|
{
|
||
|
|
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.",
|
||
|
|
"tags": "Example Category",
|
||
|
|
"url" : "http://oncrashreboot.com/plugin-example.html",
|
||
|
|
"title": "Everything you want to know about Lorem Ipsum"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"text": "Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh.",
|
||
|
|
"tags": "Example Category",
|
||
|
|
"url" : "http://oncrashreboot.com/plugin-example-2.html",
|
||
|
|
"title": "Review of the book Lorem Ipsum"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
JSON is written to file `tipuesearch_content.json` which is created in the root of `output` directory.
|
||
|
|
|
||
|
|
How to use
|
||
|
|
==========
|
||
|
|
|
||
|
|
To utilize JSON Search mode, your theme needs to have Tipue Search properly configured in it. [Official documentation](http://www.tipue.com/search/docs/#json) has the required details.
|
||
|
|
|
||
|
|
Pelican [Elegant Theme](https://github.com/talha131/pelican-elegant) and [Plumage
|
||
|
|
theme](https://github.com/kdeldycke/plumage) have Tipue Search configured. You can view their
|
||
|
|
code to understand the configuration.
|