大家节日快乐，今天早上例行逛 GitHub 时发现一个好东西，来自 Algolia 的开源产品 Places，Algolia 是著名的数据索引服务提供商，Laravel 的文档搜索服务就是基于 Algolia...的。.../npm/places.js@1.4.15"> HTML: search" id="address-input" placeholder="Where are...使用 npm 准备一个 输入框： search" id="address-input" placeholder="Where are we going?"...更多使用方式请自行在官方网站：https://community.algolia.com/places/ 或者 GitHub 主页：https://github.com/algolia/places 大家节日快乐
. && 与 || ; 如果被分号(;)所分隔的命令会连续的执行下去，就算是错误的命令也会继续执行后面的命令。...Laravel 框架使用过程中的一些笔记。...$ cat ~/.ssh/id_rsa.pub 复制公钥到 github 上。添加 ssh key。...因而包括 Emoji 表情（Emoji 是一种特殊的 Unicode 编码）在内的非基本多文种平面的 Unicode 字符都无法使用 MySql 的 utf8 字符集存储。...这也应该就是 Laravel 5.4 改用 4 字节长度的 utf8mb4 字符编码的原因之一。
什么是 Alogolia Algolia 是一个托管搜索引擎，提供全文，数字和多面搜索，能够从第一次击键中提供实时结果，它提供了一组工具，可简化制作完整搜索体验并将其集成到您的网站和应用程序中的过程。...，我们可以通过调用 Algolia 的API接口把我们自己站点的数据上传到 Algolia 中，实现我们自己站点的搜索功能。...注册 Algolia 进入官网地址用 Github 授权登录 新建 Index 查看 Application ID 、 Search-Only API Key 和 Admin API Key...上查看 Application ID 、 Search-Only API Key 和 Admin API Key ,indexName 填入前面你创建的index名称 填写完成后，执行下面语句，把索引信息上传...再把 _config.butterfly.yml 的 algolia_search 设置改成 algolia_search: enable: true hits: per_page:
/search.xml 指定定制的XML模板 修改主题配置文件 local_search: enable: true 测试结果 Algolia方式 algolia的插件有两种...algolia） hexo clean hexo algolia # 先配置环境变量，否则报如上错误（在gitbase中使用export指令） export HEXO_ALGOLIA_INDEXING_KEY...: true hits: per_page: 6 测试结果 hexo-algoliasearch 开发说明：参考文档 algolia注册完成，配置参考上述内容，调整为 ...配置 algolia_search: enable: true hits: per_page: 8 # PS:完整配置参考如下所示，butterfly摘取了核心的配置内容并将部分参数在国际化部分做了处理以适配不同的语言配置...，如有需要在不变动原有butterfly提供的参数配置基础上，可以进入到指定的themes/butterfly/languages对相应语言配置进行调整 search: title: 搜索 load_data
在 MacOS、Windows 和 Linux 上安装 Deno 有多种方法来设置 Deno 应用程序。对你而言，这取决于你的操作系统和在计算机上安装程序的工具链。...如果你无法在计算机上设置 Deno，请按照 Deno 官方网站[1] 上的安装说明进行操作。 HELLO Deno 每次我们学习新的编程语言知识时，都从 “Hello World” 示例开始。..."http://hn.algolia.com/api/v1/search?...怎样在函数主体中实现测试取决于我们自己。我们已经导入了要测试的函数（即 mapStory），该函数实际上只接收一个文章列表数组，并返回具有较少属性和格式化日期的新文章数组。...如果你将源代码公开（例如在 GitHub 上），请考虑将 .env 文件添加到 .gitignore 文件中。 毕竟服务器程序的端口不是敏感数据的最好例子。我们使用端口是为了了解环境变量。
新版博客用docusaurus重构已经有些日子了，根据docusaurus的文档上也申请了Algolia,想一劳永逸的解决博客的搜索问题。但是流水有意，落花无情。...algolia总是不给我回复，我只能对着algolia的申请页面仰天长叹。...手动上传 首先我们得去Algolia上注册一个账号，然后在这里需要创建一个应用： 应用的旁边，需要创建一个index用来存储搜索数据： 这样，前期的准备工作就做好了。..."] } 还是同样的错误。...searchPagePath: 'search', //... other Algolia params }, 我们在网站上试试效果：
…… Algolia DocSearch 的基本原理和主要优势 相对于其它一些全文搜索方案，Algolia DocSearch 的主要优势在于它是专门针对在线文档搜索这一需求的。...里面说明你的网站技术上是否支持写用 DocSearch。如果支持，还会询问你是否能修改源码向其中注入需要的代码。你需要回复邮件进行确认。 3...." 6 id="search_input" 7 placeholder="搜索文档" 8 > 9 10 11 12import 'docsearch.js...实际上使用可以更灵活，例如装搜索框封装成一个组件，若有兴趣，可前往 we-vue查看实际使用情况。 最后根据自己的喜好及需要，调整下搜索框及搜索下拉弹出层的样式，就完工了。下面是最终效果。...本文以自己的项目为例，但 Aloglia DocSearch 适合很多类型的网站，使用 Vue.js 官网这类用 HEXO 构建的静态站，又或者像 Easywechat 一样用 Laravel 开发的动态网站
新版博客用docusaurus重构已经有些日子了，根据docusaurus的文档上也申请了Algolia,想一劳永逸的解决博客的搜索问题。但是流水有意，落花无情。...algolia总是不给我回复，我只能对着algolia的申请页面仰天长叹。...手动上传首先我们得去Algolia上注册一个账号，然后在这里需要创建一个应用：应用的旁边，需要创建一个index用来存储搜索数据：这样，前期的准备工作就做好了。..."]}还是同样的错误。...searchPagePath: 'search', //... other Algolia params },我们在网站上试试效果：完美，遇到问题的小伙伴可以私信我哟!
用谷歌的站内搜索，国内的GWF（fuck！)，只好投向Algolia当然也可以采用混用的方案，比如：https://www.zhoulujun.cn/search.html?...如果注意一下 Algolia 的历史，2014 年开始，而 Elastic Search 最早大致从 09 年开始，因此可以看出 Algolia 其实是为了解决 Elastic Search 配置复杂、...index 其实你可以理解为一个服务器名称，会有配到search keyAlgolia 服务站点上找到需要使用的一些配置的值，包括 ApplicationID、Search-Only API Key、...config.js{ themeConfig: { algolia: { appId: 'your id', apiKey: 'your...配置示范》,请注明出处：https://www.zhoulujun.cn/html/tools/Bundler/vite/8832.html
你还将实现自定义的 hooks 来获取数据，可以在应用程序的任何位置重用，也可以作为独立节点包在npm上发布。...使用 React hooks 获取数据 如果您不熟悉React中的数据提取，请查看我在React文章中提取的大量数据。...但是，如果你对错误处理、loading、如何触发从表单中获取数据或者如何实现可重用的数据获取的钩子。请继续阅读。 如何自动或者手动的触发 hook？...因为用户可能想再发生错误的时候想再次尝试一下。...注意：实际上不会中止数据获取 - 这可以通过Axios Cancellation实现 - 但是对于 unmounted 的组件不再执行状态转换。
，其中apiKey就是Search-Only API Key： Algolia配置信息 更新Index 配置好Key后，在Hexo根目录执行hexo algolia来更新Index...启用配置搜索功能 修改主题配置文件，在其中找到algolia_search属性，将其enable子属性改为true，然后再看其labels子属性，修改相应的提示文本，使之更加适合自己的风格，属性配置如下图所示...Key 复制ID和Key，然后将其配置到主题配置文件中，在文件中找到leancloud_visitors属性，将enable设置为true，然后将之前复制的ID和Key粘贴到相应的属性中。...，这时候好友之间就会互相帮忙，在自己的博客上添加好友的博客链接。...，所以文章无法访问，只需要在站点配置文件中将url改为更新后的域名即可。
params.search：搜索相关，会在algolia搜索设置详细说明 params.social：社交相关，会在首页的最上方以图标的形式显示社交媒体联系方式 params.page：文章相关，比如评论就是在这里开启的...操作： 前往官网注册账号 在左侧第二个Indices下选择New，创建Index（我的名称为myblog） 在API Keys上拿到Search-Only API Key作为searchKey和Application...ID作为appID。...ALGOLIA_APP_ID=46GYFZ8M81 ALGOLIA_INDEX_NAME=myblog ALGOLIA_INDEX_FILE=public/index.json ALGOLIA_ADMIN_KEY...图片本地编辑问题 由于前面提到，图片使用的是相对本地的路径，如果不加配置的话是无法再本地环境（比如typora或者vscode）下正确预览图片的。没有所见即所得会比较麻烦。
GPT-3 API 的行业应用场景 GPT-3 的应用范围涉及教育、游戏等多个领域，其中的应用程序利用了 GPT-3 的多种功能，我们来看一些具体的应用案例。...搜索产品公司 Algolia 将 GPT-3 用于 Algolia Answers 产品，以为用户提供闪电般快速的语义搜索。...Algolia 的产品与 GTM 经理 Dustin Coates 表示：「GPT-3 使 Algolia Answers 产品能够回答比以往更复杂的查询，更深度地识别语境信息以提高搜索结果的质量，并在几秒钟内交付...通过搜索最接近输入查询的示例并将它们添加至提示，性能往往可以媲美 SOTA 微调模型，并提供一种易配置和调整的 AutoML 解决方案； 增强搜索端点（enhanced search endpoint）...© THE END 转载请联系本公众号获得授权 投稿或寻求报道：content@jiqizhixin.com
：`id="jump_test">我是页内跳转到的位置` ,对应：`id="jump_test"` * 颜色 #5bdaed 第二行 ---- id="jump_test">我是页内跳转到的位置 id="jump_1">我是页内跳转到的位置 [^10]: 注脚跳转位置 111...::: b.Algolia搜索 通过 themeConfig.algolia 选项来用 Algolia 搜索 替换内置的搜索框。...（二）在项目根路径，创建一个deploy.sh 脚本文件，如下所示： 请根据你想要提交的网址进行修改。 #!...1.无法使用touch命令 解决：使用命令行npm install touch-cli -g就可以了。
Effect的清除同样被延迟了。上一次的effect会在重新渲染后被清除： React 渲染{id: 20}的UI。 浏览器绘制。我们在屏幕上看到{id: 20}的UI。...你可能会好奇：如果清除上一次的effect发生在props变成{id: 20}之后，那它为什么还能“看到”旧的{id: 10}？...getFetchUrl() { return 'https://hn.algolia.com/api/v1/search?...getFetchUrl(query) { return 'https://hn.algolia.com/api/v1/search?...有问题的原因是请求结果返回的顺序不能保证一致。比如我先请求 {id: 10}，然后更新到{id: 20}，但{id: 20}的请求更先返回。请求更早但返回更晚的情况会错误地覆盖状态值。
使用以下命令测试连接： $ ssh -T git@mygitserver.com 如果此命令导致错误，请通过参考Git托管服务的文档检查您是否正确添加了SSH密钥，然后再次尝试连接。...以部署者用户身份从本地计算机登录到服务器以测试连接： $ ssh deployer@your_server_ip -i ~/.ssh/deployerkey 以deployer身份登录后，还要测试服务器和...： $ sudo ln -s /etc/nginx/sites-available/example.com /etc/nginx/sites-enabled/ 测试配置文件是否存在语法错误： $ sudo...nginx -t 如果您发现任何错误，请在继续之前返回并重新检查您的文件。...但是，该应用程序将无法正常工作，因为该.env文件为空。此文件用于保存重要配置，例如应用程序密钥-用于加密的随机字符串。如果未设置的话，您的用户会话和其他加密数据将不安全。
我还添加了一些很酷的功能和模糊效果，因此可以单独设置缩小和放大滤镜。:) 如您所见，看到图像中的细节但无法解密字符串看起来很棒！...<3 您可以通过键入来安装它cargo install cliblur:) 请告诉我，你觉得这个工具怎么样？...:) 二进制和源代码可以在这里找到：https ://gitlab.com/kerkmann/cliliblur lnx 0.9，像 Elasticsearch 和 Algolia 这样的快速搜索引擎已经出来了...事实上，快速模糊系统使模糊文本搜索几乎与常规文本搜索一样便宜，在 10 核机器上每秒可能查看数万次查询....潜在的进一步补充： 放置非切片的大值 释放 threadlocal 的 API（现在它在线程下降时被释放） 全局启用/禁用功能标志，因此库可以毫无顾忌地使用它，但让应用程序决定它是否对其线程模型有意义。
Vite 的出现很好地解决了这些问题：近乎即时的服务器启动、仅编译所服务页面的按需编译以及闪电般快速的 HMR。 VuePress v1 在本质上是一个 Webpack 应用程序。...React 应用程序框架。...="foo" />Markdown 拓展内部链接内部连接转换为路由器连接，用于 SPA 导航。...-- 也能够用 .html -->页面后缀默认状况下，生成的页面和内部连接的后缀是.html。...md.use(require('markdown-it-xxx')) } }}搜索配置先查看：https://vitepress.vuejs.org/config/algolia-search.html
说起来我当初执意要选择软件工程专业的时候，有个动机就是被刀剑神域里的VRMMO吸引，想着能有一天可以真的体验上这种完全沉浸式的游戏。不过理想和现实还真的是差距鲜明啊。 于是开始尝试制作左半侧的UI。...网上的参考内容都是针对于子菜单在父级元素内部的情况，那确实可以靠hover轻松搞定，但是我设置了一堆偏移量和伪类，导致子菜单和父菜单关键的连接轴是个伪类，hover无效啊喂！。...openAlgolia() { document.body.style.cssText = 'width: 100%;overflow: hidden' document.querySelector('#algolia-search....search-dialog').style.display = 'block' document.querySelector('#algolia-search .ais-search-box--...ID和留言板路径可能不一致，请自己根据实际情况替换。
，当博客更新后需要hexo algolia重新提交索引，而indigo是本地生成json数据，部署上更加方便一些 本次还探索了使用本地图片来完成markdown的方法 切换主题 在github上的主题切换用的是修改配置文件...，在gitee上是用hexo新建了个项目完成的迁移，这个页面部署要小小参考一下gitee的使用文档。...针对两种主题不同的搜索处理，我都尝试了一下，综合感觉都不错，第三方的algolia是专门提供搜索的，个人的话免费的额度足够了。...这个配置的关键在于插件的文档写的不是特别详细，在此有两点需求，一是要明白那个github用户名指的是github的username,不是邮箱或者id，另外就是要填写的仓库应该直接是仓库的名称，不应该是一个...另外针对github里面申请那个appid,主要时回调的网址，必须前匹配，如果不对在点击初始化按钮时会在url栏里面提示错误，从而无法init。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
腾讯会议
