日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 >

vue点击图片后复制图片url_简单漂亮的(图床工具)开源图片上传工具——PicGo...

發(fā)布時間:2025/3/19 28 豆豆
生活随笔 收集整理的這篇文章主要介紹了 vue点击图片后复制图片url_简单漂亮的(图床工具)开源图片上传工具——PicGo... 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

介紹

PicGo: 一個用于快速上傳圖片并獲取圖片URL鏈接的工具,由vue-cli-electron-builder構(gòu)建的簡單漂亮的圖片上傳工具!基于electron-vue開發(fā),支持macOS,Windows,Linux,支持插件系統(tǒng),讓PicGo更強(qiáng)大!



Github

https://github.com/Molunerfinn/PicGo

特性介紹

精致設(shè)計(jì)

macOS系統(tǒng)下,支持拖拽至menubar圖標(biāo)實(shí)現(xiàn)上傳。menubar app 窗口顯示最新上傳的5張圖片以及剪貼板里的圖片。點(diǎn)擊圖片自動將上傳的鏈接復(fù)制到剪貼板。(Windows平臺不支持)

Mini小窗

Windows以及Linux系統(tǒng)下提供一個mini懸浮窗用于用戶拖拽上傳,節(jié)約你寶貴的桌面空間

便捷管理

查看你的上傳記錄,重復(fù)使用更方便。支持點(diǎn)擊圖片大圖查看。支持刪除圖片(僅本地記錄),讓界面更加干凈。

可選圖床

默認(rèn)支持微博圖床、七牛圖床、騰訊云COS、又拍云、GitHub、SM.MS、阿里云OSS、Imgur。方便不同圖床的上傳需求。2.0版本開始更可以自己開發(fā)插件實(shí)現(xiàn)其他圖床的上傳需求。

多樣鏈接

支持5種默認(rèn)剪貼板鏈接格式,包括一種自定義格式,讓你的文本編輯游刃有余

插件系統(tǒng)

2.0版本開始支持插件系統(tǒng),讓PicGo發(fā)揮無限潛能,成為一個極致的效率工具。

開發(fā)說明

目前僅針對 Mac、Windows。Linux 平臺并未測試。

如果你想要學(xué)習(xí)、開發(fā)、修改或自行構(gòu)建 PicGo,可以依照下面的指示:

  • 你需要有 Node、Git環(huán)境,了解 npm 的相關(guān)知識。
  • git clone https://github.com/Molunerfinn/PicGo.git 并進(jìn)入項(xiàng)目。
  • yarn 下載依賴。注意如果你沒有 yarn,請去官網(wǎng)下載安裝后再使用。 用 npm install 將導(dǎo)致未知錯誤!
  • Mac 需要有 Xcode 環(huán)境,Windows 需要有 VS 環(huán)境。
  • 開發(fā)模式

    輸入 npm run electron:serve 進(jìn)入開發(fā)模式,開發(fā)模式具有熱重載特性。不過需要注意的是,開發(fā)模式不穩(wěn)定,會有進(jìn)程崩潰的情況。此時需要:

    ctrl+c # 退出開發(fā)模式npm run electron:serve # 重新進(jìn)入開發(fā)模式

    注:Windows開發(fā)模式運(yùn)行之后會在底部任務(wù)欄的右下角應(yīng)用區(qū)出現(xiàn)PicGo的應(yīng)用圖標(biāo)。

    生產(chǎn)模式

    如果你需要自行構(gòu)建,可以 npm run electron:build 開始進(jìn)行構(gòu)建。構(gòu)建成功后,會在 dist_electron 目錄里出現(xiàn)構(gòu)建成功的相應(yīng)安裝文件。

    注意:如果你的網(wǎng)絡(luò)環(huán)境不太好,可能會出現(xiàn) electron-builder 下載 electron 二進(jìn)制文件失敗的情況。這個時候需要在 npm run electron:build 之前指定一下 electron 的源為國內(nèi)源:

    export ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/"# 在 Windows 上,則可以使用 set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ (無需引號)npm run electron:build

    只需第一次構(gòu)建的時候指定一下國內(nèi)源即可。后續(xù)構(gòu)建不需要特地指定。二進(jìn)制文件下載在 ~/.electron/ 目錄下。如果想要更新 electron 構(gòu)建版本,可以刪除 ~/.electron/ 目錄,然后重新運(yùn)行上一步,讓 electron-builder 去下載最新的 electron 二進(jìn)制文件。

    總結(jié)

    以上是生活随笔為你收集整理的vue点击图片后复制图片url_简单漂亮的(图床工具)开源图片上传工具——PicGo...的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。