https://github.com/haydenull/logseq-plugin-browser

A browser plugin for logseq
https://github.com/haydenull/logseq-plugin-browser

logseq logseq-plugin

Last synced: 3 months ago
JSON representation

A browser plugin for logseq

• Host: GitHub
• URL: https://github.com/haydenull/logseq-plugin-browser
• Owner: haydenull
• License: mit
• Created: 2022-01-16T10:11:28.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-03-08T02:41:31.000Z (over 2 years ago)
• Last Synced: 2024-07-03T08:37:56.202Z (4 months ago)
• Topics: logseq, logseq-plugin
• Language: TypeScript
• Homepage:
• Size: 11.2 MB
• Stars: 26
• Watchers: 1
• Forks: 3
• Open Issues: 4
• Metadata Files:
  • Readme: README-zh_CN.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-logseq - logseq-logseq-plugin-browser - Logseq browser plugin (🔌 Plugins)

README

        
# logseq-plugin-browser

> 支持打开网页的 logseq 插件

[English](./README.md) | 简体中文

## 示例

![demo](./demo.gif)

## 使用方法

1. 安装插件

2. 呼出控制台, 输入 `browser`

3. 选择 `Modify logseq-plugin-browser config`

3. 填写配置信息

3. 重启 Logseq 使配置生效

打开控制台快捷键:

- Windows: `Ctrl + Shift + P`

- Mac: `Cmd + Shift + P`

## 插件配置

buttons: 显示在顶部的按钮

  - key: 按钮的唯一标识

  - icon: 按钮的图标

  - url(配置文件中为href): 网页地址

  - style: 网页容器 iframe 的样式

使用[tablericons](https://tablericons.com/)图标库

例如 book 图标, icon 参数值为 `ti-book`

## 配置示例

```json

{

  "buttons": [

    {

      "key": "dida",

      "icon": "ti-checkbox",

      "href": "https://dida365.com/webapp/#q/all/today"

    },

    {

      "key": "translate",

      "icon": "ti-language",

      "href": "https://translate.google.com",

      "style": {

        "width": "400px",

        "right": "20px",

        "top": "50px",

        "left": "auto",

        "bottom": "auto"

      }

    }

  ]

}

```