<!-- 3 -->
<p>
  Yo aplico este método de crear <a class="link" data-bs-toggle="modal" data-bs-target="#env_var">variables de
    entorno</a> para almacenar datos sensibles en proyectos en desarrollo de los
  cuales si compartes el proyecto en un repositorio público la información no sea visible.
</p>
<p>
  Para este ejemplo práctico vamos a crear una variable de entorno de tipo <a class="link" data-bs-toggle="modal"
    data-bs-target="#json">JSON</a> muy sencilla donde la variable de
  entorno se llamara 'usr_db' la cual tendra dos llaves, una será nombre y la otra será password:
</p>

{% set i %}
usr_db = { "nombre": "Saitama", "password": "OnePunchMan" }
{% endset %}
{% with codigo=i.strip(), isEditable="true" %}
{% include 'components/copy-code.html' %}
{% endwith %}

<p>
  Una vez conociendo los datos que queremos que tenga nuestra variable de entorno lo que sigue es guardarla en el
  sistema y para ello debemos abrir la consola oprimiendo la combinación de teclas <b>Ctrl + Alt + T</b> . <br><br>
  Una vez abierta la consola, debemos ir a home, así que ejecutamos el siguiente comando:
</p>

{% set ii %}
cd $home
{% endset %}
{% with codigo=ii.strip(), isEditable="true" %}
{% include 'components/copy-code.html' %}
{% endwith %}

<p>
  Editamos el archivo de configuración del usuario, para ello debemos hacerlo a través de <a class="link"
    data-bs-toggle="modal" data-bs-target="#sudo">sudo</a> por lo que te será requerida tu contraseña.
</p>

{% set iii %}
sudo nano .bashrc
{% endset %}
{% with codigo=iii.strip() %}
{% include 'components/copy-code.html' %}
{% endwith %}

<p>
  Una vez abierto el archivo en modo edición nos vamos al final del documento y añadimos lo siguiente:
</p>

{% set iv %}
export usuario='{"nombre":"Saitama", "password": "OnePunchMan"}'
{% endset %}
{% with codigo=iv.strip(), isEditable='true' %}
{% include 'components/copy-code.html' %}
{% endwith %}

<p>
  Dentro del entorno de nano presionamos la combinación de teclas <b>CTRL + s</b> para guardar y luego <b>CTRL + x</b>
  para salir del modo de edición. <br> Para reiniciar la configuración del usuario solo debes ejecutar el comando:
</p>

{% set v %}
exec bash
{% endset %}
{% with codigo=v.strip() %}
{% include 'components/copy-code.html' %}
{% endwith %}

<p>
  Una vez reiniciada la configuración del perfil del usuario podrás usar tu nueva variable de entorno.
</p>