chevron
vron v2.2.0 release
СHevron est une page de départ puissante et très fonctionnelle intégrée à Chatgpt
et caché sous le design super minimaliste et animé
Disponible en pages statiques , hébergées et github
Démo en direct | Télécharger | Installation
Autosugges, historique, macros et commandes, menu de macros, raccourcis clavier, intégration Chatgpt, convertisseur de devises, calculatrice, conception animée et minimaliste
Vous pouvez définir Chevron comme page d'accueil (dans les paramètres du navigateur) ou le nouvel onglet (vous aurez besoin d'une extension d'onglet personnalisée).
AVERTISSEMENT si vous voulez que l'application elle-même soit concentrée lors de l'ouverture d'un nouvel onglet et non de la barre d'adresse,
Je recommande cette extension en tandem avec la méthode d'installation hébergée ou GitHub Pages pour tous les navigateurs à base de chrome ( Google Chrome, Microsoft Edge, Brave, Opera, Vivaldi, etc. )
Il existe plusieurs façons d'installer Chevron:
Cette méthode est recommandée car elle ne dépend pas de votre connexion Internet ou de vos serveurs distants, et l'interface utilisateur sera chargée instantanément.
Certains navigateurs et extensions pourraient avoir le problème de mise au point
Cette méthode est utile lorsque vous souhaitez résoudre le problème de mise au point ou pour toute autre raison, la méthode de fichier local ne fonctionne pas pour vous
Remarque Cette méthode suppose que Node.js et NPM sont installés sur votre PC
Cloner ce référentiel
Construire
Installez le nœud- ( Windows / Linux / Mac )
Pour Windows:
npm install -g node-windows && npm link node-windowspour Linux:
npm install -g node-linux && npm link node-linuxpour Mac:
npm install -g node-mac && npm link node-macEnregistrez le serveur local en tant que service système
Remarque Les privilèges de l'administrateur sont nécessaires pour exécuter cette commande
Pour Windows:
npm run register_windowspour Linux:
npm run register_linuxpour Mac:
npm run register_macCette opération créera un service dans votre système pour exécuter le serveur au démarrage.
Pour désinstaller le service, exécutez à nouveau la commande.
Après avoir enregistré le serveur, vous pourrez accéder à Chevron sur localhost: 8000
Cette méthode n'est pas recommandée car elle dépend de votre connexion Internet et de vos serveurs GitHub
Settings Go → Pages → Branch: "gh-pages" → SaveRemarque > Node.js et NPM sont requis
Installer des dépendances
npm installConstruire
npm run build Après la construction, vous pouvez trouver tous les fichiers nécessaires dans le dossier /dist
Pour utiliser les principales fonctionnalités de Chevron, tapez simplement quelque chose (vous n'avez pas à vous soucier de vous concentrer sur le champ de saisie, il est toujours au centre du bon moment).
Dès que vous tapez quelque chose, la requête sera analysée et des suggestions seront données.
Les suggestions génèrent à partir de l'histoire et du moteur d'autosuggestions. Vous pouvez limiter le nombre de suggestions pour chaque source est des paramètres.
Par défaut, vous serez redirigé vers la page de recherche du moteur de recherche, mais si la requête correspond à un déclencheur d'une macro, la redirection vers cette requête vous amènera à l'URL, spécifiée dans les propriétés macro (propriété url ).
La macro est quelque chose comme un signet. Il aide à accéder à vos sites Web fréquemment visités.
Pour utiliser une macro, votre requête doit correspondre à l'un de ses déclencheurs.
> gh
La commande est un ajout aux macros. Avec les commandes, vous pouvez implémenter une logique de site Web en modifiant l'URL.
Pour utiliser une commande, vous devez mettre la commande après un déclencheur d'une macro (la commande doit être définie dans les listes de commandes globales et macro). Tout ce qui va après une commande est un argument .
> Alors ? Comment analyser HTML avec Regex
Pour ignorer les macros et forcer à l'aide du moteur de recherche, appuyez sur Ctrl
Les macros peuvent être épinglées au menu Macros.
Contrôles :
Ouvert / Fermer :
Remarque Le bouton de bascule du menu Macros n'apparaîtra qu'en survolant après avoir cliqué sur lui au moins une fois
Navigation :
Vous pouvez utiliser des raccourcis clavier pour appeler rapidement les macros qui ont une propriété key .
Shift + <Key>
La macro doit être
pinned
Avant d'utiliser Chatgpt, vous devez spécifier votre touche API OpenAI dans Settings → Query → AI → Api key .
La clé est stockée localement sur votre ordinateur
Pour utiliser l'espace à double pression de l'intégration de ChatGPT après avoir tapé une requête.
Vous pouvez configurer les fonctionnalités principales de l'application dans les paramètres .
Pour ouvrir les paramètres , cliquez sur l' icône de vitesse dans le coin supérieur droit.
Vous pouvez cliquer sur l'icône Afficher / masquer en bas de la fenêtre Paramètres pour afficher les paramètres avancés.
Remarque L'icône de l'équipement n'apparaîtra qu'en survolant après avoir visité les paramètres au moins une fois
Vous ne pouvez pas encore modifier les macros et les commandes dans le fichier /config.js .
/config.js contient un seul objet JS nommé Config qui a 3 propriétés:
Array Macros
structure:
{
name : string , // macros name
category : string , // category of the macros
url : string , // full macros URL
normalisedURL : string , // normalised URL (secondLevelDomain + '.' + firstLevelDomain)
triggers : [ string , ... ] , // list of triggers
commands : { // commands of the macro
[ type ] : {
// {@} - macros URL
// {$} - command argument
template : string , // URL template
description ( optional ) : string // description of the command for this macros
}
} ,
bgColor : complexColor , // background color
textColor : string , // text color
pinned : boolean , // is the macros pinned in the Macros Menu
key : ( optional ) : string , // hotkey ('key' + <keyName>)
icon : ( optional ) : string // the name of the icon in the "/icons.js" file
} Commandes Array
structure:
{
type : string , // command type (name)
trigger : string // command trigger (preferably a symbol)
} Object des moteurs
structure:
{
name : string , // engine name
bgColor : complexColor , // background color
textColor : string , // text color
types : { // query, calculator, currency, ...
[ type ] : {
// {@} - raw query (what user typed)
// {$} - parsed query (what is in the query field)
template : string // URL template
}
}
} En raison des limites de la politique CORS, les icônes de macros doivent être stockées dans /icons.js dans l'objet ICONS . Vous pouvez y mettre un SVG HTML valide comme une chaîne
Avertissement être conscient des citations
JS, CSS, HTML, APCA (de Color.js)
inspiré par Tilde
