¿Harto de que ponga todas mis andanzas en terminal de Linux de forma muy pobre y sin color? ¿Que casi no se distingue la entrada de datos de la respuesta de los programas? Y eso que intento que quede todo claro, pero en ocasiones no es fácil de conseguir, y con la cantidad de ejemplos que pongo por aquí no es sostenible tener que editarlos todo el rato para que queden bien en HTML.
Bueno, todo eso se acabó. Acabo de subir una primera versión de este plugin: simterm. Más o menos, simulador de terminal, y es que dibuja una ventana allá donde queramos y simula una entrada de datos y una salida con un look and feel mucho mejor. Aquí tenéis un ejemplo:
Tabla de contenidos
Y después de 7 años…
Sí, llevo 7 años con el blog y no se me había ocurrido nada parecido. Bueno, hace tiempo vi un plugin para esto, pero era un simple div con un css y un icono de terminal, pero creo que esto está más chulo. Y todo fue a raíz de ver que alguien a quien sigo en GitHub puso una estrella esto: Show Your Terms. A mí me encantó y busqué a ver si había algo parecido en WordPress. Yo tenía muchas ganas de empezar un plugin para WordPress desde cero (y crear un tutorial para el blog, que veréis en poco tiempo), así que aproveché este momento.
¿Cómo lo instalo en mi blog?
Si quieres utilizar SimTerm en tu blog, descárgate el plugin desde GitHub. Por el momento no está en el directorio de plugins oficiales, se encuentra en revisión y hay una larga cola de plugins por delante. Planeo habilitar una pequeña página con más información sobre el plugin, pero eso será a medida que vaya sacando tiempo.
Una vez descargado, descomprimelo dentro de wp-content/plugins, ve a la pantalla de plugins de tu instalación de WordPress y activa SimTerm.
Puedes configurar algunas cosas si entras en Ajustes > SimTerm Settings como el carácter que precede los comandos o la entrada de texto del usuario, así como el tema del terminal (claro, oscuro, regular o azul para la versión 0.10). Luego, dentro de tu post, simplemente escribe:
[simterm]
$ mysql
Welcome to the MySQL monitor. Commands end with ; or \g.
Your MySQL connection id is 454
Server version: 5.1.65-log MySQL Community Server (GPL)
> SELECT * FROM wp_options LIMIT 10,10;
+———–+————————+——————-+———-+
| option_id | option_name | option_value | autoload |
+———–+————————+——————-+———-+
| 11 | comments_notify | 1 | yes |
| 12 | posts_per_rss | 10 | yes |
| 13 | rss_use_excerpt | 0 | yes |
| 14 | mailserver_url | mail.example.com | yes |
| 15 | mailserver_login | login@example.com | yes |
| 16 | mailserver_pass | password | yes |
| 17 | mailserver_port | 110 | yes |
| 18 | default_category | 1 | yes |
| 19 | default_comment_status | open | yes |
| 20 | default_ping_status | open | yes |
+———–+————————+——————-+———-+
10 rows in set (0.00 sec)
> UPDATE wp_options SET option_value=100 WHERE option_name=’posts_per_rss’;
Query OK, 1 row affected (0.00 sec)
Rows matched: 1 Changed: 1 Warnings: 0
[/simterm]
Y esto se verá así:
Configuración precisa para cada línea
Se puede configurar el color de escritura en cada línea utilizando comodines de la siguiente forma al principio de la línea:
##clave##
o
##clave=valor##
para los elementos que admiten configuración. Asimismo se pueden especificar varios comodines de la siguiente manera:
##clave1,clave1=valor2,clave2##
Por ejemplo podemos escribir esto:
[simterm]
##red##$ inserto un comando
##green,delay=2000##Espere un momento por favor…
##blue,delay=1000##Respuesta del comando
##yellow##$ read -n16 VARIABLE
##red##> inserto un texto
##yellow##$ comando -complicado –con «muchos argumentos»
##underline##Respuesta muy importante
##blink##Fin de la simulación
[/simterm]
Y obtener lo siguiente:
Documentación, más ejemplos y mucho más
Si quieres más información sobre este plugin ve a esta web. La iré rellenando poco a poco.
Colaborar con el plugin
Si quieres colaborar con el plugin aportando código, traducciones, solucionando problemas, etc, haz un fork en el GitHub del proyecto, trabaja en tu propio repositorio, sube los cambios y hazme un pull request. Si lo prefieres también puedes enviarme un mensaje o comentar algo, me pongo en contacto contigo y me envías los archivos, pero seguro que es más cómodo para todos de la otra forma.
Si quieres hacer sugerencias o informar de algún problema, puedes hacerlo a través de comentarios en este post, en la página de SimTerm, o en GitHub. Intento contestar todo en función del tiempo de que disponga.
Pingback: Un plugin de WordPress para hacer demostraciones animadas de comandos de terminal: simterm | PlanetaLibre /
Pingback: Demuestra tu destreza con la terminal desde tu blog – Poesía Binaria /
¡Esto es simplemente genial!
Muchas gracias 3rn3st0 !! 🙂
Hola el plugin es magnifico pero no consigo que se vea animado el texto…me sale todo de golpe…hay que verificar alguna cosa en concreto para activarlo
https://www.zonademarrones.com/xrdp-ubuntu-hora-ntp/
Your collection of the biggest web slots is a treasure trove for gaming enthusiasts. สล็อตเว็บใหญ่
Regarding this matter web page, you’ll see my best data, make sure to investigate this level of detail. pasar123 slot
Cool you compose, the data is great and fascinating, I’ll give you a connection to my site. 안전한 토토사이트
This is energizing, in any case it is imperative for you to visit this particular url: 먹튀검증업체
I’ve had luck with certain brands, but it’s hit or miss. Let’s collaborate on finding the most durable options. สล็อตเว็บตรง แตกง่าย
I feel extremely cheerful to have seen your site page and anticipate such a large number of all the more engaging circumstances perusing here. Much appreciated yet again for every one of the points of interest. รวมสล็อตทุกค่ายในเว็บเดียว
I for one utilize them solely astounding components : you will see these people amid: 블로그
I am continually hunting on the web down storys that can oblige me. There is clearly a numerous to comprehend about this. I feel you made couple of salubrious focuses in Attributes additionally. Confine occupied, amazing profession! เกมสล็อตโรม่า
The author is energetic about acquiring wooden furniture on the web and his investigation about best wooden furniture has realized the plan of this article. เกมไพ่ป๊อกเด้ง
Dazzling post. I Have Been examining about this issue, so a commitment of thankfulness is all together to post. Totally cool post.It ‘s incredibly exceptionally OK and Useful post.Thanks concierge doctor
I urge you to peruse this content it is fun portrayed … สล็อตเว็บตรง แตกง่าย
Poker faces and strategic moves – it’s a casino night ritual. 로즈카지노
Classic Love It truly is remarkable, even so, look into stuff for the neighborhood target.
Thank you very much! I’m glad I could assist you, and please remember that I’m here whenever you need help or information in the future. If you have any questions or need assistance, don’t hesitate to reach out. Wishing you continued success, happiness, and fulfillment in all your endeavors as well. Take care, and have a fantastic day! I’m also looking forward to our next interaction.
In 2024, men’s hair trends continue to evolve, offering a variety of colors, tips, and ideas to express individual style. Here are seven trending hair colors, tips, and ideas for men in 2024:tips and ideas for men/
Thank you very much! I appreciate your kind words. I’m here to assist you whenever you need help or information in the future. If you have any questions or require assistance, please don’t hesitate to reach out. Wishing you continued success, happiness, and fulfillment in all your endeavors as well. Take care, and have a fantastic day! I’m also looking forward to our next interaction.
VIP bodyguard services in New York City offer premium protection and personalized security solutions for high-profile individuals, celebrities, executives, dignitaries, and other VIPs. These services are designed to ensure the safety, privacy, and peace of mind of clients in a variety of settings and situations. Here are some key aspects of VIP bodyguard services in New York City:vip security guard