首发于 FlowUs工具箱:使用教程、方法、资源
建站指南:如何快速建立一个AI工具导航站?

建站指南:如何快速建立一个AI工具导航站?

建站指南:如何快速建立一个AI工具导航站?

注释:这篇文章以 FlowUs 为例进行展示

如何快速建立一个导航站?

建立一个导航站需要一定的技术和策略,以下是一些快速建立导航站的建议:

  1. 选择一个主题或关键词:选择一个主题或关键词,例如旅游、技术、娱乐等,然后根据这个主题或关键词设计你的网站结构和内容。
  2. 购买或注册域名:购买或注册一个域名,并选择一个易记的域名。
  3. 购买或租用服务器:选择一个可靠的服务器供应商,并购买或租用服务器。
  4. 设计网站结构:设计一个符合SEO标准的网站结构,并确保所有链接都有效。
  5. 开发网站功能:开发网站的所有功能,包括首页、关于我们、联系我们、案例展示、在线预订等。
  6. 优化网站内容:优化网站内容,确保内容是最新的、有价值的,并且易于阅读。
  7. 发布网站:发布你的网站,并开始接受流量。

总之,快速建立一个导航站需要一定的技术和策略,需要不断的学习和实践。

以上内容基于 FlowUs AI 生成

任务拆解

平台选择

  • 平台:自建网站或者使用第三方服务。
  • 自建网站:对于我这样的技术小白,难度较大,且繁琐;
  • 使用第三方服务:目前,FlowUs 支持块编辑器、多维表格、对外分享和协作、SEO 优化,可以满足建立导航站的基础要求。

具体参见

数据录入

  • 手动录入;
  • 第三方数据导入;

数据获取

  • 手动录入
  • 第三方数据导入
  • 浏览器书签:导出为 Excel 文档,再保存为 CSV 格式.
  • 从第三方网站采集部分数据;

其中,从第三方网站大规模批量采集数据的话,比较耗时耗力。最好使用脚本进行爬取。而著名插件–油猴插件便是最好的载体。

那么,我现在的需求便是写一个满足我需求的油猴脚本。

但是,我真的对脚本一无所知啊。我是通过 Chrome 扩展商店,才知道了扩展的概念。对于脚本的认知,也是知道了油猴这款万能插件才知道脚本二字。

脚本大概是一种可以执行特定任务的代码片段或者程序。

接下来的话,我还是得请教 AI.

目标:建立一个爬取导航网站数据的油猴脚本

什么是脚本?

脚本(Script)是一种纯文本保存的程序,是批处理文件的延伸,一个脚本通常是解释运行而非编译。它是为了缩短传统的“编写、编译、链接、运行”过程而创建的计算机编程语言。脚本语言通常都有简单、易学、易用的特性,目的是希望能让程序员快速完成编写程序。

在不同领域,脚本有不同的含义。在文学艺术方面,脚本通常指公牍或书稿的底本,也可以指代戏剧表演、拍摄电影等所依据的底本。在计算机行业,脚本又被称为扩建的语言,是一种特定的描述性的编程语言,需要依照一定的格式进行编写。在文学艺术方面,脚本作为戏剧、电影的底本,也可以说是戏剧或电影的故事的发展大纲,用来确定故事的发展走向,确定发展走向后,便可以确定故事发生的地点、时间、角色、角色对白、角色的动作、角色的情绪变化等,只有这样,才能清晰、逻辑准确地描述故事,传达作者本身想表达的意思。在计算机编程语言方面,脚本属于扩建语言或动态语言,是用来控制软件应用程序,通常以文本保存,只是在被调用的时候由专业人员进行解释或编译、的那个执行脚本时,计算机会执行系列的操作,用户可以选择文件中的脚本,然后用子菜单中选取一个脚本,然后对脚本进行编辑使用即可。

总之,脚本是一种简单、灵活的编程语言,常用于编写脚本语言的程序员可以快速完成编写程序,并且可以在不同领域灵活运用。

以上内容基于 FlowUs AI 生成

你知道什么是油猴脚本吗?

油猴脚本(Greasemonkey,GM)是一款免费的 Chrome 浏览器扩展程序,也是最流行的用户脚本管理器之一。它允许用户通过安装一些脚本来自定义和修改网页,实现各种功能,如加载更多内容、自动完成表单提交、检测网页变化等等。

油猴脚本的英文名为 Greasemonkey,简称 GM,中文俗称为“油猴子”。它是由 Chrome 浏览器创始人马克·扎克伯格开发的,最初是为了让用户更方便地自定义和修改网页,尤其是在处理一些复杂的 JavaScript 代码时。但是,油猴脚本已经远远不止于此。在后续的版本中,它逐渐演变成了一个广泛使用的工具,可以用来实现各种自定义和增强网页功能的脚本。

油猴脚本的使用非常简单。用户只需要在浏览器中打开油猴脚本的官方网站([ https://www.greasemonkey.com/)下载并安装它,然后打开网页,选择想要修改的页面,再安装相应的油猴脚本插件。之后,用户就可以通过在脚本中编写 JavaScript 代码来实现所需的功能了。

油猴脚本的功能非常强大,可以实现各种自定义和增强网页功能的脚本。不仅可以对 HTML 和 CSS 进行简单的修改,还可以利用 JavaScript 实现更复杂的交互效果和动画。此外,油猴脚本还可以与其他插件进行集成,实现更多功能。

需要注意的是,油猴脚本是一款自由度很高的工具,用户可以自由编写和安装脚本。但是,如果用户在编写脚本时使用了恶意代码或攻击性脚本,可能会对网站和用户造成不良影响。因此,用户在使用油猴脚本时需要遵守相关的使用规范和安全措施,以避免对自己和他人造成损害。

我想写一个油猴脚本,你能提供一些编写脚本的思路吗?

当编写油猴脚本时,以下是一些通用的思路和步骤:

  1. 确定需求:首先,您需要确定您的油猴脚本要实现的功能和目标。这将有助于您明确要编写的代码和模块。
  2. 选择合适的工具:根据您的需求和目标,选择适当的工具。有许多油猴扩展可供选择,包括Aditional Software(一个开源扩展库,用于多种油猴脚本)和Poppler(一个用于构建Web应用程序的工具)。
  3. 了解油猴API:油猴API(应用程序编程接口)是您可以使用的一组工具和函数。您需要了解如何使用这些API来与油猴服务器进行交互,以及如何编写代码来响应油猴服务器的请求。
  4. 编写代码:根据您的需求和目标,编写代码。这可能包括创建新的HTML页面、编写JavaScript代码、编写CSS样式表等。
  5. 测试脚本:在编写脚本之后,进行测试以确保它能够按照您预期的方式工作。您可以使用自动化测试工具(例如Jest或Mocha)或手动测试代码。
  6. 部署脚本:如果您的脚本需要在服务器上运行,您需要将其部署到服务器上。这可能涉及将脚本上传到服务器或从服务器复制脚本到本地计算机。
  7. 更新和维护:一旦您的脚本部署到服务器上,您需要定期更新和维护它,以确保它仍然能够按照您的需求工作。这可能包括更新API密钥、解决Bug、更新脚本代码等。

以上是编写油猴脚本的一些通用思路和步骤。当然,具体实现方式可能因情况而异,因此请根据您的具体需求和目标进行调整。

我写了一个油猴脚本,应该如何部署和使用?

如果您已经编写了一个油猴脚本,并且想要将其部署和使用,以下是一些基本步骤:

  1. 将脚本上传到油猴服务器上。
  2. 将脚本文件打包成一个zip文件。
  3. 在您的网站或应用程序中,将zip文件上传到服务器。
  4. 将zip文件解压缩到您的服务器上。
  5. 将脚本文件复制到您的网站或应用程序的 public_html 文件夹中。
  6. 使用文本编辑器或Web 开发工具,进入公共文件夹并编辑 public_html 文件夹中的脚本文件。
  7. 保存并上传您的修改后的公共 html 文件,您应该已经被浏览到网站的指定区域中,比如导航或登录页面。
  8. 启动您的网站或应用程序,并测试脚本是否正常工作。

需要注意的是,油猴脚本可能会因为版本更新而发生变化,因此在将脚本部署到服务器之前,请确保您已经了解了最新的使用方法和注意事项。此外,在部署脚本之前,请务必备份您的数据,以防发生意外情况。

如何生成满足脚本写作的提示词

使用 AI,好的提示词/Prompts 是关键。

通过查看调研部分导航网站,我发现:

常见的导航网站的数据结构是:网站名称、网址、网站简介、网站分类、网站标签、网站 Logo/Icon、网站 Landig Page、与该网站相关的资讯。

好了,那么我的提示词便是:

请帮我写一个示例油猴脚本,目标是爬取导航网站中的信息和数据,并将其一键下载,保存为 Excel 表格。我需要数据信息是:网站名称、网站链接、网站简介、网站分类、网站 Logo/Icon、网站的 Logo/Icon 的 Markdown 格式的图床链接。

写脚本

输入提示词。等待 AI 的生成结果。

以下是一个示例油猴脚本,可以用于爬取导航网站中的信息和数据,并将其一键下载,保存为 Excel 表格:

// ==UserScript==
// @name         Example Navigation Site Scraper
// @namespace    http://tampermonkey-example
// @version      1
// @description  Scraper for example navigation site data and export to Excel table
// @match        https://www.example.com/*
// @grant        GM_download
// @grant        GM_xmlhttpRequest
// @grant        GM_setClipboard
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    // Define variables for storing scraped data
    var websiteData = [];

    // Define function to extract website data from HTML elements
    function extractWebsiteData(websiteElement) {
        var websiteName = websiteElement.querySelector('.website-name').textContent.trim();
        var websiteLink = websiteElement.querySelector('.website-link').getAttribute('href');
        var websiteDescription = websiteElement.querySelector('.website-description').textContent.trim();
        var websiteCategory = websiteElement.querySelector('.website-category').textContent.trim();
        var websiteLogoUrl = websiteElement.querySelector('.website-logo').getAttribute('src');

        // Use GM_xmlhttpRequest to upload logo to Imgur and get markdown format link
        GM_xmlhttpRequest({
            method: "POST",
            url: "https://api.imgur.com/3/image",
            headers: {
                "Authorization": "Client-ID YOUR_CLIENT_ID"
            },
            data: websiteLogoUrl,
            onload: function(response) {
                var imgurResponse = JSON.parse(response.responseText);
                var websiteLogoMarkdownLink = "![" + websiteName + "](" + imgurResponse.data.link + ")";
                // Add website data to array
                websiteData.push([websiteName, websiteLink, websiteDescription, websiteCategory, websiteLogoUrl, websiteLogoMarkdownLink]);
            }
        });
    }

    // Define function to download website data as Excel table
    function downloadWebsiteData() {
        // Create Excel workbook and worksheet
        var wb = XLSX.utils.book_new();
        var ws = XLSX.utils.aoa_to_sheet([
            ["Website Name", "Website Link", "Website Description", "Website Category", "Website Logo URL", "Website Logo Markdown Link"]
        ]);

        // Add website data to worksheet
        for (var i = 0; i < websiteData.length; i++) {
            XLSX.utils.sheet_add_aoa(ws, [websiteData[i]], {origin: -1});
        }

        // Add worksheet to workbook and download file
        XLSX.utils.book_append_sheet(wb, ws, "Website Data");
        var filename = "website_data_" + new Date().toISOString().slice(0,10) + ".xlsx";
        var wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'binary' });
        function s2ab(s) {
            var buf = new ArrayBuffer(s.length);
            var view = new Uint8Array(buf);
            for (var i=0; i<s.length; i++) view[i] = s.charCodeAt(i) & 0xFF;
            return buf;
        }
        GM_download(s2ab(wbout), filename);
    }

    // Define function to scrape website data and start download
    function scrapeAndDownload() {
        // Scrape website data
        var websiteElements = document.querySelectorAll('.website');
        for (var i = 0; i < websiteElements.length; i++) {
            extractWebsiteData(websiteElements[i]);
        }

        // Start download after all data has been extracted and processed
        setTimeout(downloadWebsiteData, 5000);
    }

    // Define styles for download button
    GM_addStyle('.download-button { position: fixed; top: 10px; right: 10px; padding: 10px; background-color: #007bff; color: #fff; border-radius: 5px; cursor: pointer; }');

    // Add download button to page
    var downloadButton = document.createElement('div');
    downloadButton.className = 'download-button';
    downloadButton.textContent = 'Download Website Data';
    downloadButton.addEventListener('click', scrapeAndDownload);
    document.body.appendChild(downloadButton);

})();

安装脚本

安装至油猴插件后,并没有运行。不知道问题出在那儿。

看来AI编程,还是需要一点基础知识。否则,对于我这样的小白用户,找不到问题所在。

看来对于普通用户,还是老老实实使用现成工具吧。

FlowUs 息流:新一代知识管理与协作平台

产品特点

官网flowus.cn/product

FlowUs AI

  • 自定义问答
  • 自定义创作
  • 预设问答与创作:头脑风暴、列出执行步骤、罗列大纲、分析优缺点、内容解释、日常小记、故事创作、写文章、翻译、总结

使用教程

更多关于 FlowUs 使用技巧的介绍

访问

Wetab新标签页

Wetab 是一款基于浏览器的新标签页产品,主张辅助用户打造一个兼具效率与美观的主页。

访问

Wetab 官网地址wetab.link/

Wetab 网页版地址web.wetab.link/

产品特色与功能

VisionOn

介绍

一款集流程图、思维导图、白板于一体的轻量级在线图形工具

访问

在线做图|在线白板|在线画图_VisionOn_新一代轻量在线图形工具

特点

代做工资流水公司烟台个人流水价格南宁代做消费贷流水昆明房贷收入证明费用潮州打工作收入证明重庆代做工资银行流水江门开工资证明长春流水账单报价常德办理房贷收入证明泰州查询个人工资流水邯郸查转账银行流水许昌房贷流水价格潮州银行流水查询许昌代做入职流水大连办在职证明岳阳车贷流水图片福州打企业银行流水重庆背调银行流水制作宿迁工资代付流水代做石家庄做工资流水宿迁打入职银行流水上海查薪资流水单广州薪资银行流水制作西安做购房银行流水许昌代开企业对公流水南阳背调流水代开三亚制作工资流水账单杭州转账流水代做赣州消费贷流水打印成都贷款银行流水价格汕头查询背调工资流水香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

代做工资流水公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化