Aprendiendo a usar el editor para crear publicaciones increíbles

En este tutorial aprenderás a usar el editor para crear publicaciones increíbles en nuestro blog thewhitecode.com/blog

El Editor

Al presionar el botón Post accederás a la página de creación de publicaciones, la cual se vera de la siguiente manera:

Tipos de entradas y formato de texto

Al presionar la tecla Tab o al posicionar el ratón en la parte izquierda de la entrada del texto y dar clic en el signo + de color azul, aparecerá un pequeño menú de opciones para formatear tu texto.

El menú de formato te ofrece las siguientes opciones de izquierda a derecha:

1. Text
2. Heading ( Atajo de teclado con Ctrl + Shift + H)
3. Image
4. List (Atajo de teclado con Ctrl + Shift + L)
5. Checklist
6. Quote (Atajo de teclado con Ctrl + Shift + O)
7. Warning
   
8. Code (Atajo de teclado con Ctrl + Shift + C)
9. Delimiter
10. Link
11. Table (Atajo de teclado con Ctrl + ALT + T)

Cada elemento ofrece más características al seleccionarlo o al dar clic en el cuadradito en su parte izquierda.

Cada elemento puede cambiar de posición moviéndose arriba o bajo del elemento sobre o bajo el. Para borrar un elemento simplemente selecciónalo y presiona la tecla del o escoge la opción Delete en su menú de opciones.

Agregando imagenes

Al dar clic se abrirá una ventana donde podrás seleccionar la imagen. Solo es posible subir una imagen al tiempo.

También es posible agregar una imagen desde el portapapeles al presionar Ctrl + V

Agregando código

Puedes agregar código a tu publicación al selecciona la opción de Code. El formato de renderizado final hará que tu código sea formateado en base al lenguaje que has escogido.

El lenguaje que se usara para resaltar el código es en defecto Python, si el lenguaje de tu código es diferente, tienes que escribir en la primera línea el lenguaje encerrado en los símbolos #. Si por ejemplo tu lenguaje es C++, debes escribir en la primera línea de tu código #C++#

Este seria el codigo renderizado, usando la etiqueta #Python#, de este modo el sintax sera resaltado como lenguage python.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

def code():
    print("FCFS: FIRST COME FIRST SERVERED")

    np=11  
    procesos =[]
    tf = 0
    tp = 0 # tiempo promedio.

    while (np > 10 or np <= 0):
        print("\nNumero de procesos: ")
        np = int(input())
        print(np)
        
    for i in range(np):
        print("\nInserte el proceso :", i)
        procesos.append(int(input()))
        
    for i in range(np):
        tf += procesos[i]
        tp = tp + tf
        print("\nProceso", i+1,"concluye en ", tf)
    
    print("\n——————————-")
    print("\nLa suma de los procesos ", tp)
    tp = tp / np
    print("\n\nTiempo promedio en FCFS fue de:", tp)

if __name__ == "__main__":
    code()

Agregando tablas

Para agregar columnas o líneas a una tabla, debes presionar los símbolos de + a los costados de ella.

Agregando videos

Con esta herramienta puedes agregar videos desde diferentes fuentes. Como ejemplo tomaremos un video de youtube.

Ve a tu video y copia la url, luego simplemente pega la url en alguna parte y listo!

Como ejemplo te dejaremos un video de nuestro canal en youtube, endonde explicamos como configurar el visual studio code para compilar y depurar codigo en C++