做一個推特分享卡片的插件,有沒有啥想法? 你想要啥樣的推特分享卡片?
Yangyi
Yangyi2024年3月13日
推薦一個圖片美化小工具: 最早開發者做的這個工具好像賣掉了,現在改名叫: 可以上傳圖片,或者輸入文字做卡片,或者曬代碼,也可以貼一個推特地址生成卡片。樣式全部支持自定義,真的很好用。 很適合國內量子位,新智元,機器之心這些每天搬運推特的公眾號推文用,可以把推特圖片整理的更好看。(其實學習學習@op7418 歸藏的排版,這些細節都能提升) 這個web服務很良心的,沒有任何廣告,也沒有任何付費,唯一的問題就是在於底部有個自己的水印。如果你是想用到公眾號或者是什麼地方,可能會覺得有點兒頭疼。 這產品商業化的方式也很簡單,增加一個去水印或者可以自定義水印的功能,針對這裡收費就好了。 昨天和鐵錘說我5分鐘搞了這個產品,只是開個玩笑。 我說,這個產品完全可以依靠一個JS賣50元,因為人們既不知道這個產品,也不知道如何去水印,有信息差的地方就能賺到錢。 就像昨天發這個fake的推特,也有小夥伴問能不能把工具分享給大家用。 另外,大家如果做類似的水印產品,可以考慮儘量在後端來生成水印。 附上個修改水印的油猴JS,ChatGPT 2分鐘搞定,大家把yangyi creator改掉即可。 -------- // ==UserScript== // @name vividshare watermarkremove // @namespace Violentmonkey Scripts // @match *://*.vividshare.io/* // @grant none // @version 1.1 // @author ChatGPT // @description 將頁面上所有特定的圖片水印替換為自定義文本,並使用p標籤 // ==/UserScript== (function() { 'use strict'; function replaceAllWatermarksWithText() { // 查找頁面上所有符合條件的水印圖片元素 const watermarkImages = document.querySelectorAll('img[alt="VividShare - Create appealing images from tweets and text in a snap"]'); watermarkImages.forEach(function(watermarkImage) { // 對每個找到的圖片元素執行操作,創建一個新的p元素 const watermarkText = document.createElement('p'); watermarkText.textContent = '@Yangyi Creator'; // 設置為您的自定義文本 = // 嘗試保留原圖片的樣式,可根據需要進行調整 // 特別針對<p>標籤的樣式調整,比如調整字體大小、邊距等,以適應您的頁面設計 = '0'; // 舉例:移除默認的段落邊距 = '14px';// 設置合適的字體大小 = '1em';// 設置行高為字體大小的1倍 = '0';// 取消外邊距 = '0';// 取消內邊距 // 可以添加其他樣式屬性,根據需要調整 // 將圖片替換為新的文本元素 watermarkImage.parentNode.replaceChild(watermarkText, watermarkImage); }); } function init() { // 直接嘗試替換,不需要重試邏輯,因為我們要替換所有找到的元素 replaceAllWatermarksWithText(); } const pushState = history.pushState; history.pushState = function() { pushState.apply(history, arguments); setTimeout(init, 100); // 在pushState發生時重新初始化 }; window.addEventListener('popstate', () => { setTimeout(init, 100); // 在popstate事件發生時重新初始化 }); init(); // 初始調用 })();
沒人有需要嗎🥹看來分享卡片是個偽需求
6.68K