EchoesWorks博客框架

联合创作 · 2023-10-02 12:54

EchoesWorks 是下一代技术博客/展示框架

Demo: 

http://demo.echoesworks.com/

特点:

  • 支持 Markdown

  • 集成Github代码

  • 全屏背景图片

  • 左/右侧图片支持

  • 进度条

  • 自动播放

  • 字幕

使用示例:

Clone

git clone git@github.com:echoesworks/echoesworks-demo.git

Or

1.Install

bower install echoesworks

2.Data

create example.md & data.json under data folder

  • Markdown Slide

  • Data for code & Time Control

3.Code

 var EW = new EchoesWorks({
         element: 'slide' });

Example with slide

    EchoesWorks.get('data/example.md', function(data){
            document.querySelector('slide').innerHTML = EchoesWorks.md.parse(data);
            EchoesWorks.imageHandler();new EchoesWorks({
                element: 'slide'});
        })

安装开发

1.Install devDependencies

 npm install

2.Development

3.Run Test

 npm test

4.Push Code & Waiting CI

浏览 8
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报