• 本站搬迁至Linode机房,购买Linode 1G机型仅需$10/月,点此访问官网
  • 百度口碑求好评,http://koubei.baidu.com/s/www.zhiyanblog.com
  •    2年前 (2014-04-06)  软件代码 |   16 条评论  1659 
    文章评分 7 次,平均分 3.9

    Nico

    想拥有一个自己的静态网站?不太喜欢折腾Python, Ruby或者其他的语言? 和你一样,我也喜欢 javascript,而node使得它如此有趣。

    Nico是一个由javascript语言编写,使用你所熟悉的东西是你在建设网页时带来更多美好体验。因此你能够改变一些东西,你能做出一些意想不到的事情。

    这是一个Nico打造的网站的例子:http://binbinliao.com/

    nico 中文文档

    Nico 是基于 nodejs 的静态站点生成工具。所以在安装 nico 之前,你需要安装 node。通常来说,你应该已经安装好了 node,不过这里还是重复一下。

    你可以在 nodejs.org 下载安装包安装,也可以通过包管理器(比如在 Mac 上用 homebrew,同时推荐在 Mac 上用 homebrew)。

    安装

    你已经安装好了 node,使用 node 提供的包管理工具 npm 来安装 nico 很简单,只需要在终端里输入:

    $ npm install nico -g

    注意,一定要有 -g 哦,这样才能够在终端里调用到 nico。

    另外,如果安装了 socket.io 的话,nico server 将会有 live reload 功能。

    主题

    Nico 没有提供内置的主题,在可见的未来也不会内置主题,但是我已经为你写好了一个主题 one,在你还不会自己写主题时,你可以暂时使用 one 做为你的主题。另外说明一下,你所访问的这个站点就是用的 one。

    我们先下载这个主题:

    $ git clone git://github.com/lepture/nico-one.git _themes/one

    READ MORE

    配置

    你需要一份配置文件来让 nico 正常工作。在当前目录下新建一个 nico.json 文件:

    {
        "source": "content",
        "output": "_site",
        "theme": "_themes/one",
        "permalink": "{{directory}}/{{filename}}.html",
        "writers": [
            "nico.PostWriter",
            "nico.FileWriter",
            "nico.StaticWriter"
        ]
    }

    READ MORE

    写作

    我们来试着写一篇文章,假设你的目录结构如下:

    nico.json
    content/
      hello-world.md
    _themes/
      one/
        templates/
        static/
        ...

    我们来编写 content/hello-world.md

    # Hello Nico
    
    - pubdate: 2012-12-12
    
    ------
    
    Hello World, Hello Nico.

    在终端里运行:

    $ nico build

    这时可以看到在当前目录下生成了一个 _site 文件夹,里面有一篇 hello-world.html 的文章。

    了解终端里的命令:

    $ nico -h
    $ nico build -h
    $ nico server -h

    READ MORE

    开发者文档

    你是开发者,你对 nico 这个程序感兴趣,想要为 nico 做点贡献,请先阅读Contributing Guide

    首先请试着阅读源码,如果觉得有困难,可参考 开发篇 获得指引。

     

    除特别注明外,本站所有文章均为知言的自留地原创,转载请注明出处来自http://www.zhiyanblog.com/static-webtool-nico.html

    关于
    知言博客是由WordPress业余爱好者zhiyan建立的WordPress以及WEB资源站,集WordPress教程、主题、插件以及众多前端素材、代码等其他内容于一体,努力为相关用户提供帮助。

    发表评论

    表情 格式

    1. 要安装在服务器上么

      djyesu 7个月前 (09-08) [0] [0]
    2. 怎么用?

      djyesu 7个月前 (09-08) [0] [0]
    3. 不错啊

      unrealwind 7个月前 (08-29) [0] [0]
    4. 不错啊

      porry1 10个月前 (06-16) [0] [0]
    5. 打开电脑,就是为了之言博客,你还在等什么,赶快下载吧!

      独醉寒风 10个月前 (05-31) [0] [0]
    6. 不错不错,非常好

      独醉寒风 10个月前 (05-29) [0] [0]
    7. 挺不错的

      Porry 11个月前 (05-12) [0] [0]
    8. 感谢分享

      mawanglin2008 11个月前 (05-10) [0] [0]
    9. 不錯的教學!

      jlliu0226 1年前 (2015-03-23) [0] [0]
    10. 这个应该用的着

      低调_小枫 1年前 (2015-02-14) [1] [0]
    11. 研究研究

      qwepoi 1年前 (2015-02-09) [0] [0]
    12. 学习了~

      tslgq 1年前 (2015-01-18) [0] [0]
    13. 静态网站是未来发展的趋势啦

      130591.com-罗谨 1年前 (2015-01-10) [0] [0]
    14. 静态网站是未来发展的趋势啦

      myideal 1年前 (2014-12-15) [0] [0]
    15. :sad: :evil: :!: :oops: 测试评论表情

      zhiyan 1年前 (2014-11-08) [0] [0]
    16. 好神器~~

      Faris 2年前 (2014-04-25) [0] [0]
    切换注册

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册