## hexo-renderer-marko
[](https://npmjs.com/package/hexo-renderer-markojs) [](https://npmjs.com/package/hexo-renderer-markojs)
Use [marko](https://github.com/marko-js/marko/) template in Hexo.
### Install
```bash
$ npm install --save hexo-renderer-markojs
```
### Usage
Create a layout file `index.marko`.
```html
class {
onCreate() {
this.state = {
name: 'hello',
};
}
}
Home
Hello Word
${data.page.total}
${state.name}
```
All hexo local variables are in the data property.
```js
${data.page} Page specific information and custom variables set in front-matter.
${data.site} Sitewide information.
${data.config} Site configuration.
${data.theme} Theme configuration. Inherits from site configuration.
${data.env} Environment variables
...
```
Please read the hexo related documentation: https://hexo.io/docs/variables.html