Skip to content

Commit

Permalink
Adicionando configuração básica para busca.
Browse files Browse the repository at this point in the history
  • Loading branch information
arthuralvim committed Jul 30, 2019
1 parent d884ad3 commit e8fa190
Show file tree
Hide file tree
Showing 4 changed files with 60 additions and 2 deletions.
8 changes: 6 additions & 2 deletions Gemfile
@@ -1,4 +1,8 @@
source "https://rubygems.org"

gem "jekyll"
gem "jekyll-gist"
gem 'jekyll', '~> 3.6'
gem "jekyll-gist"

group :jekyll_plugins do
gem 'jekyll-algolia'
end
17 changes: 17 additions & 0 deletions README.md
Expand Up @@ -55,6 +55,23 @@ Vamos precisar de:

Uma outra opção, para quem não deseja instalar o Ruby nem o Jekyll na máquina, é usar o [Docker](https://www.docker.com/). Para isso, só é necessário rodar apenas um comando que rapidamente o servidor de desenvolvimento estará disponível. Para tanto, além do Docker, é necessário usar o [docker-compose](https://docs.docker.com/compose/). Tendo os dois instalados, é só rodar o comando `docker-compose up`.

## Indexando a busca no Algolia

Para carregar o índice corretamente defina as variáveis abaixos no `_config.yml`:

```ruby
algolia:
application_id: GVM6HECTJP
index_name: colaboradados
search_only_api_key: rvtp4mqkxaeqyf9d6wkj52xj9lahmjg4
```

Depois execute o comando:

```bash
$ ALGOLIA_API_KEY='<password>' bundle exec jekyll algolia
```

## Colaborando com a bases de dados (e sendo uma pessoa muito legal)

O **Colaboradados** é uma iniciativa sem fins lucrativos e feita para comunidade e com a ajuda da mesma. Para ajudar com nossa base de dados você precisará seguir o caminho da pasta `colaboradados.github.io/_posts` e escolher o arquivo com o nome da base para a qual você quer colaborar. Os arquivos estão em Markdown e você poderá abrir no Visual Studio Code ou em seu ambiente de desenvolvimento preferido. Os arquivos precisam ser editados seguindo **exatamente** o mesmo padrão para listas e títulos. Isso deixará o trabalho organizado e facilitará para que o [**@colabora_bot**](https://twitter.com/colabora_bot), nosso bot do Twitter, consiga funcionar plenamente.
Expand Down
32 changes: 32 additions & 0 deletions _includes/algolia.html
@@ -0,0 +1,32 @@
<!-- Including InstantSearch.js library and styling -->
<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/instantsearch.js@2.6.0/dist/instantsearch-theme-algolia.min.css">

<script>
// Instanciating InstantSearch.js with Algolia credentials
const search = instantsearch({
appId: '{{ site.algolia.application_id }}',
indexName: '{{ site.algolia.index_name }}',
apiKey: '{{ site.algolia.search_only_api_key }}'
});

// Adding searchbar and results widgets

search.addWidget(
instantsearch.widgets.searchBox({
container: '#search-searchbar',
placeholder: 'Buscar no Colaboradados...',
poweredBy: true // This is required if you're on the free Community plan
})
);

search.addWidget(
instantsearch.widgets.hits({
container: '#search-hits'
})
);

// Starting the search
search.start();
</script>
5 changes: 5 additions & 0 deletions _includes/tiles.html
@@ -1,5 +1,10 @@
<section class="tiles">

<div id="search-searchbar"></div>
<div id="search-hits"></div>

{% include algolia.html %}

{% for post in site.posts limit:site.front-page-posts %}
<article class="style{{ forloop.index }}">
<span class="image">
Expand Down

0 comments on commit e8fa190

Please sign in to comment.