Css 为其他站点高效地重用（设计糟糕的）JSON模板？

我的主管刚刚递给我一堆来自自由职业者的JSON文件，我们将使用这些文件创建多个（类似）网站。幸运的是，我将成为更新不同版本内容和css的人

这是我第一次使用JSON，所以虽然我不能确定这是一个设计糟糕的模板，但事实上css非常混乱（为了将整个站点的按钮颜色从黄色更改为橙色，至少需要调整15个不同的类，这在我看来似乎违背了css的全部目的……）没有给我希望

我已经在前两个不同的网站上强制使用了brute，但是因为看起来我们会做更多的工作，我正在寻找简化流程的方法（特别是确保在内容需要更改的所有地方更改内容，这是一个大量的文件，不同的版本有不同的内容）

我个人已经很老了，喜欢awk（嗯，这是我最习惯的编程方式），所以我的备份计划是只设置一两个awk/批处理脚本，它将接收一个“这些特定位置的信息位”文件并更新所有相关文件。然而，我相信有更好的方法来做到这一点，这就是为什么我要求助于你们

是否已经存在任何类似于这些流程的简化方法？或者是一种非常适合这个项目的编码系统/语言？我可以连接到需要更改的文本位的GUI

理想情况下，我想设置一些即使是猴子（或不含咖啡因的我）也可以根据需要经常使用的东西。我已经开始深入研究源代码来清理它（因为，gasp，我们可能需要在“我们的团队”页面上有5个人以上，例如，没有糟糕的css/html解决方案），因此，可以在途中进行其他有助于内容更新过程的调整。

我最近使用JSON呈现模板。这是一个前端工具，但您可以使用一些后端工具（php中的简单cURL或file_get_内容）将其自动化。

您的模板将是html文件中的JavaScript模板：

在JavaScript代码中加载：

 <script type="text/javascript">
    // When rending an underscore template, we want top-level
    // variables to be referenced as part of an object. For
    // technical reasons (scope-chain search), this speeds up
    // rendering; however, more importantly, this also allows our
    // templates to look / feel more like our server-side
    // templates that use the rc (Request Context / Colletion) in
    // order to render their markup.
    _.templateSettings.variable = "rc";
    // Grab the HTML out of our template tag and pre-compile it.
    var template = _.template(
        $( "script.template" ).html()
    );
    // Define our render data (to be put into the "rc" variable).
    var templateData = {
        listTitle: "Olympic Volleyball Players",
    };
    // Render the underscore template and inject it after the div rendered
    // in our current DOM.
    $( "#rendered" ).after(
        template( templateData )
    );
  </script> 

//在呈现下划线模板时，我们需要顶级
//作为对象的一部分引用的变量。对于
//技术原因（范围链搜索），这加快了
//渲染；然而，更重要的是，这也允许我们
//模板看起来/感觉更像我们的服务器端
//在中使用rc（请求上下文/集合）的模板
//以呈现它们的标记。
_.templateSettings.variable=“rc”；
//从模板标签中提取HTML并预编译它。
var-template=\ u0.template(
$（“script.template”）.html（）
);
//定义渲染数据（放入“rc”变量）。
var templateData={
名单名称：“奥运会排球运动员”，
};
//呈现下划线模板，并在呈现div后将其插入
//在我们当前的DOM中。
$（“#呈现”）。之后(
模板（templateData）
);

谢谢。我认为你的答案更多的是把网站放在一起（“渲染”），而不是修改片段。该站点确实可以运行，并且可以被编译成一个站点（当然，除非我漏掉了一个逗号…）我当前的问题更多的是，像“CompanyName”这样的东西出现在一堆单独的文件中，我必须单独更改它们，每个公司都有不同的座右铭，不同的员工等等。。。我有一个文件列表，每个文件中都有需要更改的内容作为起点，但这是次优的。