📝 Blog
Simple e ingenioso - como creé mi Blog Personal
En este artículo, quiero compartir cómo creé una función para mostrar archivos .txt en mi blog personal. Para ello, utilicé PHP para leer el contenido del archivo y presentarlo en HTML de una manera sencilla y elegante. Aquí te muestro cómo lo hice paso a paso.
1. Crear la Función para Leer el Archivo
Para empezar, necesitamos una función en PHP que lea el archivo de texto y lo muestre en nuestra página web. Usamos file_get_contents para obtener todo el contenido del archivo y asegurarnos de que se muestra correctamente en HTML.
Aquí está el código PHP que utilicé:
Este código verifica si el archivo .txt existe y, si es así, lo lee usando file_get_contents. Si el archivo no existe, muestra un mensaje de error.
2. Mostrar el Contenido en HTML
Una vez que tenemos el contenido del archivo, necesitamos mostrarlo en la página web. Lo hacemos dentro de una estructura HTML básica, y usamos el elemento <pre> para preservar el formato del texto original.
Aquí está el código HTML que utilicé para mostrar el contenido del archivo:
En este bloque de código:
Usamos la función htmlspecialchars para evitar que el contenido del archivo se interprete como HTML o código PHP, lo que podría ser un riesgo de seguridad. El contenido se muestra dentro de un contenedor con un estilo simple y elegante, utilizando Bootstrap para una mejor presentación.
3. Mejorando la Presentación con Bootstrap
Decidí utilizar Bootstrap para darle una mejor apariencia a la página. Bootstrap es un framework de CSS que facilita la creación de interfaces modernas y responsivas. Como puedes ver en el código, incluí el enlace a la hoja de estilos de Bootstrap en el <head>.
Esto nos permite:
Centrar el contenido.
Darle bordes y fondos al texto.
Hacer que la página sea más responsiva.
4. Conclusión
Crear un blog donde puedas mostrar el contenido de archivos .txt en HTML es un proceso sencillo si usas PHP para leer el archivo y luego lo presentas de manera adecuada en tu página. En este artículo, te mostré cómo lo hice en mi propio blog, y cómo puedes hacerlo también.
Si tienes alguna pregunta o necesitas ayuda, no dudes en contactarme.
1. Crear la Función para Leer el Archivo
Para empezar, necesitamos una función en PHP que lea el archivo de texto y lo muestre en nuestra página web. Usamos file_get_contents para obtener todo el contenido del archivo y asegurarnos de que se muestra correctamente en HTML.
Aquí está el código PHP que utilicé:
<?php
// Ruta del archivo .txt
$filename = 'ruta/del/archivo.txt';
// Comprobar si el archivo existe
if (file_exists($filename)) {
// Leer el contenido del archivo
$fileContent = file_get_contents($filename);
} else {
$fileContent = "El archivo no existe.";
}
?>
Este código verifica si el archivo .txt existe y, si es así, lo lee usando file_get_contents. Si el archivo no existe, muestra un mensaje de error.
2. Mostrar el Contenido en HTML
Una vez que tenemos el contenido del archivo, necesitamos mostrarlo en la página web. Lo hacemos dentro de una estructura HTML básica, y usamos el elemento <pre> para preservar el formato del texto original.
Aquí está el código HTML que utilicé para mostrar el contenido del archivo:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mostrar Archivo de Texto</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body class="bg-dark text-light">
<div class="container mt-5">
<h2>Contenido del Archivo</h2>
<div class="border p-4 bg-light text-dark">
<pre><?php echo htmlspecialchars($fileContent); ?></pre>
</div>
</div>
</body>
</html>
En este bloque de código:
Usamos la función htmlspecialchars para evitar que el contenido del archivo se interprete como HTML o código PHP, lo que podría ser un riesgo de seguridad. El contenido se muestra dentro de un contenedor con un estilo simple y elegante, utilizando Bootstrap para una mejor presentación.
3. Mejorando la Presentación con Bootstrap
Decidí utilizar Bootstrap para darle una mejor apariencia a la página. Bootstrap es un framework de CSS que facilita la creación de interfaces modernas y responsivas. Como puedes ver en el código, incluí el enlace a la hoja de estilos de Bootstrap en el <head>.
Esto nos permite:
Centrar el contenido.
Darle bordes y fondos al texto.
Hacer que la página sea más responsiva.
4. Conclusión
Crear un blog donde puedas mostrar el contenido de archivos .txt en HTML es un proceso sencillo si usas PHP para leer el archivo y luego lo presentas de manera adecuada en tu página. En este artículo, te mostré cómo lo hice en mi propio blog, y cómo puedes hacerlo también.
Si tienes alguna pregunta o necesitas ayuda, no dudes en contactarme.