CHEVRON - это мощная и очень функциональная стартапная страница, интегрированная с CHATGPT
и скрытый под супер минималистичным и анимированным дизайном
Доступно в статических , размещенных и страницах GitHub
Живая демонстрация | Скачать | Установка
Аусороггистики, история, макросы и команды, меню макросов, горячие клавиши, интеграция CHATGPT, конвертер валюты, калькулятор, анимированный и минималистский дизайн
Вы можете установить Chevron в качестве домашней страницы (в настройках браузера) или новой вкладки (вам понадобится индивидуальное расширение вкладки).
Предупреждение, если вы хотите, чтобы само сфокусировало само приложение при открытии новой вкладки, а не адресной строки,
Я рекомендую это расширение в тандеме с помощью метода установки Hosted или GitHub Pages для всех браузеров на основе хрома ( Google Chrome, Microsoft Edge, Brave, Opera, Vivaldi и т. Д. )
Есть несколько способов установить Chevron:
Этот метод рекомендуется , потому что он не зависит от вашего подключения к Интернету или любых удаленных серверов, и пользовательский интерфейс будет загружен мгновенно.
Некоторые браузер и расширения могут иметь проблему фокусировки
Этот метод полезен, когда вы хотите решить проблему фокуса или по любой другой причине, по которой метод локального файла не работает для вас
Обратите внимание, что этот метод предполагает, что на вашем ПК установлены node.js и npm
Клонировать это хранилище
Строить
Установите Node- ( Windows/Linux/Mac )
Для Windows:
npm install -g node-windows && npm link node-windowsДля Linux:
npm install -g node-linux && npm link node-linuxДля Mac:
npm install -g node-mac && npm link node-macЗарегистрируйте локальный сервер как системную службу
Примечание администратора привилегии для запуска этой команды требуются
Для Windows:
npm run register_windowsДля Linux:
npm run register_linuxДля Mac:
npm run register_macЭта операция создаст услугу в вашей системе для запуска сервера при запуске.
Чтобы удалить службу, запустите команду снова.
После регистрации сервера вы сможете получить доступ к Chevron на Localhost: 8000
Этот метод не рекомендуется , потому что он зависит от вашего интернет -соединения и серверов GitHub
Settings перейти → Pages → Branch: "gh-pages" → SaveПримечание > Node.js и NPM требуются
Установить зависимости
npm installСтроить
npm run build После строительства вы можете найти все необходимые файлы в папке /dist
Чтобы использовать основную функциональность Chevron, просто введите что -то (вам не нужно беспокоиться о том, чтобы сосредоточиться на поле ввода, он всегда сосредоточен в нужном моменте).
Как только вы что -то напечатаете, запрос будет проанализирован, и будут даны предложения.
Предложения генерируются по истории и двигателю аутосуггенции. Вы можете ограничить количество предложений для каждого источника.
По умолчанию вы будете перенаправлены на поисковую страницу поисковой системы, однако, если запрос соответствует триггеру макроса, перенаправление на этот запрос перенесет вас на URL -адрес, указанный в макро -свойствах (свойство url ).
Макро - это что -то вроде закладки. Это помогает получить доступ к вашим часто посещаемым сайтам.
Чтобы использовать макрос, ваш запрос должен соответствовать одному из его триггеров.
> gh gh
Команда является дополнением к макросам. С помощью команд вы можете реализовать логику веб -сайта, изменяя URL.
Чтобы использовать команду, вам необходимо поставить команду после запуска макроса (команда должна быть определена в списках глобальных и макросов). Все, что происходит после команды, является аргументом .
> Так ? Как проанализировать HTML с помощью Regex
Игнорировать макросы и принудительно с помощью поисковой системы нажмите Ctrl
Макросы могут быть прикреплены к меню макросов.
Управление :
Открыто/близко :
Обратите внимание на кнопку переключения меню Macros появится только на паряке после того, как вы нажимаете по крайней мере один раз
Навигация :
Вы можете использовать Hotkeys для быстрого вызова макросов, которые имеют свойство key .
Shift + < ключ >
Макро должен быть
pinned
Перед использованием CHATGPT вам нужно указать ключ OpenAI API в Settings → Query → AI → Api key .
Ключ хранится локально на вашем компьютере
Чтобы использовать интеграцию Chatgpt Double нажмите пространство после набора запроса.
Вы можете настроить основную функциональность приложения в настройках .
Чтобы открыть настройки , нажмите на значок передачи в правом верхнем углу.
Вы можете щелкнуть значок Show/Hide в нижней части окна «Настройки» , чтобы показать расширенные настройки.
Обратите внимание, что значок снаряжения появится только на парящем после того, как вы посетите настройки хотя бы один раз
Вы можете редактировать макросы и команды только в файле /config.js .
/config.js содержит один объект JS с именем config, который имеет 3 свойства:
макрос Array
Структура:
{
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
} Команды Array
Структура:
{
type : string , // command type (name)
trigger : string // command trigger (preferably a symbol)
} Object двигателей
Структура:
{
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
}
}
} Из -за ограничений политики CORS, значки макросов должны храниться в /icons.js в объекте ICONS . Вы можете поместить там какой -либо действительный HTML SVG в качестве строки
Предупреждение Имейте в виду цитаты
JS, CSS, HTML, APCA (от color.js)
Вдохновленный Тильдой