发布图片的脚本

时间:2017-09-30 15:53:22

标签: javascript html css bootstrap-4

我正在制作一个项目,它是一个列出一些活动的网站,在这里预览:

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>

最后我发布了它,就像上面的图片一样。

1 个答案:

答案 0 :(得分:0)

您正在谈论构建CMS。您可能想要构建自己的,这可能很有趣,但您可能希望使用已存在且易于托管的内容。一个易于使用的例子是Wordpress。

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

如果你去Hugo路线,你必须为每个事件创建一个页面模板,然后制作一个数据文件(它可以使用多种格式,如jsonyml),其中包含每个事件的数据。