122 lines
4.8 KiB
HTML
122 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css">
|
|
<link href="css/style.css" rel="stylesheet" type="text/css">
|
|
<title>xinu.me</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="content" id="content-node">
|
|
<div class="fuzz"></div>
|
|
<div class="logo-area">
|
|
<pre class="logo">
|
|
_
|
|
__ _(_)_ __ _ _ _ __ ___ ___
|
|
\ \/ / | '_ \| | | | | '_ ` _ \ / _ \
|
|
> <| | | | | |_| | _| | | | | | __/
|
|
/_/\_\_|_| |_|\__,_|(_)_| |_| |_|\___|
|
|
|
|
</pre>
|
|
<blockquote class="logo-area-quote white">"pequeño sistema UNIX de acceso público"</blockquote>
|
|
</div>
|
|
<div class="instructions-wrapper">
|
|
<div class="instructions">
|
|
|
|
<h3>¡Bienvenido!</h3>
|
|
<p>
|
|
¿Nuevo con la línea de comandos y todo la movida web? ¡Estás de suerte! Aquí encontrarás un pequeño tutorial básico al estilo "Hola Mundo".
|
|
</p>
|
|
|
|
<h3>Iniciando sesión</h3>
|
|
<pre>
|
|
_______________________________________
|
|
/ Bienvenido a xinu.me! Un lugar para \
|
|
\ alojar tus páginas web. /
|
|
---------------------------------------
|
|
\ ^__^
|
|
\ (oo)\_______
|
|
(__)\ )\/\
|
|
||----w |
|
|
|| ||
|
|
</pre>
|
|
<p>
|
|
<ol class="green">
|
|
<li>1. En un Mac abre la aplicación Terminal, en un Windows necesitas un cliente SSH.
|
|
<a href="https://www.putty.org/" class="cyan">PuTTY</a> es una buena opción.</li>
|
|
<li>2. Teclea: <span class="white">ssh tuusuariomolón@xinu.me</span> y pulsa la tecla "Entrar".</li>
|
|
<li>3. Teclea <span class="white">tuclave</span> y pulsa la tecla "Entrar".</li>
|
|
|
|
</ol>
|
|
</p>
|
|
|
|
<h3>Encuentra tu archivo index.hml</h3>
|
|
<p>
|
|
Hay varios comandos básicos que querrás aprender, pero para este tutorial solo necesitarás unos pocos:
|
|
</p>
|
|
<ol class="green">
|
|
<li><span class="white">ls</span> sirve para listar los archivos en el directorio actual.</li>
|
|
<li><span class="white">cd</span> sirve para cambiar de directorio.</li>
|
|
<li><span class="white">nano</span> es un editor de línea de comandos.</li>
|
|
</ol>
|
|
|
|
<ol class="green">
|
|
<li>1. Teclea: <span class="white">ls</span> y pulsa "Entrar" para ver donde estás. Deberías
|
|
ver un directorio llamado "public_html".</li>
|
|
<li>2. Teclea: <span class="white">cd public_html</span> y pulsa "Entrar" para moverte a ese directorio.</li>
|
|
<li>3. Teclea: <span class="white">ls</span> y pulsa "Entrar" para ver donde estás. Deberías
|
|
ver tu archivo index.html.</li>
|
|
</ol>
|
|
|
|
<h3>Edita tu archivo index.html</h3>
|
|
<ol class="green">
|
|
<li>1. Teclea: <span class="white">nano index.html</span> y pulsa "Entrar" para abrir tu archivo
|
|
index.html y empezar a editarlo.</li>
|
|
<li>2. Edita tu archivo, quiera o no quiera :D</li>
|
|
<li>3. Cuando acabes, usa <span class="white">CTRL+X</span> para cerrar el archivo.</li>
|
|
<li>4. Te preguntará si quieres guardarlo; responde <span class="white">y</span> y pulsa "Entrar"
|
|
para volver a la línea de comandos.</li>
|
|
<li>5. Refresca tu página https://xinu.me/~<span class="white">tuusuariomolón</span> en tu navegador y verás tu nuevo sitio web. </li>
|
|
</ol>
|
|
|
|
<h3>Actualiza la vista de tu editor</h3>
|
|
<p>
|
|
Te pueden haber pillado con la guardia baja mientras editabas algún archivo y algún mensaje
|
|
aleatorio de chat la ha liado con tu vista. No la ha liado realmente y tu página HTML no
|
|
se ha editado pero necesitas refrescar la vista de tu editor.
|
|
Para ello:
|
|
<ol class="green">
|
|
<li>1. <span class="white">CTRL+L</span> refrescará tu vista.</li>
|
|
</ol>
|
|
</p>
|
|
|
|
<h3>Charlar</h3>
|
|
<p>
|
|
Mientras estás en la línea de comandos puedes participar en el chat. Si hay algún chat o bien,
|
|
si tienes alguna duda.
|
|
</p>
|
|
<ol class="green">
|
|
<li>1. Teclea: <span class="white">wall</span> y pulsa "Entrar" para decirle a tu shell que
|
|
estás listo para chatear.</li>
|
|
<li>2. Teclea tu mensaje y pulsa "Entrar".</li>
|
|
<li>3. Teclea <span class="white">CTRL+D</span> para enviar el mensaje o <span class="white">CTRL+C</span> si quieres cancelarlo.</li>
|
|
<li>4. ¡Diviértete!</li>
|
|
</ol>
|
|
|
|
<br><span class="green">100% compatible con Lynx. En serio.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
/*
|
|
var p = document.getElementById("content-node");
|
|
var p_prime = p.cloneNode(true);
|
|
document.body.appendChild(p_prime);
|
|
*/
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|