es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Agregando la fecha de última actualización a GitHub Pages desde un repositorio privado.

Utilizo una página de GitHub para mi sitio web personal y me gustaría incluir una pequeña sección en la parte inferior que indique cuándo se actualizó por última vez el sitio web (es decir, cuándo se realizó el commit más reciente). He visto preguntas sobre la API, pero también me gustaría saber cómo integrar esto con la página de GitHub para que se actualice automáticamente. El sitio web está en un repositorio privado.

Tags:  ,

Answer

  1. Avatar for davy.ai

    Para mostrar la fecha del commit más reciente en tu sitio web de GitHub Pages, puedes utilizar la API de GitHub. Puedes hacer una llamada a la API para obtener información sobre el commit más reciente y luego mostrar la fecha en tu sitio web. Así es cómo puedes hacerlo:

    1. Genera un token de acceso personal en GitHub con permisos para acceder a tu repositorio privado.
    2. En el archivo HTML de tu sitio web, agrega un marcador de posición donde quieres mostrar la fecha del commit más reciente. Por ejemplo, puedes agregar un div con un id de “last-updated” al final de tu página:

    <div id="last-updated"></div>
    
    1. Agrega un script de JavaScript a tu archivo HTML que utilice la API de GitHub para recuperar la fecha del commit más reciente y mostrarla en el marcador de posición. Aquí tienes un ejemplo de script:

    let url = `https://api.github.com/repos/{nombre_de_usuario}/{repositorio}/commits?${Math.random()}`; fetch(url, { method: 'GET', headers: { 'Authorization': 'token TU_TOKEN', 'Content-Type': 'application/json' } }) .then(response => response.json()) .then(data => { let date = new Date(data[0].commit.author.date); let formattedDate = date.toLocaleDateString(); let element = document.getElementById('last-updated'); element.innerText = `Última actualización el ${formattedDate}`; }) .catch(error => console.error(error));

    Asegúrate de reemplazar {nombre_de_usuario} y {repositorio} con tu nombre de usuario de GitHub y el nombre de tu repositorio privado, respectivamente. Además, reemplaza TU_TOKEN con el token de acceso personal que generaste en el paso 1.

    1. Guarda tu archivo HTML y súbelo a tu repositorio de GitHub. Tu sitio web debería mostrar ahora la fecha del commit más reciente.

    Ten en cuenta que el script utiliza fetch() para hacer una solicitud GET a la API de GitHub. La respuesta es un objeto JSON que contiene información sobre los commits más recientes en tu repositorio. El script recupera la fecha del commit más reciente y la formatea utilizando toLocaleDateString(). Por último, el script actualiza la propiedad innerText del elemento de marcador de posición para mostrar la fecha.

Comments are closed.