diff --git a/.lycheeignore b/.lycheeignore index e9fe7d0e6..f158aa8ed 100644 --- a/.lycheeignore +++ b/.lycheeignore @@ -1 +1,2 @@ http://localhost/* +https://twitter.com/* diff --git a/src/pages/blog/5-must-have-tools-for-2023-from-smart-photo-editing-to-ai-powered-copywriting.md b/src/pages/blog/5-must-have-tools-for-2023-from-smart-photo-editing-to-ai-powered-copywriting.md index 1258546fc..76d3abd02 100644 --- a/src/pages/blog/5-must-have-tools-for-2023-from-smart-photo-editing-to-ai-powered-copywriting.md +++ b/src/pages/blog/5-must-have-tools-for-2023-from-smart-photo-editing-to-ai-powered-copywriting.md @@ -21,14 +21,14 @@ draft: false This 2023 is the dawn of a new era with AI and tools that make life easier and more convenient. From smart photo editing to AI-powered copywriting, the possibilities are endless! With the right tools in your corner, you can make the most of your time and effort. -It seems ChatGPT is disrupting the Internet. Now, Google could be the one to be disrupted. Welcome to [You.com](http://you.com/), the first app to combine ChatGPT and Google. We are only just at the beginning of 2023! +It seems ChatGPT is disrupting the Internet. Now, Google could be the one to be disrupted. Welcome to [You.com](https://you.com/), the first app to combine ChatGPT and Google. We are only just at the beginning of 2023! 5 powerful tools you must have in 2023: 1. [Cleanup.Pictures](https://cleanup.pictures/) offers a fast and easy way to remove unwanted objects from photos. You can remove people, text, and defects quickly and easily. No more struggling with complicated editing tools - Cleanup.Pictures does the job for you! 2. [ResumeWorded.com](http://www.resumeworded.com/) is an online resume and LinkedIn grader that instantly scores your resume and LinkedIn profile. It provides detailed feedback on how to increase your chances of getting more job opportunities and interviews. 3. [Soundraw](https://soundraw.io/) is a music generator for creators. Choose the genre, instruments, mood, and length of the music you want, and let Al generate beautiful songs for you. No more spending hours searching for the perfect track - Soundraw has you covered! -4. [Looka](http://www.looka.com/) helps you create a logo, website, and brand identity that you'll love with the help of AI. Design quickly and easily with the power of artificial intelligence. +4. [Looka](https://www.looka.com/) helps you create a logo, website, and brand identity that you'll love with the help of AI. Design quickly and easily with the power of artificial intelligence. 5. [Copy.ai](http://copy.ai/) is an AI-powered copywriter that creates compelling copy to boost your business. With [Copy.ai](http://copy.ai/), you can get great copy that sells quickly and easily. Do you know any other noteworthy tool? Share it in the comments! diff --git a/src/pages/blog/configure-proxy-global-on-linux.md b/src/pages/blog/configure-proxy-global-on-linux.md index f7f4e4349..c7e80a1d4 100644 --- a/src/pages/blog/configure-proxy-global-on-linux.md +++ b/src/pages/blog/configure-proxy-global-on-linux.md @@ -159,7 +159,7 @@ As you can see, it is very complex to constantly maintain the configuration of a - Debian: [redsocks](http://packages.debian.org/search?searchon=names&keywords=redsocks) - Gentoo (zugaina overlay): [redsocks](http://gpo.zugaina.org/net-proxy/redsocks) - Gentoo: [redsocks](https://packages.gentoo.org/packages/net-proxy/redsocks) -- Ubuntu: [redsocks](http://packages.ubuntu.com/search?searchon=names&keywords=redsocks) +- Ubuntu: [redsocks](https://packages.ubuntu.com/search?searchon=names&keywords=redsocks) ## Manual compilation of redsock @@ -288,7 +288,7 @@ The next tool I want to show you is Proxychains ## Install proxychains -Proxychains is available with [pkgsrc](https://github.com/haad/proxychains/blob/master/www.pkgsrc.org) for everyone who uses it on Linux, NetBSD, FreeBSD, OpenBSD, DragonFlyBSD or Mac OS X You just need to install [pkgsrc-wip](http://pkgsrc-wip.sourceforge.net/) and run `make install` in the`wip/proxychains` directory +Proxychains is available with [pkgsrc](https://github.com/haad/proxychains) for everyone who uses it on Linux, NetBSD, FreeBSD, OpenBSD, DragonFlyBSD or Mac OS X You just need to install pkgsrc-wip and run `make install` in the`wip/proxychains` directory ### Install proxychains from source code @@ -306,10 +306,10 @@ Clone the GitHub source code and run the following commands: --- -- Archlinux/Manjaro: [proxychains-ng/](https://www.archlinux.org/packages/community/x86_64/proxychains-ng/) +- Archlinux/Manjaro: [proxychains-ng/](https://archlinux.org/packages/?sort=&q=proxychains-ng&maintainer=&flagged=) - Debian: [proxychains](https://packages.debian.org/search?keywords=proxychains) -- Gentoo: [proxychains](https://packages.gentoo.org/packages/net-proxy/proxychains) -- Fedora: [proxychains-ng](https://fedora.pkgs.org/32/fedora-x86_64/proxychains-ng-4.13-5.fc32.x86_64.rpm.html) +- Gentoo: [proxychains](https://packages.gentoo.org/packages/net-misc/proxychains) +- Fedora: [proxychains-ng](https://pkgs.org/download/proxychains-ng) - Ubuntu: [proxychains](http://packages.ubuntu.com/search?searchon=names&keywords=proxychains) ## Setting diff --git a/src/pages/blog/rebuilding-site-with-astro.md b/src/pages/blog/rebuilding-site-with-astro.md index 809b8b07d..803758f01 100644 --- a/src/pages/blog/rebuilding-site-with-astro.md +++ b/src/pages/blog/rebuilding-site-with-astro.md @@ -139,7 +139,7 @@ On their page about partial hydration, the Astro docs reference [Jason Miller's > In an “islands” model, server rendering is not a bolt-on optimization aimed at improving SEO or UX. Instead, it is a fundamental part of how pages are delivered to the browser. The HTML returned in response to navigation contains a meaningful and immediately renderable representation of the content the user requested. -Rather than load an entire SPA to handle a small portion of functionality, Vue can target a much smaller section of the DOM, and render only the portion of the application that I need (in this case, a button and some JS to toggle the tabs). Vue supports this usage by default, but in the world of frameworks we tend to forget this. A number of recent episodes of Views on Vue have explored this concept, including [using Vue without an SPA](https://viewsonvue.com/using-vue-with-an-spa-with-ariel-dorol-vue-159) and [building micro frontends](https://viewsonvue.com/building-micro-frontends-with-lawrence-almeida-vue-160). [The Wikimedia Foundation also uses Vue this way](https://lists.wikimedia.org/hyperkitty/list/wikitech-l@lists.wikimedia.org/thread/SOZREBYR36PUNFZXMIUBVAIOQI4N7PDU/). +Rather than load an entire SPA to handle a small portion of functionality, Vue can target a much smaller section of the DOM, and render only the portion of the application that I need (in this case, a button and some JS to toggle the tabs). Vue supports this usage by default, but in the world of frameworks we tend to forget this. [The Wikimedia Foundation also uses Vue this way](https://lists.wikimedia.org/hyperkitty/list/wikitech-l@lists.wikimedia.org/thread/SOZREBYR36PUNFZXMIUBVAIOQI4N7PDU/). When viewed in this way, performance is almost a byproduct of following best practices with Astro. For my personal site, I only needed a simple component for change the Company information. While I know this could be handled just as easily with vanilla JS, I wanted to try using Vue to build an island of functionality. Here's my Vue component: diff --git a/src/pages/blog/top-10-vs-code-extension-for-2021.md b/src/pages/blog/top-10-vs-code-extension-for-2021.md index 56cfb4ca9..9051cc261 100644 --- a/src/pages/blog/top-10-vs-code-extension-for-2021.md +++ b/src/pages/blog/top-10-vs-code-extension-for-2021.md @@ -53,7 +53,7 @@ In the above example there is only text inside the tags, but in a real applicati ## 2. Bracket Pair Colorizer -[Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer) is an extension that matches corresponding brackets with the same color. Having nested components, functions, objects, etc., in a file, can become confusing with multiple parentheses, brackets, etc. +Bracket Pair Colorizer is an extension that matches corresponding brackets with the same color. Having nested components, functions, objects, etc., in a file, can become confusing with multiple parentheses, brackets, etc. ![Bracket-Pair-Colorizer-Example](/uploads/bracket-pair-colorizer-example.gif 'bracket pair colorizzer example') @@ -125,7 +125,6 @@ There are many icons extension that you can choose from. Popular icon collection - [vscode-icons](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons) - [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) - [Material Theme Icons](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme-icons) -- [Simple icons](https://marketplace.visualstudio.com/items?itemName=LaurentTreguier.vscode-simple-icons) ## 7. Prettier @@ -176,7 +175,7 @@ The TabNine website with install instructions and other information is [here](h One of the best features of this extension is the ability to visualize code authorship via Git blame annotations and code lens. -Below is a screenshot from the [React example](https://finalspaceapi.com/docs/react) docs of the [Final Space API](https://finalspaceapi.com/). +Below is a screenshot from the React example docs of the [Final Space API](https://finalspaceapi.com/). ![React-Example-Final-Space-Api](/uploads/react-example-final-space-api.webp 'react example final space api') diff --git a/src/pages/es/blog/5-must-have-tools-for-2023-from-smart-photo-editing-to-ai-powered-copywriting.md b/src/pages/es/blog/5-must-have-tools-for-2023-from-smart-photo-editing-to-ai-powered-copywriting.md index e03a16c91..4fb58f27b 100644 --- a/src/pages/es/blog/5-must-have-tools-for-2023-from-smart-photo-editing-to-ai-powered-copywriting.md +++ b/src/pages/es/blog/5-must-have-tools-for-2023-from-smart-photo-editing-to-ai-powered-copywriting.md @@ -22,14 +22,14 @@ draft: false Esta 2023 es el amanecer de una nueva era con IA y herramientas que hacen la vida más fácil y conveniente. ¡Desde la edición inteligente de fotos hasta la escritura de copias impulsada por IA, las posibilidades son infinitas! Con las herramientas adecuadas a tu lado, puedes aprovechar al máximo tu tiempo y esfuerzo. -Parece que ChatGPT está cambiando Internet. Ahora, Google podría ser el que se vea afectado. ¡Bienvenido a [You.com](http://you.com/), la primera aplicación que combina ChatGPT y Google. ¡Apenas estamos al comienzo de 2023! +Parece que ChatGPT está cambiando Internet. Ahora, Google podría ser el que se vea afectado. ¡Bienvenido a [You.com](https://you.com/), la primera aplicación que combina ChatGPT y Google. ¡Apenas estamos al comienzo de 2023! 5 herramientas poderosas que debes tener en 2023: 1. [Cleanup.Pictures](https://cleanup.pictures/) ofrece una forma rápida y fácil de eliminar objetos no deseados de las fotos. Puede eliminar personas, texto y defectos rápida y fácilmente. ¡No más luchar con herramientas de edición complicadas, Cleanup.Pictures hace el trabajo por ti! 2. [ResumeWorded.com](http://resumeworded.com/) es un calificador de currículum y perfil de LinkedIn en línea que califica instantáneamente su currículum y perfil de LinkedIn. Proporciona comentarios detallados sobre cómo aumentar sus posibilidades de obtener más oportunidades laborales e entrevistas. 3. [Soundraw](https://soundraw.io/) es un generador de música para creadores. Elige el género, los instrumentos, el estado de ánimo y la duración de la música que deseas y deja que Al genere hermosas canciones para ti. ¡No más pasar horas buscando la pista perfecta, [Soundraw](https://soundraw.io/) te lo cubre! -4. [Looka](http://www.looka.com/) le ayuda a crear un logotipo, un sitio web y una identidad de marca que le encantará con la ayuda de la IA. Diseñe rápida y fácilmente con el poder de la inteligencia artificial. +4. [Looka](https://www.looka.com/) le ayuda a crear un logotipo, un sitio web y una identidad de marca que le encantará con la ayuda de la IA. Diseñe rápida y fácilmente con el poder de la inteligencia artificial. 5. [Copy.ai](http://copy.ai/) es un copywriter impulsado por IA que crea copias convincentes para impulsar tu negocio. Con [Copy.ai](http://copy.ai/), puedes obtener una gran copia que se venda rápida y fácilmente. ¿Conoces alguna otra herramienta destacable? ¡Compártela en los comentarios! diff --git a/src/pages/es/blog/configure-proxy-global-on-linux.md b/src/pages/es/blog/configure-proxy-global-on-linux.md index 30fa847db..06f08b03f 100644 --- a/src/pages/es/blog/configure-proxy-global-on-linux.md +++ b/src/pages/es/blog/configure-proxy-global-on-linux.md @@ -159,7 +159,7 @@ Como se puede apreciar es muy complejo mantener constantemente la configuración - Debian: [redsocks](http://packages.debian.org/search?searchon=names&keywords=redsocks) - Gentoo (zugaina overlay): [redsocks](http://gpo.zugaina.org/net-proxy/redsocks) - Gentoo: [redsocks](https://packages.gentoo.org/packages/net-proxy/redsocks) -- Ubuntu: [redsocks](http://packages.ubuntu.com/search?searchon=names&keywords=redsocks) +- Ubuntu: [redsocks](https://packages.ubuntu.com/search?searchon=names&keywords=redsocks) ## Compilación manual de redsock @@ -289,7 +289,7 @@ La siguiente herramienta que te quiero mostrar es Proxychains ## Instalar proxychains -Proxychains está disponible con [pkgsrc](https://github.com/haad/proxychains/blob/master/www.pkgsrc.org) para todos los que lo usen en Linux, NetBSD, FreeBSD, OpenBSD, DragonFlyBSD o Mac OS X. Solo necesita instalar [pkgsrc-wip](http://pkgsrc-wip.sourceforge.net/) y ejecutar `make install` en un el directorio `wip/proxychains` +Proxychains está disponible con [pkgsrc](https://github.com/haad/proxychains) para todos los que lo usen en Linux, NetBSD, FreeBSD, OpenBSD, DragonFlyBSD o Mac OS X. Solo necesita instalar pkgsrc-wip y ejecutar `make install` en un el directorio `wip/proxychains` ### Instalar proxychains desde el código fuente @@ -307,10 +307,10 @@ Clonar el código fuente de GitHub y ejecutar los siguientes comando: --- -- Archlinux/Manjaro: [proxychains-ng/](https://www.archlinux.org/packages/community/x86_64/proxychains-ng/) +- Archlinux/Manjaro: [proxychains-ng/](https://archlinux.org/packages/?sort=&q=proxychains-ng&maintainer=&flagged=) - Debian: [proxychains](https://packages.debian.org/search?keywords=proxychains) -- Gentoo: [proxychains](https://packages.gentoo.org/packages/net-proxy/proxychains) -- Fedora: [proxychains-ng](https://fedora.pkgs.org/32/fedora-x86_64/proxychains-ng-4.13-5.fc32.x86_64.rpm.html) +- Gentoo: [proxychains](https://packages.gentoo.org/packages/net-misc/proxychains) +- Fedora: [proxychains-ng](https://pkgs.org/download/proxychains-ng) - Ubuntu: [proxychains](http://packages.ubuntu.com/search?searchon=names&keywords=proxychains) ## Configuración diff --git a/src/pages/es/blog/rebuilding-site-with-astro.md b/src/pages/es/blog/rebuilding-site-with-astro.md index a3c77cd9c..288e17d22 100644 --- a/src/pages/es/blog/rebuilding-site-with-astro.md +++ b/src/pages/es/blog/rebuilding-site-with-astro.md @@ -150,7 +150,7 @@ En su página sobre hidratación parcial, los documentos de Astro hacen referenc > En un modelo de "islas", la representación del servidor no es una optimización adicional destinada a mejorar el SEO o la experiencia de usuario. En cambio, es una parte fundamental de cómo se entregan las páginas al navegador. El código HTML devuelto en respuesta a la navegación contiene una representación significativa e inmediatamente representable del contenido que solicitó el usuario. -En lugar de cargar un SPA completo para manejar una pequeña parte de la funcionalidad, Vue puede apuntar a una sección mucho más pequeña del DOM y mostrar solo la parte de la aplicación que necesito (en este caso, un botón y algo de JS para alternar las pestañas ). Vue soporta este uso de forma predeterminada, pero en el mundo de los frameworks tendemos a olvidarlo. Varios episodios recientes de Views on Vue han explorado este concepto, incluido [usar Vue sin un SPA](https://viewsonvue.com/using-vue-with-an-spa-with-ariel-dorol-vue-159) y [construyendo micro frontends](https://viewsonvue.com/building-micro-frontends-with-lawrence-almeida-vue-160). [La Fundación Wikimedia también usa Vue de esta manera](https://lists.wikimedia.org/hyperkitty/list/wikitech-l@lists.wikimedia.org/thread/SOZREBYR36PUNFZXMIUBVAIOQI4N7PDU/). +En lugar de cargar un SPA completo para manejar una pequeña parte de la funcionalidad, Vue puede apuntar a una sección mucho más pequeña del DOM y mostrar solo la parte de la aplicación que necesito (en este caso, un botón y algo de JS para alternar las pestañas ). Vue soporta este uso de forma predeterminada, pero en el mundo de los frameworks tendemos a olvidarlo. [La Fundación Wikimedia también usa Vue de esta manera](https://lists.wikimedia.org/hyperkitty/list/wikitech-l@lists.wikimedia.org/thread/SOZREBYR36PUNFZXMIUBVAIOQI4N7PDU/). Cuando se ve de esta manera, el rendimiento es casi un subproducto de seguir las mejores prácticas con Astro. Para mi sitio personal, solo necesitaba un componente simple para cambiar la información de la empresa. Si bien sé que esto podría manejarse con la misma facilidad con Vanilla JS, quería intentar usar Vue para crear una isla de esta funcionalidad. Aquí está mi componente Vue: diff --git a/src/pages/es/blog/top-10-vs-code-extension-for-2021.md b/src/pages/es/blog/top-10-vs-code-extension-for-2021.md index e4d3dd885..070a21221 100644 --- a/src/pages/es/blog/top-10-vs-code-extension-for-2021.md +++ b/src/pages/es/blog/top-10-vs-code-extension-for-2021.md @@ -54,7 +54,7 @@ En el ejemplo anterior, solo hay texto dentro de las etiquetas, pero en una apli ## 2. Bracket Pair Colorizer -[Bracket Pair Colorizer](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer) es una extensión que colorea con el mismo color los corchetes correspondientes. Tener componentes anidados, funciones, objetos, etc., etc., en un archivo, pueden confundirse con múltiples paréntesis, corchetes, etc. +Bracket Pair Colorizer es una extensión que colorea con el mismo color los corchetes correspondientes. Tener componentes anidados, funciones, objetos, etc., etc., en un archivo, pueden confundirse con múltiples paréntesis, corchetes, etc. ![Bracket-Pair-Colorizer-Example](/uploads/bracket-pair-colorizer-example.gif 'Ejemplo bracket pair colorizzer') @@ -126,7 +126,6 @@ Hay muchas extensiones de iconos entre las que puede elegir. Las colecciones de - [vscode-icons](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons) - [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) - [Material Theme Icons](https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme-icons) -- [Simple icons](https://marketplace.visualstudio.com/items?itemName=LaurentTreguier.vscode-simple-icons) ## 7. Prettier @@ -177,7 +176,7 @@ El sitio web de TabNine con instrucciones de instalación y otra información se Una de las mejores características de esta extensión es la capacidad de visualizar la autoría del código a través de anotaciones de Git blame y code lens. -A continuación se muestra una captura de pantalla de los documentos del [ejemplo de React](https://finalspaceapi.com/docs/react) de la [API de Final Space](https://finalspaceapi.com/). +A continuación se muestra una captura de pantalla de los documentos del ejemplo de React de la [API de Final Space](https://finalspaceapi.com/). ![React-Example-Final-Space-Api](/uploads/react-example-final-space-api.webp 'ejemplo de react usando final space api')