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

浏览 17
点赞
评论
收藏
分享

手机扫一扫分享

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

手机扫一扫分享

编辑 分享
举报