发布图片的脚本

Question

我正在做一个项目，这是一个列出一些事件的网站，这里是它的预览：

https://i.imgur.com/yo20mTo.jpg

我可以修改 html 和 css 并像上图一样发布更多事件，但如果我每次想要发布事件或更新事件时都必须更改 html，这是不切实际的。

有什么办法可以制作一个脚本来做到这一点？就像一个页面，我只放置事件名称、日期、图像和其他内容，它会生成上图所示的事件？

更具体地说，一个脚本，只需输入我想要的信息即可：

    <div class="item active">
      <img class="img-responsive" src="imagens/aero.jpg" alt="Image">
      <div class="carousel-caption">
        <h3>Aerosmith em São Paulo</h3>
        <p>Mais informações</p>



      </div>      
    </div>

就像它自动创建的表单一样：

<div class="item active">

      </div>      
    </div>

然后我放一张图片：

   <div class="item active">
 <div class="item active">
   <img class="img-responsive" src="imagens/aero.jpg" alt="Image">
   <div class="carousel-caption">
          </div>      
        </div>

然后是一些关于它的信息：

  <div class="item active">
      <img class="img-responsive" src="imagens/aero.jpg" alt="Image">
      <div class="carousel-caption">
        <h3>Aerosmith em São Paulo</h3>
        <p>Mais informações</p>
      </div>      
    </div>

最后我把它贴出来，它就像上图一样。

Answer 1

您正在谈论构建 CMS。您可能想要构建自己的，这可能很有趣，但您可能会想要使用已经存在且易于托管的东西。一个易于使用的示例是 Wordpress。

或者，您可以查看静态网站生成器（例如 hugo），它会在您的计算机上为您生成 html 页面，然后您可以将其上传到您的托管服务提供商。

如果你走 Hugo 路线，你必须为每个事件创建一个页面模板，然后制作一个包含每个事件数据的数据文件（它可以使用多种格式，如 json 或 yml） .