拿起html的时候，在数据处理上，疯狂怀念数据双向绑定，vue又成了我的必选项，但是有些业务场景其实并不适用vue，所以最终技术选型为vue+jquery混合使用，结合两边的优点，大大提高开发效率...那么vue+jquery应该如何使用呢？
Algolia是一家为网站与移动应用提供托管式搜索API的初创企业，成立于2012年，总部位于旧金山，曾参加过去年的YC训练营。网站或移动应用只需嵌入简单代码数分钟即可实现搜索功能。...只要你不做日志搜索索引量不超过一百万那么几乎可以肯定的是 Algolia 好用得多。algolia和elasticsearch哪个更有潜力？...可直接使用github账号进行注册。...index 其实你可以理解为一个服务器名称，会有配到search keyAlgolia 服务站点上找到需要使用的一些配置的值，包括 ApplicationID、Search-Only API Key、...配置vitepress Algolia然后在docs/.vitepress/config.js{ themeConfig: { algolia: { appId
2.Hexo NexT 主题设置 这里贴出我的博客_config.yml 文件与主题_config.yml 文件： 博客配置文件： # Hexo Configuration ## Docs: https...#网站描述 author: Timhbw #您的名字 language: zh-Hans #网站使用的语言 timezone: UTC #网站时区。Hexo 默认使用您电脑的时区。...值为false时禁用主题 # Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type...://www.google.com/webmasters/ #google_site_verification: # Google Analytics #google_analytics: # Yandex... algolia_instant_js: algolia_instant_css: # Internal version: 1.0.0 # https://github.com/hustcc
Webmaster tools verification setting # See: https://www.google.com/webmasters/ #google_site_verification...: # Google Analytics #google_analytics: # Yandex Webmaster tools verification setting # See: https:...Search algolia_search: enable: false hits: per_page: 10 labels: input_placeholder: Search...algolia_instant_js: algolia_instant_css: # Internal version: 1.0.0 # https://github.com/hustcc...# duoshuo_share: true # Hexo 里可以为首页和归档页面设置不同的文章篇数 index_generator: per_page: 5 archive_generator
Intro Hexo：快速、简洁且高效的博客框架 优点 多语言文档（含中文） 静态博客，无需服务器 部署、迁移、备份方便 Geek 部署 跟随文档步骤即可：https://hexo.io/zh-cn/docs...--save // 使用 npm 安装 hexo-algolia 插件 export HEXO_ALGOLIA_INDEXING_KEY=xxx // xxx 为 apiKey hexo clean...进入 Next 主题配置文件 _config.yml ，配置 leancloud_visitors 属性 enable 为 true，并配置对应的 App ID 与 App Key 。...(在 LeanCloud 左侧导航栏的设置界面，单击“应用 Key”可以看到应用的 App ID 和 App Key。)...也可以在设置 next.yml中设置默认开启。
my-docsvuepress dev在 docs 文件夹中的 Markdown 文件可以包含 Vue 组件和自定义的 Vue 代码。...社区插件：有丰富的社区插件，如 Algolia 搜索集成。3....VuePress 插件开发与使用VuePress 的强大之处在于其丰富的插件系统，允许用户根据需求扩展功能。下面是一个简化的 VuePress 插件开发与使用的示例。...在VuePress项目中使用自定义插件安装插件：如果是本地开发的插件，你可以通过npm link或者直接在package.json中引用本地路径来安装。...', }, ], ],};使用插件效果：在你的VuePress主题中（通常是Layout.vue），你可以访问 $page.copyright 来显示版权信息。
编译项目 下面是使用npm run docs:dev的示范，然后可以打开浏览器http://localhost:8080/查看效果了。它会运行``docs目录里面的READ.md`的内容。...公式的使用 7.最后通过编译命令npm run docs:dev，浏览器输入localhost:8080，回车就可以看到结果了。...:build，编译之后的静态文件在docs\.vuepress\dist\目录，可以在本地使用，也可以部署到github或者服务器。...Algolia 搜索。...::: b.Algolia搜索 通过 themeConfig.algolia 选项来用 Algolia 搜索 替换内置的搜索框。
构建过程 hugo设置 本博客使用了hugo loveit主题，hugo的入门实在过于简单，也不是本文讨论的重点。详情可以阅读loveit主题提供的入门文档。...在languages设置后会被覆盖 author：需要在此处设置作者，之后文章中就可以不用设置了 sitemap：SEO设置相关，在让博客被google等搜索引擎收录一节会提到 前置参数 loveit支持很多前置参数...之后我打算抽空自己用微服务写一个，到时候和博客挂在一起。...中 用travis进行自动化部署 algolia的问题在于每次录入新文章之后都需要更新index.json，实在是太过麻烦，本文选择使用atomic-algolia来自动产生对应的文件。...让博客被google等搜索引擎收录 Google等的SEO设置，让博客显示在这些页面上 首先可以在搜索引擎上输入site:wtysos11.github.io来检查是否被收录，一般刚放上去都是没有的。
使用 react hooks 优雅的获取数据 写在最前面 适用于 react，es6使用者，react hooks 初学者。...当然你需要先了解一下 react hooks 的新特性 github.com/reactjs/rfc… reactjs.org/docs/hooks-… 使用 hook 获取数据 这里有一篇讲解在 react...我们当然可以根据自己的情况定制一个 hook 来获取我们的数据，这里需要处理 loading ，error 情况，数据来源等。...li> ))} ul> )} Fragment> ); } export default App; 复制代码 好了现在我们可以优雅地使用...hooks 去获取我们的数据了 参考 juejin.im/post/684490… reactjs.org/docs/hooks-… www.robinwieruch.de/react-fetch
不熟悉也没有关系，你可以克隆 hugo-next-docs 项目进行参考，相信你会有所收获！...文章拷贝文章内容这块的默认情况下是无须任何的调整，新版本的主题文章头部参数设置与旧版主题是保持向下兼容的，包括之前是应用其他主题的文章也可以兼容（因为用的是标准的 FrontMatter 参数），因此一般情况下只要拷贝到...评论迁移相比文章拷贝来说评论迁移就比较繁琐些，本博客一直使用的都是 Waline 评论插件，它提供了一个导入导出的功能，原以为只是将原文章地址进行替换后导入就可以。...这里使用的是 Github Action 功能，脚本参考如下：123456789- name: Upload Algolia Indexes env: ALGOLIA_APPID: ${...图片也希望能够吸引到更多的小伙伴们，一起参与进来共同建设 Hugo NexT 主题。除了主题的开发工作外，也会做好博客内容的打造。
start xxx | 打开文件资源管理器 explorer Example 打开网址 ： start yunyoujun.cn 打开当前目录： explorer . && 与...如果第一个命令执行成功，与操作符 ( && )才会执行第二个命令 如果第一个命令执行失败，或操作符 ( || )才会执行第二个命令 # algolia.sh export HEXO_ALGOLIA_INDEXING_KEY...clean && hexo algolia 则意味着 hexo clean 执行成功，才会执行 hexo algolia ---- Java MVN 编译 Java : mvn compile (默认放在...Laravel 框架使用过程中的一些笔记。...} 模版插件 Laravel-admin GitHub: https://github.com/z-song/laravel-admin 中文文档： http://laravel-admin.org/docs
: https://plus.google.com/yourname || google #Twitter: https://twitter.com/yourname || twitter #FB.../u/0/ to get apiKey and projectId # visit https://firebase.google.com/docs/firestore/ to get more information...algolia_instant_js: algolia_instant_css: # Internal version: 1.0.2 # See: https://github.com...index.html lib about categories images js search.xml 将生成的public目录上传到服务器，便是一个完整的站点了 可以自己写一个自动化部署的脚本...，每次本地更新文章，就触发自动部署到线上服务器 local search 转圈的问题 如果本地搜索一直转圈，可能是内容中包含BS符号，用sublime打开看到，将这些符号去掉即可恢复使用搜索功能 ?
可以使用 GitHub 或者 Google 账户直接登录，注册后的 14 天内拥有所有功能（包括收费类别的）。...之后若未续费会自动降级为免费账户，免费账户 总共有 10,000 条记录，每月有 100,000 的可以操作数。注册完成后，创建一个新的 Index，这个 Index 将在后面使用。...前往站点根目录，执行命令安装： npm install --save hexo-algolia 3.设置key，更新站点配置文件 在 Algolia 服务站点上找到需要使用的一些配置的值，包括 ApplicationID...adminApiKey: adminApiKey indexName: indexName chunkSize: 5000 filter: - title 注意：此处的filter与Algolia...5.主题集成 更改主题配置文件，找到 Algolia Search 配置部分,将 enable 改为 true 即可，根据需要你可以调整 labels 中的文本。
基本不同 1.写法不同，箭头函数使用箭头定义，普通函数中没有 .箭头函数都是匿名函数，普通函数可以有匿名函数，也可以有具体名函数，但是箭头函数都是匿名函数。...箭头函数中没有this,声明时捕获其所在上下文的this供自己使用。所以箭头函数结合call(),apply()方法调用一个函数时，只传入一个参数对this没有影响。...x fn1.apply(obj); // obj x fn2.call(obj); // window x fn2.apply(obj); // window x 4.箭头函数不可以做构造函数...，不能使用new 关键字，因为new关键字是调用函数对象的constructor属性，箭头函数中没有该属性，所以不能new function fn1(){ console.log
亚马逊网络服务：Auth0和Algolia AWS的主要弱点是它的复杂性。它的云平台包含许多不同的服务，可以完成许多不同的事情。...Auth0可以为AWS用户提供目前需要使用Cognito进行重大变通的功能-或几乎不可能实现的功能。...Algolia为公司处理所有这些问题，并提供一组简单的安全规则-例如速率限制和限制可以搜索和/或返回的字段-与单独的API密钥相关联。...如果微软收购Netlify并领导其无服务器策略和更高级别的服务，它将立即拥有与AWS和Google Cloud Platform（GCP）更具可比性的服务。...Google在添加服务时在竞争中拥有巨大的早期优势，但是在2014年使用Firebase的人今天可能不会注意到除了增加功能之外的很大差异。
兼容性：Deno 尝试与 Web 兼容——这意味着 Deno 程序应该可以在 Deno 和浏览器中运行。...这可以防止 Deno 脚本的恶意使用，这种恶意使用极有可能与 Node 脚本一样多。...所以在 Deno 中可以用与浏览器端完全相同的接口，而不必为 Deno 使用新的 API。在使用 Deno 时我们不需要重新考虑自己的方法。...你不仅可以使用 async/await，而且还可以使用 async 的 top level await（这在 Node.js 中已经存在很长时间了）： const url = 'http://hn.algolia.com...接下来我们将创建这个文件，并把以下信息传给服务器程序的端口： PORT=8000 在 index.ts 文件中，我们可以把这个环境变量与第三方库在一起配合使用： import { serve } from
好了，那React可以…区分effects的不同吗？...函数式更新 和 Google Docs 还记得我们说过同步才是理解effects的心智模型吗？同步的一个有趣地方在于你通常想要把同步的“信息”和状态解耦。...举个例子，当你在Google Docs编辑文档的时候，Google并不会把整篇文章发送给服务器。那样做会非常低效。相反的，它只是把你的修改以一种形式发送给服务端。...表达意图（而不是结果）和Google Docs如何处理共同编辑异曲同工。虽然这个类比略微延伸了一点，函数式更新在React中扮演了类似的角色。...是吗？ 实际上， 我们可以避免！
不着急的小伙伴可以看看今天的内容哈，给《Java 程序员进阶之路》加了文档搜索，顺带记录一下。如果以后有其他小伙伴在使用过程中也遇到了这个问题，可以参考这篇。...至于 Algolia 实现 DocSearch 的原理，也非常的简单，它会根据你的网站内容定时爬虫，当输入关键字的时候就去取之前爬过的内容。...第三步，设置 Algolia Crawler，注意替换 recordExtractor。...由于我使用的是 vuepress-theme-hope 主题，所以 recordProps 的默认容器类为 theme-hope-content。...://docsearch.algolia.com/docs/DocSearch-v3 三、后记 因为《Java 程序员进阶之路》这个小破站，vuepress-theme-hope主题的作者还跑过来加了好友
build docs" } } 在本地启动服务器 vuepress dev ....如果你需要全文搜索，你可以使用」 「Algolia 搜索」「。」 google-analytics google-analytics是著名互联网公司Google为网站提供的数据统计服务。...可以对目标网站进行访问数据统计和分析，并提供多种参数供网站拥有者使用。...这里推荐安装： 安装 使用以下命令安装 yarn add -D @vuepress/plugin-google-analytics # OR npm install -D @vuepress/plugin-google-analytics...使用 将ga 配置添加到配置文件 module.exports = { plugins: [ [ '@vuepress/google-analytics', {
Hexo主题Next配置algolia站内搜索 Algolia是一家为网站与移动应用提供托管式搜索API的初创企业，成立于2012年，总部位于旧金山，曾参加过去年的YC训练营。...实现的效果如下 search 注册Algolia 打开Algolia进行注册。可直接使用github账号进行注册。 创建index 点击 NEW INDEX创建一个新的index。...Index Name 后面会使用到。...INDEX 编辑KEY 点击侧边栏API Keys可以看到 Application ID、 Search-Only API Key 、 Admin API Key。后面我们需要用到。...algolia: applicationID: apiKey: adminApiKey: indexName: #创建index使用的Index Name chunkSize:
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
