Question

我知道这不是编码问题，但我一直在谷歌搜索和谷歌搜索，我似乎找到了关于这个主题的任何内容...如果你愿意，我可以删除这篇文章，但我真的，真的很想知道，所以请试一试！

我有一个我一直在制作的网站（只是编写HTML和CSS），我希望有一个博客页面，我希望不必每次做博客时都重写代码，但是我不想在我的整个网站上使用CMS。有没有办法只使用一个页面的CMS？或者以某种方式简化它的另一种方式？

谢谢你的时间！

Answer 1

听起来像你应该看一个更动态的数据系统。 CMS是一个简单的解决方案，但可能是一种臃肿的方法。

如果您只是希望能够使用静态页面模板并动态填写数据，则可以使用简单的JSON文件或XML。

您使用的是Javascript，更具体地说是Angular还是jQuery？

有可能有数以千计的方法可以做到这一点，但如果你的项目没有更好的细节，那就会有点抛硬币。

一个非常简单的解决方案是简单地创建一个AngularJS组件并将其粘贴到您的单个博客页面html中。然后，仅使用外部JSON文件，您可以将所有博客帖子动态填充到单个模板文件中。

<强> HTML：

<div ng-app='app' ng-controller='mainCtrl'>
    <div ng-repeat="blog in myJson" class="blog-post">
        <ul class="blog-list">
          <li class="blog-post-item">
            <h3>{{blog.title}}</h3>
            <p>{{blog.body}}</p>
            <p>{{blog.date}}</p>            
            <p>{{blog.misc}}</p>
          </li>
        </ul>
    </div>   
</div>

<强>使用Javascript：

angular.module('app',['QuickList']).controller('mainCtrl', function($scope){
    $scope.myJson = [{
        title: "Some title here",
      body: "Main blog post body here with <b> html content </b>",
      date: "Jan, 1, 2016",
      misc: "other info"
    },{
        title: "Some title here 2",
      body: "Main blog post body here with <b> html content </b>",
      date: "Jan, 1, 2016",
      misc: "other info"
    },{
        title: "Some title here 3",
      body: "Main blog post body here with <b> html content </b>",
      date: "Jan, 1, 2016",
      misc: "other info"
    },{
        title: "Some title here 4",
      body: "Main blog post body here with <b> html content </b>",
      date: "Jan, 1, 2016",
      misc: "other info"
    }]
})

请务必在index.html中包含角度来源

Here is a Fiddle Example

Answer 2

尝试perch，它非常适合这个用例。

https://grabaperch.com

哪些CMS系统可以与静态代码一起使用？

2 个答案: