Commit ac4e3a19 authored by jimakker's avatar jimakker

content

parent 6dc91ae9
---
title: About
---
Something about this...
**BulmHex** by [BaibaLab](http://baibalab.net). The source code is licensed [MIT](http://opensource.org/licenses/mit-license.php). The website content is licensed [CC ANS 4.0](http://creativecommons.org/licenses/by-nc-sa/4.0/).
[{% icon code %}](https://gitlab.net/baibalab/bulmex)
___
{% columns %}
{% column is-third %}
{% message "Bulma CSS Framework" is-success %}
[Bulma](http://bulma.io/) is a modern CSS framework based on Flexbox.
{% icon paint-brush %} Customize colors and other theme features via [variables](http://bulma.io/documentation/overview/variables/) in `source/css/style.sass`
{% icon code %} Ready to use template **tags**. Create awesome content using Bulma [elements](http://bulma.io/documentation/elements/buttons/), [components](http://bulma.io/documentation/components/tabs/) and even the [grid](http://bulma.io/documentation/grid/)!
{% endmessage %}
{% endcolumn %}
{% column %}
{% notification is-danger %}
{% icon expand %} Configurable **hero** block. It's showtime! And, oh... it's just another *markdown* page!
{% endnotification %}{% notification is-warning %}
{% icon bars %} Create nice menus in documents/pages.
{% endnotification %}{% notification is-success %}
{% icon plus %} Many more to come! Let's build something amazing with Hexo and Bulma!
{% endnotification %}
{% columns %}
{% column is-third %}{% ibutton "Get started" '/docs' arrow-right 'is-large is-fullwidth' %}{% endcolumn %}
{% column is-third %}{% ibutton "Read the docs" '/docs' 'book' 'is-large is-fullwidth' %}{% endcolumn %}
{% column is-third %}{% ibutton "Get the code" 'https://gitlab.com' code 'is-large is-fullwidth' %}{% endcolumn %}
{% endcolumns %}
{% endcolumn %}
{% endcolumns %}
---
title: Documentation
menu:
- title: Hero block
id: Hero-block
- title: Footer
id: Footer
- title: Page menu
id: Page-menu
- title: Template tags
id: Template-tags
submenu:
- title: Columns
id: Columns
- title: Notifications
id: Notification
- title: Icons
id: Icons
- title: Title
id: Title
- title: Messages
id: Messages
- title: Buttons
id: Buttons
---
BulmHex Documentation. Wat
## Hero block
```
hero:
title: BulmHex
subtitle: Hexo + Bulma = Awesome!
class:
- is-info
content: blocks/hero.md
```
## Footer
```
footer:
class:
- is-text-centered
content: blocks/footer.md
```
## Page menu
You can add menus in pages. `id` is the HTML tag id you want to jump to. Add this in [front matter](https://hexo.io/docs/front-matter.html):
```
menu:
- title: First item
id: First-item
- title: Item with submenu
id: Item-with-submenu
submenu:
- title: Sub-item
id: Sub-item
```
## Template tags
There are various **tags** available that you can use them directly in your *markdown*!
### Columns
```
{% columns %}
{% column is-third %} 1/3 {% endcolumn %}
{% column %} 2/3 (auto) {% endcolumn %}
{% endcolumns %}
```
{% columns %}
{% column is-third %}
{% notification is-success %} 1/3 {% endnotification %} {% endcolumn %}
{% column %}
{% notification is-danger %} 2/3 (auto) {% endnotification %} {% endcolumn %}
{% endcolumns %}
### Notifications
```
{% notification is-success %} I'm successful {% endnotification %}
{% notification is-danger %} I'm dangerous {% endnotification %}
```
{% notification is-success %} I'm successful {% endnotification %}
{% notification is-danger %} I'm dangerous {% endnotification %}
### Icons
```
{% icon home is-large %}
```
{% icon home is-large %}
### Title
```
{% title "This is the title content" is-1 %}
{% subtitle "This is the title content" is-3 %}
```
{% title "This is the title content" is-2 %}
{% subtitle "This is the subtitle content" is-4 %}
### Messages
```
{% message "Yeah!" is-success %}
A successful message!
{% endmessage %}
```
{% message "Yeah!" is-success %}
A successful message!
{% endmessage %}
## Buttons
```
{% button "Large warning button" "/docs" 'is-large is-warning' %}
```
{% button "Large warning button" "/docs" 'is-large is-warning' %}
### With icon
```
{% button "Large warning button" "/docs" 'is-large is-warning' %}
```
{% ibutton "Outlined danger button with icon" "/docs" book 'is-outlined is-danger' %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment