javascript - 发布图片的脚本

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) 其中包含每个事件的数据。