V2EX 首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
V2EX  ›  分享创造

最简单的静态网站生成器 Pagic v0.5.0,修复 watch 的问题,添加 watch(), unwatch() 方法

  •  1
     
  •   xcatliu · 70 天前 · 543 次点击
    这是一个创建于 70 天前的主题,其中的信息可能已经有所发展或是发生改变。

    GitHub: https://github.com/xcatliu/pagic


    最简单的静态网站生成器 Pagic 发布 v0.5.0 啦!

    The easiest way to generate static html page from markdown

    修复了 watch 的问题

    现在不会修改任一文件就全部 rebuild 了。

    而是会根据修改的文件类型选择尽可能少的 rebuild 方式。

    比如修改 xxx.md 文件,则只 rebuild 这一个文件。如果修改了 _layout.js 则会 rebuild 它的子目录下所有文件。

    watch(), unwatch() 方法

    pagic.watch().build();
    
    setTimeout(() => {
      pagic.unwatch();
    }, 10000);
    

    GitHub 上的测试覆盖率

    写了很多单元测试,所以总结了一个测试覆盖率的文章,GitHub 上的测试覆盖率

    快来试试吧!

    npm install pagic -g
    
    pagic init new_site
    
    cd new_site
    pagic build
    

    感谢 tracker1 shellphon hustcc shellphon 等人的建议和帮助!


    以下是给不了解 Pagic 的人看的简单介绍。


    特性

    • 极简的使用方式:只需要 xxx.md_layout.js 即可
    • 其他静态资源文件直接复制到 public 文件夹
    • 支持 sub page 和 sub layout ,每个 Markdown 文件会一级一级往上查找,选择最近的 _layout.js 作为模板
    • 传入 relativeToRoot 到模板中,方便插入静态资源如 css
    • 支持 cli 和 node modules 引入

    Links

    6 回复  |  直到 2017-04-03 17:33:19 +08:00
        1
    Yourdaye   70 天前 via iPhone   ♥ 1
    最好能给个 demo
        2
    xcatliu   70 天前
    @Yourdaye 只是个静态网站生成器, css 需要自己写,我没有内置默认的 css 。

    这儿有个 demo : http://xcatliu.com/pagic/

    这个也是用 Pagic 生成的: https://mobi-css.github.io/mobi-plugin-flexbox/
        3
    ifreego   69 天前
    你这个需要自己写 css 啊。我觉得很多人用 hexo,jekyll 啊,都是冲着 themes 去的 -_-||
        4
    bztd001   53 天前   ♥ 1
    index.md

    ```
    # Pagic

    The 简单 way to generate static html page from markdown

    ## Pages

    - [css/site.css](css/site.css)
    - [sub](sub)
    - [sub/sub_sub](sub/sub_sub)
    - [front_matter](front_matter)
    - [relative_to_root](relative_to_root)
    - [relative_to_root/sub](relative_to_root/sub)

    ```


    ***

    ```
    pagic build
    ```

    ***

    ![图片]( http://i1.piimg.com/1949/1e46bad55cb56255.png)


    ***

    如何操作才能使 index.md 中支持中文。。。。。。。
        5
    xcatliu   53 天前 via iPhone
    @bztd001 好像还真没测试过中文 😂,谢谢反馈,一会儿我看看
        6
    xcatliu   50 天前   ♥ 1
    DigitalOcean
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   鸣谢   ·   1569 人在线   最高记录 2466   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.7.5 · 59ms · UTC 14:50 · PVG 22:50 · LAX 07:50 · JFK 10:50
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1