nodejs使用RSS实现Ghost博客搜索功能

最新推荐文章于 2024-03-15 09:31:02 发布
最新推荐文章于 2024-03-15 09:31:02 发布
阅读量2.3k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z960339491/article/details/69511736
版权

Ghost博客大家都知道，是木有搜索功能的，想找自己写的文章要一页一页的往下翻，好特么的累的，一不小心看到群里面朋友发出来一个nodejs使用RSS实现搜索功能，Ghost也有RSS功能的，貌似作者也是针对Ghost写的，就用上拉

效果预览下面是我自己使用实现的效果：http://qianxunclub.com/#search

现贡献出来坐着的git：https://github.com/itobee/gsearch

我自己上传的：http://git.oschina.net/itzhangbin/gsearch

下载

因为作者的git是github的，我特么的下载了好半天下载不下来啊，如果大家也木有翻墙的话，可以使用下面的地址，是我自己上传的：http://git.oschina.net/itzhangbin/gsearch

git clone https://git.oschina.net/itzhangbin/gsearch.git

添加依赖

在ghost根目录下面执行页面命令：

npm install remodal

引用文件

其实使用方法作者已经写了，貌似不是很详细，再补充一些。正确下载下来目录结构应该是这样的：

将dist文件夹下的libs和partials文件夹复制到当前主题的根目录下（如果遇到同名文件夹，覆盖即可）,最终ghost目录结构应该是这样的（红色部分是新加进来的文件）：

修改default.hbs页面添加对应的代码

添加CSS：

<link rel="stylesheet" type="text/css" href="/libs/remodal/remodal.min.css">  
<link rel="stylesheet" type="text/css" href="/libs/gsearch/css/jquery.gsearch.min.css">

`添加JS，如果自己的主题没有使用jquery，需要引入jquery：

<script type="text/javascript" src="/libs/remodal/remodal.min.js"></script>  
<script type="text/javascript" src="/libs/gsearch/js/jquery.gsearch.min.js"></script>

任意未知添加以下内容：

<!-- gsearch模板 -->  
{{> "gsearch"}}

添加完成后的最终default.hbs页面

<!DOCTYPE html>  
<html lang="zh-cn">  
<head>  
   ……
   <!-- CSS -->
   <link rel="stylesheet" type="text/css" href="/libs/remodal/remodal.min.css">
   <link rel="stylesheet" type="text/css" href="/libs/gsearch/css/jquery.gsearch.min.css">
   ……
</head>

<body>  
   ……

   <!-- gsearch模板 -->
   {{> "gsearch"}}

   <!-- JS -->
   <script type="text/javascript" src="//cdn.staticfile.org/jquery/1.12.4/jquery.min.js"></script> <!-- 如果主题中未引入jQuery，请引入jQuery -->
   <script type="text/javascript" src="/libs/remodal/remodal.min.js"></script>
   <script type="text/javascript" src="/libs/gsearch/js/jquery.gsearch.min.js"></script>
</body>  
</html>

调用方法

调用方法：

<script>  
$(document).one('opening', '.remodal', function () {
    $('#search').gsearch();
});
</script>

这段代码可以在default.hbs页面最后引入，或者在Ghost博客后台引入，看自己习惯

添加搜索按钮

上面的工作完成后，就可以在页面任意位置添加搜索按钮了，用我自己的作为例子，我是在菜单最左侧添加的搜索图标：
在菜单navigation.hbs页面添加如下代码：

<a class="nav-btn search-toggle" href="#search"><i class="fa fa-search"></i></a>

大功告成！重启一下服务，是不是已经能用了哇。哈哈哈哈！！！

其他说明

在gsearch.hbs页面内可以自定义一些参数：参数说明

名称默认值类型说明
show10Number每页显示条数
excerpt120Number摘要的字符长度
rss"/rss"Stringrss源的路径
trigger"keyup"String搜索触发方式，可选值：keyup，enter

例如：

<div class="remodal" data-remodal-id="search" id="search" data-rss="http://qianxunclub.com/rss/">  
......
</div>
千寻啊千寻
关注
网络爬虫，使用NodeJs抓取RSS新闻
Full Stack
02-20 1万+
提供RSS服务的站点超级多，百度、网易、新浪、虎嗅网 等等站点，基于java c++ php的rss抓取网上很多，今天说说NodeJs抓取RSS信息， 使用NodeJs做网络爬虫，抓取RSS新闻。各站点编码格式不一样 GBK,UTF-8,ISO8859-1等等，所以需要进行编码，对国人来说UTF-8是最酷的。抓取多站点，然后保存到数据库，充分利用javascript异步编程的特点，抓取速度超级快呀。
nodejs java 知乎_教你nodejs爬虫制作知乎专栏RSS抓取程序
weixin_28828243的博客
02-26 300
现在这个社会是信息爆炸的社会，各个网站、app上铺天盖地的都是各种新闻和信息。 为了获取信息，我们每天都要进行各种麻烦的操作，打开各种网站或者手机app,操作显得低效，后来发现了一个神器，那就是RSS。什么是RSSRSS中文名是简易信息聚合，就是让网站一个按照一定周期更新网站的文章概要内容(有些是全文)到一个xml中。RSS订阅工具一定时间抓取这个RSS订阅源生成数据供订阅者读取网站内容。有了RS...
node.js获取RSS返回json
ldl_xz的专栏
02-28 1024
node.js获取RSS返回json
ghost-search:一个简单但功能强大的Ghost Blogging Platform搜索库
05-02
幽灵搜索 一个简单而强大的搜索库。 设置 第1步-设置Content API客户端库 从unpkg.com获取的Ghost Content API客户端库。 < script src = "https://unpkg.com/@tryghost/content-api@{version}/umd/content-api.min.js" > < / script > 将脚本添加到{{ghost_foot}}标记之前。 这很可能在default.hbs 。 第2步-设置幽灵搜索 打开主题目录，然后导航到assets子目录。 如果没有目录，请创建一个名为js的目录，并在其中添加缩小版本的ghost-search 。 打开位于主题根目录的default.hbs 。 在该文件的底部，您应该看到{{ghost_foot}} 。 在其上方添加以下代码（在步骤1的content-api脚本之后）并保存
Node-RSS:Node.js 中工作和新闻的 RSS 提要
06-17
节点RSS Node.js 中工作和新闻的 RSS 提要
毕业设计基于VUE3+Nodejs+MySQL实现的新闻搜索引擎系统源码+数据库
06-13
本项目代码经过严格调试，确保可以运行！放心下载使用。可作为期末课程设计、课程大作业...毕业设计基于VUE3+Nodejs+MySQL实现的新闻搜索引擎系统源码+数据库 前端：VUE3+Vite 后端： Nodejs+Express 数据库：MySQL5.7
nodejs简单实现TCP服务器端和客户端的聊天功能示例
10-18
主要介绍了nodejs简单实现TCP服务器端和客户端的聊天功能,结合实例形式分析了nodejs基于TCP协议实现的聊天程序客户端与服务器端具体步骤与相关操作技巧,代码备有较为详尽的注释便于理解,需要的朋友可以参考下
nodejs基于WS模块实现WebSocket聊天功能的方法
12-23
本文实例讲述了nodejs基于WS模块实现WebSocket聊天功能的方法。分享给大家供大家参考，具体如下： WebSocket 模块众多，我选择了一个较为简单的模块 进行了实现。 工具：Sublime 技术：Node.js 引用模块 ws 最终效果...
使用nodejs+express实现简单的文件上传功能
12-23
express -e nodejs-uploadfile 2.下载multer中间件 npm i multer or yarn multer 3.在routes/index.js中引用multer，由于还要使用到文件操作，还要引用fs模块,并指定文件上传目录 const multer = require('multer'...
NodeJS使用Range请求实现下载功能的方法示例
01-20
本篇使用 NodeJS 的 HTTP 服务创建客户端，使用 Range 请求实现下载功能，并通过本篇的 Demo 扩展在业务中实现断点续传等功能的思路。 服务端的实现 我们通过 http 模块创建服务器处理 Range 请求，在服务器代码中...
feed：用于Node.js的RSS，Atom和JSON Feed生成器，使内容联合变得简单直观！ :rocket:
02-01
jpmonette/feed用于Node.js的RSS 2.0，JSON Feed 1.0和Atom 1.0生成器使内容联合简单而直观！ :laptop_computer:开发人员就绪：快速为您的网站生成联合供稿。 :flexed_biceps_medium-light_skin_tone:强类型：使用TypeScript /类型安全开发。 :locked: 已测试：针对每种联合格式进行测试和快照，以免出现退化。 入门 安装 $ yarn add feed 例 import { Feed } from "feed" ; const feed = new Feed ( { title : "Feed Title" , description : "This is my personal feed!" , id : "http://example.com/" , link : "http://example.com/" , language : "en" , // optional, used only in RSS 2.0, possible values:
BackRSS:非常简单的RSS阅读器（NodeJS + NeDB +骨干+木偶+电子）
05-25
后退RSS 非常简单的RSS阅读器（NodeJS + NeDB +骨干+木偶+电子）。 用法 yarn yarn start 要为Linux（x64）和Mac OS X（x64）创建独立软件包： yarn run build 适用于Linux（x64）和Mac OS X（x64）的独立软件包： ： 执照 根据MIT许可证发布。
nodejs运行机制及RSS爬虫实例分享.pdf
08-21
nodejs运行机制及RSS爬虫实例分享.pdf
simple-search:一个用 Node.js 构建的简单搜索引擎！
06-14
一个在 Node.JS、Express 和 MongoDB 上运行的简单搜索引擎。 它支持基本的文档索引和查询。 特征 多索引搜索 用于索引和搜索的 RESTful API 索引的可（使用 MongoDB 开箱即用） 安装 npm install simple-search 用法 您可以使用 HTTP 请求通过 REST API 使用搜索引擎。 索引API 您可以使用索引端点/index/<indexName>索引文档。 例子 $ curl -XPOST 'http://localhost:3000/index/myIndex/1' -H "Content-Type: application/json" -d '{"_body" : "This is an example doc."}' 搜索API 您可以使用索引端点/search/<indexName>索引。 例
Node.js-使用RSS分类订阅稀土掘金
08-10
使用 RSS 分类订阅稀土掘金
nodejs（数据查询功能1）
火火的专栏
03-07 717
nodejs（数据查询功能1）让数据在页面显示（动态添加 前台ajax请求数据 xhr.open("get","/findAllEmp",true); xhr.send(null) 后台发送数据 sql语句：select id,eName,job,sal from table_name 发送数据： 直接发送：res.send(data) 字符串发送：Json方法-res.send(JSON.s
Node.js 博客实例（十一）文章检索功能
SS
08-28 2397
原教程 https://github.com/nswbmw/N-blog/wiki/_pages的第一章，由于版本等的原因，在原教程基础上稍加改动即可实现。        现在我们来给博客增加文章检索功能，即根据关键字模糊查询文章标题，且字母不区分大小写。 首先，我们修改 header.ejs ，在 前添加一行代码： 在 style.css 中添加一行样式： .search{bord
node-rss: 快速构建RSS源的Node.js库
最新发布
gitblog_00092的博客
03-15 607
node-rss: 快速构建RSS源的Node.js库 node-rssRSS feed generator for Node.项目地址:https://gitcode.com/gh_mirrors/no/node-rss 是一个用于生成RSS源的简单易用的Node.js库。它可以帮助开发者快速创建符合RSS 2.0规范的RSS feed。 什么是RSS？ RSS（Really Simple S...
关于使用 nodejs 抓 Rss 数据以及 Rss 正文的注意事项
weixin_34356310的博客
10-23 465
注意事项：1、request 模块的中文编码缺陷：使用 requset 去获取中文 html 的时候，要把 encoding 设置为 null ，然后使用 iconv 或者 iconv-lite 转码，否则会出现乱码request({ url:feed, timeout:100000,...
使用Nodejs+Express+HTML5实现拖拽上传功能
"本文介绍了如何使用Node.js、Express和HTML5的拖拽上传API来实现文件上传功能，提供了一个更友好的用户体验。" 在现代Web应用中，文件上传是一个不可或缺的功能，传统的文件上传方式通常需要用户点击上传按钮，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值