blankpage
v2.3.0
Published
Composing static html blog pages
Readme
Blankpage - an easy static text content generator.
Installation
Install globally
npm install -g blankpageInstall locally
npm install blankpageUsage
Basic usage involves invoking the blankpage command with a specified configuration file.
You can launch it from your terminal if globally installed:
$ blankpage website.jsonAdd to your package.json as an npm script:
"scripts": {
"start": "blankpage website.json"
}Use npx to run when locally installed:
$ npx blankpage website.jsonTemplate
blankpage will look for a template.html file in the current working dir.
The template should be a semi-valid index.html file. The file will be prefilled with the header, subheader and content.
The slots(placeholders) for the generated content are these:
<header>
<h2>
<//HEADER//>
</h2>
<h3>
<//SUBHEADER//>
</h3>
</header>
<section>
<//CONTENT//>
</section>
| Slot name | Slot value |
| --------- | ---------- |
|<//HEADER//>| The value of the "header" key|
|<//SUBHEADER//>| The value of the "subheader" key|
|<//CONTENT//>| The content of the input files
Configuration
website.json - The configuration file, which holds the settings of the package.
Example:
{
"title": "Website.com",
"header": "Neat website",
"subheader": "Javascript junkie.",
"input": "InputDirectoryWithTextFiles",
"inputSort": "fs|git",
"inputFormat": "txt|md",
"output": "OutDirForHTMLFile",
"filename": "HTMLFileName",
"highlight": "theme-name"
}Configuration options:
| Key | Value | Default Value |
| ----------- | --------------------- | ------------- |
| title| The <title> of the generated index file | "" |
| header| The header of the website | "" |
| subheader | The subheader of the website | "" |
| input | The input directory, where the text files are located | txt|
| inputSort | Sorting type for the files: fs will sort by name, for example: a > b > c.git will sort by the order in which files were added to version control. | fs |
| inputFormat | The format of the input files. Support: md - Markdown, txt - Plain text files| txt |
| output | The output directory, where the index file will be generated. | dist |
| filename | The name of the index file. | index.html |
| highlight | Enable syntax highlighting (only works with md parser). Omit parameter for no syntax highlighting. Setting to 'default' will set default theme. Themes are available at https://highlightjs.org/static/demo/. Set to theme name for non-default theme. | undefined |
Plans
- Add possibility to pretty-print the html.
- Create separate pages for each content element.
- Better README
- PERFORMANCE
