[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-7679":3},{"id":4,"name":5,"fullName":6,"owner":5,"repo":5,"description":7,"homepage":8,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":18,"compositeScore":19,"rankGlobal":9,"rankLanguage":9,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":21,"topics":23,"createdAt":9,"pushedAt":9,"updatedAt":25,"readmeContent":26,"aiSummary":27,"trendingCount":15,"starSnapshotCount":15,"syncStatus":17,"lastSyncTime":28,"discoverSource":29},7679,"middleman","middleman\u002Fmiddleman","Hand-crafted frontend development","https:\u002F\u002Fmiddlemanapp.com",null,"Ruby",7111,752,155,8,0,1,2,3,39.63,"MIT License",false,"main",[5,24],"static-site-generator","2026-06-12 02:01:43","# Middleman - Makes developing websites simple\n\n[![Gem Version](http:\u002F\u002Fimg.shields.io\u002Fgem\u002Fv\u002Fmiddleman.svg?style=flat)][gem]\n[![CI](https:\u002F\u002Fgithub.com\u002Fmiddleman\u002Fmiddleman\u002Factions\u002Fworkflows\u002Fci.yml\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002Fmiddleman\u002Fmiddleman\u002Factions\u002Fworkflows\u002Fci.yml)\n[![License](http:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT-blue.svg?style=flat)][license]\n\n**Middleman** is a static site generator using all the shortcuts and tools in modern web development. Check out [middlemanapp.com](http:\u002F\u002Fmiddlemanapp.com\u002F) for detailed tutorials, including a [getting started guide](http:\u002F\u002Fmiddlemanapp.com\u002Fbasics\u002Fgetting-started\u002F).\n\n## Why Middleman?\n\nThese days, many websites are built with an API in mind. Rather than package the frontend and the backend together, both can be built and deployed independently using the public API to pull data from the backend and display it on the frontend. Static websites are incredibly fast and require very little RAM. A front-end built to stand-alone can be deployed directly to the cloud or a CDN. Many designers and developers simply deliver static HTML\u002FJS\u002FCSS to their clients.\n\n- Uses [Sass](https:\u002F\u002Fsass-lang.com\u002F) for DRY stylesheets.\n- Bring your own asset pipeline (WebPack, Babel, Sprockets or any other).\n- Easy templating with [ERb](https:\u002F\u002Fruby-doc.org\u002Fstdlib-2.0.0\u002Flibdoc\u002Ferb\u002Frdoc\u002FERB.html) or [Haml](https:\u002F\u002Fhaml.info\u002F).\n\n**Middleman** gives the stand-alone developer access to all these tools and many, many more.\n\n## Installation\n\nMiddleman is built on Ruby and uses the RubyGems package manager for installation. These are usually pre-installed on Mac OS X and Linux. Windows users can install both using [RubyInstaller]. For windows [RubyInstaller-Devkit] is also required.\n\n```bash\ngem install middleman\n```\n\n## Getting Started\n\nOnce Middleman is installed, you will have access to the `middleman` command. First, let's create a new project. From the terminal:\n\n```bash\nmiddleman init MY_PROJECT\n```\n\nThis will create a new Middleman project located in the \"MY_PROJECT\" directory. This project contains a `config.rb` file for configuring Middleman and a `source` directory for storing your pages, stylesheets, javascripts and images.\n\nChange directories into your new project and start the preview server:\n\n```bash\ncd MY_PROJECT\nmiddleman server\n```\n\nThe preview server allows you to build your site, by modifying the contents of the `source` directory, and see your changes reflected in the browser at: `http:\u002F\u002Flocalhost:4567\u002F`\n\nTo get started, simply develop as you normally would by building HTML, CSS, and Javascript in the `source` directory. When you're ready to use more complex templates, simply add the templating engine's extension to the file and start writing in that format.\n\nFor example, say I am working on a stylesheet at `source\u002Fstylesheets\u002Fsite.css` and I'd like to start using Sass. I would rename the file to `source\u002Fstylesheets\u002Fsite.css.scss` and Middleman will automatically begin processing that file as Sass. The same would apply to CoffeeScript (`.js.coffee`), Haml (`.html.haml`) and any other templating engine you might want to use.\n\nFinally, you will want to build your project into a stand-alone site. From the project directory:\n\n```bash\nmiddleman build\n```\n\nThis will compile your templates and output a stand-alone site which can be easily hosted or delivered to your client. The build step can also compress images, employ Javascript & CSS dependency management, minify Javascript & CSS and run additional code of your choice. Take a look at the `config.rb` file to see some of the most common extensions which can be activated.\n\n## Learn More\n\nA full set of in-depth instructional guides are available on the official website at: \u003Chttp:\u002F\u002Fmiddlemanapp.com>.\n\nAdditionally, up-to-date generated code documentation is available on [RubyDoc].\n\n## Community\n\nThe official community forum is available at: \u003Chttp:\u002F\u002Fforum.middlemanapp.com>\n\n## Bug Reports\n\nGithub Issues are used for managing bug reports and feature requests. If you run into issues, please search the issues and submit new problems: \u003Chttps:\u002F\u002Fgithub.com\u002Fmiddleman\u002Fmiddleman\u002Fissues>\n\nThe best way to get quick responses to your issues and swift fixes to your bugs is to submit detailed bug reports, include test cases and respond to developer questions in a timely manner. Even better, if you know Ruby, you can submit [Pull Requests](https:\u002F\u002Fhelp.github.com\u002Farticles\u002Fusing-pull-requests) containing Cucumber Features which describe how your feature should work or exploit the bug you are submitting.\n\n## How to Run Cucumber Tests\n\n1. Checkout Repository: `git clone https:\u002F\u002Fgithub.com\u002Fmiddleman\u002Fmiddleman.git`\n2. Install Bundler: `gem install bundler`\n3. Run `bundle install` inside the project root to install the gem dependencies.\n4. Run test cases: `bundle exec rake test`\n\n## Donate\n\n[Click here to lend your support to Middleman](https:\u002F\u002Fgithub.com\u002Fsponsors\u002Ftdreyno)\n\n## Versioning\n\nThis library aims to adhere to [Semantic Versioning 2.0.0][semver]. Violations\nof this scheme should be reported as bugs. Specifically, if a minor or patch\nversion is released that breaks backward compatibility, that version should be\nimmediately yanked and\u002For a new version should be immediately released that\nrestores compatibility. Breaking changes to the public API will only be\nintroduced with new major versions. As a result of this policy, you can (and\nshould) specify a dependency on this gem using the [Pessimistic Version\nConstraint][pvc] with two digits of precision. For example:\n\n```ruby\ngem 'middleman', '~> 4.0'\n```\n\n[semver]: http:\u002F\u002Fsemver.org\u002F\n[pvc]: http:\u002F\u002Fguides.rubygems.org\u002Fpatterns\u002F#pessimistic-version-constraint\n\n## License\n\nCopyright (c) 2010-2023 Thomas Reynolds. MIT Licensed, see [LICENSE] for details.\n\n[gem]: https:\u002F\u002Frubygems.org\u002Fgems\u002Fmiddleman\n[rubyinstaller]: http:\u002F\u002Frubyinstaller.org\u002F\n[rubyinstaller-devkit]: http:\u002F\u002Frubyinstaller.org\u002Fadd-ons\u002Fdevkit\u002F\n[rubydoc]: http:\u002F\u002Frubydoc.info\u002Fgithub\u002Fmiddleman\u002Fmiddleman\n[license]: https:\u002F\u002Fgithub.com\u002Fmiddleman\u002Fmiddleman\u002Fblob\u002Fmaster\u002FLICENSE.md\n","Middleman 是一个静态网站生成器，旨在简化现代前端开发流程。它支持使用 Sass 编写 DRY 样式表，并允许开发者自定义资产流水线（如 WebPack、Babel 或 Sprockets）。此外，Middleman 还提供了 ERb 和 Haml 两种模板引擎供选择，帮助开发者快速构建高效且易于维护的网页。适用于需要独立于后端API进行部署的前端项目，或是希望以低成本方式托管静态内容（如通过云服务或CDN）的情况。由于其强大的功能和灵活性，无论是个人开发者还是团队协作，都能在 Middleman 中找到适合自己的解决方案。","2026-06-11 03:13:46","top_language"]