前几天在卢松松那里看到关于在Google搜索结果中显示作者信息的介绍，站长也亲自试了一下，目前已经成功。也和大家分享一下吧。...如果您希望您的作者信息出现在自己所创建内容的搜索结果中，那么您需要拥有 Google+ 个人资料，并使用醒目美观的头像作为个人资料照片。...然后，您可以使用以下任意一种方法将内容的作者信息与自己的个人资料关联，以便进行验证。Google 不保证一定会在 Google 网页搜索或 Google 新闻结果中显示作者信息。...您的电子邮件地址将会显示在您的 Google+ 个人资料的以下网站的撰稿者部分。如果您不希望公开自己的电子邮件地址，可以更改链接的公开程度。...要了解 Google 能够从您的网页提取哪些作者数据，可以使用结构化数据测试工具。 以上方法来自 Google搜索结果中的作者信息 站长使用的是 方法2，操作完以后，4天才显示作者信息。
找到浏览器设置，打开服务，地址栏与搜索 ? 2.设置如下 ? ? 3....然后发现使用Google搜索后默认是覆盖搜索结果而不是打开新的标签页 找了半天在浏览器没有找到设置，后来终于发现需要在谷歌搜索引擎处设置，而不是在浏览器本身设置。 ? ? 大功告成！
当一个网站打开的时候，它可能会加载非常多的资源，很多的js文件，很多的css文件。如何快速从某个网站加载的所有js文件中搜索指定的关键字呢？...以Chrome为例，首先打开Chrome的开发者工具，定位到Sources标签页。 ? 接下来，点击开发者工具窗口右上角的三个竖着的点，选择Search，即可打开搜索界面。 ?...在搜索界面搜索的关键字，Chrome会在所有加载的资源中寻找。 ?
配置主题配置文件，开启algolia的搜索模式(关闭本地搜索) hexo-algolia 开发说明 安装hexo-algolia，按照文档做相应的配置 npm install hexo-algolia...配置完成，随后执行hexo algolia，执行成功之后查看algolia中相关内容（如果提交失败，则先clean项目） 数据推送 上传数据到algolia（当添加了新文章，搜索不到的时候则需要刷新...配置 algolia_search: enable: true hits: per_page: 8 # PS:完整配置参考如下所示，butterfly摘取了核心的配置内容并将部分参数在国际化部分做了处理以适配不同的语言配置...，如有需要在不变动原有butterfly提供的参数配置基础上，可以进入到指定的themes/butterfly/languages对相应语言配置进行调整 search: title: 搜索 load_data...: 数据库加载中 algolia_search: input_placeholder: 搜索文章 hits_empty: '找不到您查询的内容：${query}' hits_stats
Vue 驱动：所有页面都是 Vue 组件，可以自定义模板和逻辑。主题和插件：丰富的主题和插件生态系统，允许高度定制。即时预览：在本地开发时，更改会立即反映在浏览器中。3....版本管理：轻松管理不同版本的文档。社区插件：有丰富的社区插件，如 Algolia 搜索集成。3....Docusaurus 功能扩展：AlgoliaDocusaurus 提供了内置的 Algolia 搜索集成。...以下是如何配置的步骤：在 docusaurus.config.js 中添加 Algolia 的配置：module.exports = { // ......重新构建你的 Docusaurus 站点以应用更改：yarn build现在，你的 Docusaurus 站点应该已经有了一个功能完善的搜索框，由 Algolia 提供支持。
起初本站的文章搜索功能使用是本地搜索支持，但后来发现有众多网友（包括 Hugo 官网文档搜索）都使用的是 Algolia 在线搜索引擎，便顺手也给自己的站点移植到该搜索引擎上面。...这里只是把博文显示的页面进行索引化，并没有对分类、标签、列表等做索引支持，查询的内容只针对文章页面本身就足够用啦。...发现 Algolia 官方也提供了个 setup-algolia-cli 项目支持，不过很遗憾在使用过程中，发现导入有问题无法解决只好放弃。...，原以为官方的文档和资源都是好用的，结果却是出乎意料只好改用第三方的支持。...以及说 Github 市场中琳琅满目的第三方插件，有时也是让人难以抉择，只好一步步慢慢尝试，好在最终结果还是喜人的，问题得到了解决。
effect hook 的触发不仅仅是在组件第一次加载的时候，还有在每一次更新的时候也会触发。由于我们在获取到数据后就进行设置了组件状态，然后又触发了 effect hook。所以就会出现死循环。...hook 所依赖的所有变量（在这个数组中），如果其中一个变量发生变化，则就会触发这个 hook 的运行。...在我们的例子中，数据，加载和错误状态的初始状态的参数没有改变，但它们已经聚合到一个由 reducer hook 而不是单个state hook 管理的状态对象。...毕竟，我们只有三个状态转换：初始化提取过程，通知成功的数据提取结果，并通知错误的数据提取结果。 在我们自定义的 hook 中，state 像以前一样返回。但是因为我们有一个状态对象而不是独立状态。...如果组件已卸载，则该标志应设置为true，这将导致在最终异步解析数据提取后阻止设置组件状态。
最关键的是，csdn上的文章质量也越来越差，我曾经不止一次听人说过-csdn能优化搜索结果的说法。因此我开始尝试在博客园、知乎、简书上连载，但感觉都很麻烦。...params.search：搜索相关，会在algolia搜索设置详细说明 params.social：社交相关，会在首页的最上方以图标的形式显示社交媒体联系方式 params.page：文章相关，比如评论就是在这里开启的...在languages设置后会被覆盖 author：需要在此处设置作者，之后文章中就可以不用设置了 sitemap：SEO设置相关，在让博客被google等搜索引擎收录一节会提到 前置参数 loveit支持很多前置参数...上述方法是没有git init的，因为我是使用git submodule来关联两个仓库的。如果没有这种关联的话需要先git init，然后在git push后加上-f参数。...让博客被google等搜索引擎收录 Google等的SEO设置，让博客显示在这些页面上 首先可以在搜索引擎上输入site:wtysos11.github.io来检查是否被收录，一般刚放上去都是没有的。
而对于在线文档网站，搜索功能能让查阅文档更加轻松，我也一直想着为自己的文档站搞个搜索功能，但看完一些全文搜索工具的教程后给整懵逼了，也迟迟没正式动手。...不需要繁琐的配置，也不需要自己有数据库等软硬件支持，而只需在自己网站中插入少量代码就可以实现强大的文档搜索功能了。...的接口并显示搜索结果了。...这些请求、结果显示相关的逻辑都封装好了，你要做的只是要按要求插入代码、样式以及那个搜索框。 实现步骤 1....在 Algolia DocSearch 官网 填写自己的文档网站的地址和邮箱进行申请 DocSearch 可以免费使用，而且不用注册，因为他们觉得，任何人都应该能够有能力构建方便搜索的文档（可以说相当有情怀吧
，当博客更新后需要hexo algolia重新提交索引，而indigo是本地生成json数据，部署上更加方便一些 本次还探索了使用本地图片来完成markdown的方法 切换主题 在github上的主题切换用的是修改配置文件...针对两种主题不同的搜索处理，我都尝试了一下，综合感觉都不错，第三方的algolia是专门提供搜索的，个人的话免费的额度足够了。...样式微调 针对indigo这个博客主题，感觉文章显示宽度比较小，通过研究less样式表，把一个变量从绝对像素变成了百分比，从而顺利解决了适配问题 另外在使用indigo博客主题时，发现最新版本的toc渲染不对头...，我一直以为是自己的配置问题，最后在github上查issue，发现是hexo的问题，不过针对这个的折腾还是很值得，让我摸清了hexo的渲染架构，同时收获了字符escape的标准解决办法 其实所有的主题只要把配置文件摸清楚了...，用起来问题都不大，另外主题的维护者都是国人，交流也比较自然，并且可以自己发挥加入自定义的逻辑 在gitee一开始一直不显示静态资源，经查询发现必须在配置文件中把项目名称给加上，也就是有个类似二级目录的配置
什么是 Alogolia Algolia 是一个托管搜索引擎，提供全文，数字和多面搜索，能够从第一次击键中提供实时结果，它提供了一组工具，可简化制作完整搜索体验并将其集成到您的网站和应用程序中的过程。...这些包括： 支持多种不同语言的后端 API 客户端，用于索引、配置和管理数据 用于构建 Web 和移动搜索体验的前端小部件 与流行的框架和平台集成，进一步简化Algolia在现有项目中的集成 一个安全的分布式搜索网络...，可托管您的内容并快速将其提供给客户 透明、可自定义的相关性算法 一个经过大量优化的搜索引擎，从头开始构建，C++ 大量文档、实现指南和代码示例 透明、可自定义的相关性算法 简单来说，Algolia 是一个提供云搜素服务的第三方平台...，我们可以通过调用 Algolia 的API接口把我们自己站点的数据上传到 Algolia 中，实现我们自己站点的搜索功能。...Algolia 上查看 Application ID 、 Search-Only API Key 和 Admin API Key ,indexName 填入前面你创建的index名称 填写完成后，执行下面语句
设置预览摘要 设置完模式后，读者们会发现，尽管首页显示的是所有文章的列表，但是每一篇文章都显示了所有内容，这样感觉看起来不舒服，这时候可以启用预览摘要模式，在主题配置文件中找到auto_excerpt...侧边栏在文章加载好时出现 在主题配置文件中，找到sidebar的display属性，display属性有四种显示模式：分别为： post // 默认显示方式 always // 一直显示...添加搜索功能 导航菜单栏 完成了上述菜单选项的添加后，读者们可以看到菜单栏中还有搜索一项，搜索的功能源于第三方服务——Algolia，接下来看看配置的步骤： 注册Algolia，创建...，进行Hexo Algolia的安装： npm install --save hexo-algolia 执行完指令后，读者们可能会发现安装失败，或发现安装成功后实现的搜索功能可以搜索但是不可以点击搜索到的文章...： 启用配置搜索功能 经过上述的操作后，部署Hexo，便可在博客中添加搜索功能，其效果图如下： 找到搜索结果 未找到搜索结果 添加阅读次数统计
在上海疫情期间也真有点压抑的，为了消除这份不安的情绪，决定参考 Hexo NexT 从零开始全面重构 NexT 主题，也在独自奋斗的2个多月断断续续时间里完成主体功能所有移植工作（其实一直想有人参与进来共建...不过自己又稍微折腾了一下，原因是之前的文章都是在 content\posts 一个目录中并没有做好分类管理，想通过此次的升级重新整理下文章的分类，而且新版本的主题中已经可以支持多个自定义目录。...traceback.print_exc() break修改后的文章经过测试都能正常的访问，发布上线后，通过搜索引擎检索到的旧链接地址都能正常的访问，并成功跳转到新的链接地址，不过为了...但结果是草率了，修改后的文件导入居然失败了，然后尝试换成了 LeanCloud 官方的导入功能便成功，本以为迁移工作到此就结束了，结果又来了如下问题：图片真是无语至极呀，还好之前也处理过类似的情况，接着就又对数据一阵...s $ALGOLIA_INDEXFILE -a $ALGOLIA_APPID -k $ALGOLIA_ADMINKEY -n $ALGOLIA_INDEXNAME相比较于本地搜索功能，Algolia 还提供搜索分析的数据报告
之前一直用百度站内搜索，但是百度站内搜索现在停用了。用谷歌的站内搜索，国内的GWF（fuck！)...Algolia是一家为网站与移动应用提供托管式搜索API的初创企业，成立于2012年，总部位于旧金山，曾参加过去年的YC训练营。网站或移动应用只需嵌入简单代码数分钟即可实现搜索功能。...（一般直接用github或google账号授权登录即可)创建index点击 NEW INDEX创建一个新的index注册后的 14 天内拥有所有功能（包括收费类别的）。...APPID apiKey: 你的API Key indexName: 你的Index名字 chunkSize: 5000配置vitepress Algolia然后在docs/.vitepress/...我在网上查了很久都没有结果？
- title: 高性能 details: VuePress 为每个页面预渲染生成静态的 HTML，同时在页面被加载的时候，将作为 SPA 运行。...3.显示所有页面的标题链接 默认情况下，侧边栏只会显示由当前活动页面的标题（headers）组成的链接，你可以将 themeConfig.displayAllHeaders 设置为 true 来显示所有页面的标题链接...a.内置搜索 通过设置 themeConfig.search: false 来禁用默认的搜索框，或是通过 themeConfig.searchMaxSuggestions 来调整默认搜索框显示的搜索结果数量...、h2 和 h3 构建搜索索引，如果你需要全文搜索，你可以使用 Algolia 搜索。...::: b.Algolia搜索 通过 themeConfig.algolia 选项来用 Algolia 搜索 替换内置的搜索框。
（而且也很多人跟我说过，一直咕咕咕罢了QAQ） 搭建的时候呢我试过两个插件，一个是“本地搜索”，而另外一个就是我现在用的“Algolia”搜索引擎。...搭建 搭建成品图 image.png 介绍 本篇目说的是 Algolia 搜索引擎的搭建。...Algolia 是一家为网站与移动应用提供托管式搜索API的初创企业，成立于2012年，总部位于旧金山，曾参加过2014年的YC训练营。 网站或移动应用只需嵌入 简单代码数分钟即可实现搜索 功能。...如果你选择第二个，可以完全按照我这个方向走 Hexo安装 安装代码（这个就很简单了吧，不用我多说了吧） npm install hexo-algoliasearch --save 然后到你的Hexo下的根目录中的...image.png 创建库 image.png 添加API参数 在左手边找到 API Keys 的菜单，点进去。
不着急的小伙伴可以看看今天的内容哈，给《Java 程序员进阶之路》加了文档搜索，顺带记录一下。如果以后有其他小伙伴在使用过程中也遇到了这个问题，可以参考这篇。...一、DocSearch 效果 直接来看添加完 docsearch（文档搜索）后的效果，vuepress-theme-hope 会在栏目的右上角添加一个搜索的组件，见下图。...体验网址：https://tobebetterjavaer.com 点击，然后输入想要搜索的内容，就会在弹出框中看到搜索结果，点击可以跳转到对应的网页。 个人感觉还是挺方便和实用的。...至于 Algolia 实现 DocSearch 的原理，也非常的简单，它会根据你的网站内容定时爬虫，当输入关键字的时候就去取之前爬过的内容。...第四步，在 themeConfig.ts 文件中配置 docsearch，启用文档搜索。
在主题配置文件_config.butterfly.yml中修改以下内容： local_search: - enable: false + enable: true 重新编译运行，即可看到效果。...第一种亲测只能对匹配文章title，不能匹配文章内容查询到结果，所以推荐第二种。下面分别对这两种插件做不同的说明。 获取 Algolia 账号 注册 Algolia。...在主题配置文件_config.butterfly.yml中修改以下内容： algolia_search: enable: true hits: per_page: 10 labels...: input_placeholder: Search for Posts hits_empty: "我们没有找到任何搜索结果: ${query}" hits_stats: "找到...在主题配置文件_config.butterfly.yml中修改以下内容： algolia_search: enable: true hits: per_page: 10 labels
之前一直无法成功注册登录 algolia 一直用的 hexo 本地搜索，搜索结果不准确，algolia 有一定的免费额度，对于小网站来说还是挺友好的，接入也很方便。...（无法注册成功登录的原因我注释在了最后） 安装 插件地址在：https://github.com/LouisBarranqueiro/hexo-algoliasearch npm install hexo-algoliasearch...input_placeholder: Search for Posts hits_empty: "我们没有找到任何搜索结果: ${query}" hits_stats: "找到${hits...}条结果（用时${time} ms）" 命令 hexo algolia 其他命令照常就可以 注意事项 虽然有很多博客已经写过如何添加这个插件，如何使用，但是我在实际过程中还是遇到了很多奇怪的问题...（不知道是不是白嫖的人太多了，导致 Algolia 封锁了一些特殊邮箱的行为） 搜索没有内容 当我一开始安装配置完成之后，我发现 Algolia 上面没有上传我的内容，也就无法搜索到。
Hexo主题Next配置algolia站内搜索 Algolia是一家为网站与移动应用提供托管式搜索API的初创企业，成立于2012年，总部位于旧金山，曾参加过去年的YC训练营。...网站或移动应用只需嵌入简单代码数分钟即可实现搜索功能。 实现的效果如下 search 注册Algolia 打开Algolia进行注册。可直接使用github账号进行注册。...安装hexo-algoliasearch插件 在Hexo的根目录下执行 $ npm install hexo-algoliasearch --save 配置站点信息 打开 站点配置文件，添加algolia...didn't find any results for the search: ${query}" hits_stats: "${hits} results found in ${time} ms" 在环境变量中添加...HEXO_ALGOLIA_INDEXING_KEY， 在Hexo的根目录执行 $ export HEXO_ALGOLIA_INDEXING_KEY=粘贴上一步复制的 API KEY 再次执行 $ hexo
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
