Eocky 是 bisheng 的一个 fork，本质上是渲染层基于 San 的静态模板生成器。

做这个东西是我想给我自己的 San 组件写文档，但是实在找不到让我觉得非常适合的文档工具，所以就“拿来主义”地 fork 了 bisheng。

eocky 这个名字没什么特别的含义。文档俗称 doc，本来想叫 docky 但是 npm 上被占坑了，那么索性首字母 +1 叫 eocky 好了。

• bisheng
• san-markdown-loader

• 支持 markdown 数据的懒加载。
• 强大的插件机制。

说明:

npm install --save-dev eocky

配置npm scripts:

{
  "scripts": {
    "start": "eocky start"
  }
}

创建eocky.config.js进行配置，如下是默认配置，详见：get-bisheng-config

module.exports = {
  source: './posts',
  output: './_site',
  theme: './_theme',
  port: 8000,
};

注意: source 和 theme 字段不能为空，且 theme 不能是一个空文件夹。

执行 npm start。

你可以将 eocky 作为命令行工具全局安装，不过更推荐作为项目的 devDependencies 来使用它。

$ npm install -g eocky
$ eocky -h
  Usage: eocky [command] [options]

  Commands:

    start [options]     to start a server
    build [options]     to build and write static files to `config.output`
    gh-pages [options]  to deploy website to gh-pages
    help [cmd]          display help for [cmd]

  Options:

    -h, --help     output usage information
    -V, --version  output the version number

eocky 会读取目录下的 eocky.config.js 作为其默认配置，你也可以使用 eocky --config another.config.js 来指定配置文件。

下面是一个配置文件的例子：

module.exports = {
  port: 8000,
  source: './posts',
  output: './_site',
  theme: './_theme',
  htmlTemplate: path.join(__dirname, '../template.html'),
  devServerConfig: {},
  webpackConfig(config) {
    return config;
  },
  entryName: 'index',
  root: '/',
};

default: 8000

本地服务器占用的启动端口号。

default: './posts'

告诉 eocky 从哪里读取 markdown 数据。source 中的 markdown 数据会根据文件目录结构解析成树形结构，如下例：

输入：

posts
└── dir1
  ├── a.md
  └── b.md

输出：

{
  dir1: {
    a: {...},
    b: {...},
  },
}

每一个 markdown 文件的内容是使用 mark-twain 这个包解析后的结果，你可以借助 eocky 的插件机制对数据进行预处理。

default: null

你不想解析某个 markdown 文件的话，在这里配置。

default: './_site'

执行 build 命令后的输出目录

default: './_theme'

主题的路径，可以是 path，也可以是一个 npm 包。

主题文档.

• eocky-theme-sanmui

undefined

你希望在主题中拿到的一些配置。如果你是一个主题开发者，这些配置在这里传入了 san-router。因此你在主题中可以使用 this.data.get('route.config.themeConfig')拿到他们。

default: eocky/lib/template.html

站点所使用的 HTML 模板，因为是 SPA 所以只有一个。

注意: 该模板使用 nunjucks 这一模板引擎，用于注入数据，这部分数据包括

• root
• 你传给 htmlTemplateExtraData 的所有属性。

default: {}

你用来渲染模板的额外数据 htmlTemplate.

default: {}

详见 webpack-dev-server 文档.

default: {
    plugins: [
      rucksack(),
      autoprefixer({
        browsers: ['last 2 versions', 'Firefox ESR', '> 1%', 'ie >= 8', 'iOS >= 8', 'Android >= 4'],
      }),
    ],
  }

详见 wenpack postcss-loader's documentation.

default: (config) => config

用于修改我们默认的 webpack 配置，默认的 webpack 配置在这里。

[{ test: /.md$/, use: MarkdownTransformer }]

你可以用这个字段来处理 markdown 之外的静态文件，当然，一般应该用不到。

default: 'index'

webpack 生成文件的文件名，[entryName].js & [entryName].css.

default: '/'

如果该站点被用在了某域名的子目录下，你可能会需要这个字段。

MIT