¿Hay alguna manera en un sitio web GitHub páginas para almacenar el contenido de un cuadro de texto entre las sesiones?

Remona Minett:

Lo que estoy tratando de hacer es cuando se navega a alguien a mi sitio web, se le pedirá su nombre o simplemente tener un genérico y decir "No, haga clic aquí". Posteriormente, en la esquina se mostrará "Welcome back, [nombre]." Sin embargo, este es un sitio web de GitHub Páginas así que no estoy seguro de si esto es posible, y que tendría que dejar simplemente por el nombre.

No funciona simplemente codificar un nombre o no tienen ninguno en absoluto, pero sin algún tipo de base de datos o capacidad de almacenar y recuperar las credenciales no sé cómo puedo lograr esto.

Todo lo que tengo actualmente en la página web es

<p style="text-align:right; color:gray"><i>Welcome back.</i></p>.

No he podido encontrar algo similar a mi pregunta en Google, no estoy seguro sobre la forma de la palabra que, además de palabras clave que no acaban de llegar a donde voy.

No creo que el sitio web puede escribir en el sistema del usuario sin algún tipo de cookies, pero no sé mucho sobre el almacenamiento de datos con ellos. Supongo que tendrá que aprovechar el HTML 5 window.LocalStorage, pero no estoy seguro de cómo ponerlo en práctica.

En esencia, hay una manera de almacenar el nombre de alguien en las cookies, caché web, o en algún lugar no en el lado del servidor, a partir de lo que puedo decir GitHub páginas es de sólo lectura.

ThisClark:

Como se señala en los comentarios, localStorage (o una galleta) es casi la única manera de hacer lo que desee sin su propio servidor o algún servicio externo.

Esto es de ninguna manera una solución de almacenamiento permanente y no tiene control sobre cómo el usuario gestiona su almacenamiento local, pero aquí es un ejemplo mínimo que podría lanzar en un archivo HTML y abrir en su navegador para probar.

<input id="local-input" onkeydown="store(this)">

<script>
    // keep the contents of the input in local storage, called by input onkeydown
    function store(e) {
        localStorage.setItem('local', e.value)
    }

    // if previous storage exists, use it
    if(localStorage.getItem('local') !== null) {
        document.getElementById('local-input').value = localStorage.getItem('local')
    }
</script>

El almacenamiento local es bastante fácil de usar. Consulte la documentación en línea para más ejemplos y orientación: MDN Window.localStorage