发布图片的脚本

Question

I'm making a project, it's a website that list some events, here its preview:

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

I can modify the html and css and post more events like the image above, but it's not practical if I have to alter the html every single time I want to post an event or update it.

Is there any way to make a script to do it? Like a page where I just put things like event name, date, a image and stuff, and it generate an event like in the image above?

To be more specific, an script that makes this just by typing the information I want:

    <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>

Like a form that it automatcly creates it:

<div class="item active">

      </div>      
    </div>

Then i put an image:

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

and then some info about it:

  <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>

and finally i post it and it gets like the image above.

Answer 1

You are talking about building a CMS. You may want to build your own, which can be fun, but likely you will want to use something that already exists and is easy to host. One easy to use example would be Wordpress.

Alternatively you could look at a static site generator (such as hugo ), which will generate html pages for you on your computer, which you can then upload to your hosting provider.

If you go the Hugo route, you will have to create a page template for each event, and then make a data file (it can use several formats like json or yml ) which contains the data for every event.