HTML5电子杂志生成器。
一个生成好的示例:
需要安装了git。
然后:
git clone https://github.com/shiqichan/H5Magen.git
命令行,进入H5Magen
目录,执行:
npm install
安装工作完毕。
命令行,H5Magen
目录下,执行:
node h5magen -s examples/firstMagazine
将根据firstMagzine
目录的素材生成电子杂志,位置在examples/firstMagzine/dist
目录下。在浏览器打开dist
目录下的index.html
文件,即可看到生成的电子杂志。
电子杂志,分为:
- 数据
- 模板
其中,数据部分,是编辑制作的,模板,是开发者根据制作要求提前做好的。
比如,数据,见1.json:
{
"layout":"simple/article_1",
"backgroundImageUrl":"images/008.jpg",
"title":"猫",
"subtitle":"小型猫科动物也是杀手",
"content":"在美国,家猫每年导致高达37亿只本土鸟类死亡。"
}
模板部分,见article_1.hbs
<article style="background-image: url({{{backgroundImageUrl}}})">
<h1>{{{title}}}</h1>
<h2>{{{subtitle}}}</h2>
<p>{{{content}}}</p>
</article>
待续。