建站指南:如何快速建立一个AI工具导航站?
建站指南:如何快速建立一个AI工具导航站?
注释:这篇文章以 FlowUs 为例进行展示
如何快速建立一个导航站?
建立一个导航站需要一定的技术和策略,以下是一些快速建立导航站的建议:
- 选择一个主题或关键词:选择一个主题或关键词,例如旅游、技术、娱乐等,然后根据这个主题或关键词设计你的网站结构和内容。
- 购买或注册域名:购买或注册一个域名,并选择一个易记的域名。
- 购买或租用服务器:选择一个可靠的服务器供应商,并购买或租用服务器。
- 设计网站结构:设计一个符合SEO标准的网站结构,并确保所有链接都有效。
- 开发网站功能:开发网站的所有功能,包括首页、关于我们、联系我们、案例展示、在线预订等。
- 优化网站内容:优化网站内容,确保内容是最新的、有价值的,并且易于阅读。
- 发布网站:发布你的网站,并开始接受流量。
总之,快速建立一个导航站需要一定的技术和策略,需要不断的学习和实践。
以上内容基于 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 实现更复杂的交互效果和动画。此外,油猴脚本还可以与其他插件进行集成,实现更多功能。
需要注意的是,油猴脚本是一款自由度很高的工具,用户可以自由编写和安装脚本。但是,如果用户在编写脚本时使用了恶意代码或攻击性脚本,可能会对网站和用户造成不良影响。因此,用户在使用油猴脚本时需要遵守相关的使用规范和安全措施,以避免对自己和他人造成损害。
我想写一个油猴脚本,你能提供一些编写脚本的思路吗?
当编写油猴脚本时,以下是一些通用的思路和步骤:
- 确定需求:首先,您需要确定您的油猴脚本要实现的功能和目标。这将有助于您明确要编写的代码和模块。
- 选择合适的工具:根据您的需求和目标,选择适当的工具。有许多油猴扩展可供选择,包括Aditional Software(一个开源扩展库,用于多种油猴脚本)和Poppler(一个用于构建Web应用程序的工具)。
- 了解油猴API:油猴API(应用程序编程接口)是您可以使用的一组工具和函数。您需要了解如何使用这些API来与油猴服务器进行交互,以及如何编写代码来响应油猴服务器的请求。
- 编写代码:根据您的需求和目标,编写代码。这可能包括创建新的HTML页面、编写JavaScript代码、编写CSS样式表等。
- 测试脚本:在编写脚本之后,进行测试以确保它能够按照您预期的方式工作。您可以使用自动化测试工具(例如Jest或Mocha)或手动测试代码。
- 部署脚本:如果您的脚本需要在服务器上运行,您需要将其部署到服务器上。这可能涉及将脚本上传到服务器或从服务器复制脚本到本地计算机。
- 更新和维护:一旦您的脚本部署到服务器上,您需要定期更新和维护它,以确保它仍然能够按照您的需求工作。这可能包括更新API密钥、解决Bug、更新脚本代码等。
以上是编写油猴脚本的一些通用思路和步骤。当然,具体实现方式可能因情况而异,因此请根据您的具体需求和目标进行调整。
我写了一个油猴脚本,应该如何部署和使用?
如果您已经编写了一个油猴脚本,并且想要将其部署和使用,以下是一些基本步骤:
- 将脚本上传到油猴服务器上。
- 将脚本文件打包成一个zip文件。
- 在您的网站或应用程序中,将zip文件上传到服务器。
- 将zip文件解压缩到您的服务器上。
- 将脚本文件复制到您的网站或应用程序的 public_html 文件夹中。
- 使用文本编辑器或Web 开发工具,进入公共文件夹并编辑 public_html 文件夹中的脚本文件。
- 保存并上传您的修改后的公共 html 文件,您应该已经被浏览到网站的指定区域中,比如导航或登录页面。
- 启动您的网站或应用程序,并测试脚本是否正常工作。
需要注意的是,油猴脚本可能会因为版本更新而发生变化,因此在将脚本部署到服务器之前,请确保您已经了解了最新的使用方法和注意事项。此外,在部署脚本之前,请务必备份您的数据,以防发生意外情况。
如何生成满足脚本写作的提示词
使用 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 息流:新一代知识管理与协作平台
产品特点
官网: https://flowus.cn/product
FlowUs AI
- 自定义问答;
- 自定义创作;
- 预设问答与创作:头脑风暴、列出执行步骤、罗列大纲、分析优缺点、内容解释、日常小记、故事创作、写文章、翻译、总结
使用教程
更多关于 FlowUs 使用技巧的介绍
访问
Wetab新标签页
Wetab 是一款基于浏览器的新标签页产品,主张辅助用户打造一个兼具效率与美观的主页。
访问
Wetab 官网地址: https://www.wetab.link/
Wetab 网页版地址: https://web.wetab.link/
产品特色与功能
VisionOn
介绍
一款集流程图、思维导图、白板于一体的轻量级在线图形工具。
访问
在线做图|在线白板|在线画图_VisionOn_新一代轻量在线图形工具