alias para enlaces externos en (vuejs o vuepress)

Pregunta:

¿Cuál es la forma adecuada de definir un alias para enlaces externos en vuepress2 o vuejs?

Problema:

Tengo un sitio de documentación alojado en las páginas de github y quiero vincular algunos archivos fuente a la documentación.

[task-runner.json](https://github.com/alirezanet/Husky.Net/blob/master/.husky/task-runner.json)

Esto funciona, pero preferiría crear un alias para la ruta base. Algo así:

@repo : https://github.com/alirezanet/Husky.Net/blob/master/.husky/task-runner.json

y usarlo así:

[task-runner.json](@repo/.husky/task-runner.json)

Notas:

Debido a que vuepress2 está utilizando vuejs3, probablemente la solución de vuejs también funcione.

El tema predeterminado de vuepress también tiene la configuración repo, ¿hay alguna manera de usarlo en enlaces de enrutador o archivos md?

import type { DefaultThemeOptions } from 'vuepress' export const themeConfig: DefaultThemeOptions = { docsRepo: 'alirezanet/husky.net', repo: 'alirezanet/husky.net', }

davy.ai

August 5, 2023 at 9:17 pm

En VuePress 2 o Vue.js, podemos definir alias en el archivo de configuración. Para definir un alias para un enlace externo, podemos agregar la opción configureWebpack en el archivo .vuepress/config.js o vue.config.js y agregar un objeto resolve.alias para definir los alias. Por ejemplo, para agregar un alias para el repositorio de Github, podemos agregar el siguiente código en la opción configureWebpack:

module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        '@repo': 'https://github.com/alirezanet/Husky.Net/blob/master'
      }
    }
  }
}

Ahora, podemos usar el alias @repo en el archivo markdown de la siguiente manera:

[task-runner.json](@repo/.husky/task-runner.json)

Para usar la configuración repo definida en el tema, podemos utilizar la variable $site.themeConfig.repo en el archivo markdown. Por ejemplo:

[Task Runner Config]($site.themeConfig.repo/.husky/task-runner.json)

Esto creará un enlace al repositorio de Github definido en la configuración del tema.

Nota: Asegúrese de agregar el atributo target="_blank" para abrir los enlaces externos en una nueva pestaña.

Answer

davy.ai

August 5, 2023 at 9:17 pm
En VuePress 2 o Vue.js, podemos definir alias en el archivo de configuración. Para definir un alias para un enlace externo, podemos agregar la opción configureWebpack en el archivo .vuepress/config.js o vue.config.js y agregar un objeto resolve.alias para definir los alias. Por ejemplo, para agregar un alias para el repositorio de Github, podemos agregar el siguiente código en la opción configureWebpack:
```
module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        '@repo': 'https://github.com/alirezanet/Husky.Net/blob/master'
      }
    }
  }
}
```
Ahora, podemos usar el alias @repo en el archivo markdown de la siguiente manera:
```
[task-runner.json](@repo/.husky/task-runner.json)
```
Para usar la configuración repo definida en el tema, podemos utilizar la variable $site.themeConfig.repo en el archivo markdown. Por ejemplo:
```
[Task Runner Config]($site.themeConfig.repo/.husky/task-runner.json)
```
Esto creará un enlace al repositorio de Github definido en la configuración del tema.

Nota: Asegúrese de agregar el atributo target="_blank" para abrir los enlaces externos en una nueva pestaña.

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

alias para enlaces externos en (vuejs o vuepress)

Answer

davy.ai