npm 包 hexo-mip-push 使用教程

前言

随着移动搜索在百度搜索引擎中的普及,百度 MIP 成为了很多网站的推广选择。如果你的个人博客使用的是 Hexo 生成的静态页面,那么你也需要将你的博客适配成百度 MIP 页面,以提高你的博客在移动搜索中的排名。本文将介绍如何使用 npm 包 hexo-mip-push 来实现 Hexo 博客页的 MIP 页面推送。

前置知识

本文假设你已经使用 Hexo 搭建了个人博客站点,并具有基本前端开发知识。如果不熟悉 Hexo 的,可以先去学习一下 Hexo 的基本使用方法。

hexo-mip-push 简介

hexo-mip-push 是一个 Hexo 的推送插件,用于自动将你的 Hexo 博客站点推送到百度 MIP 平台。它可以帮助用户快速、简单地将博客站点转换成符合百度 MIP 规范的页面。

安装 hexo-mip-push

使用 npm 安装 hexo-mip-push。

- --- ------- ------------- ------

配置 hexo-mip-push

在 _config.yml 中添加配置信息,配置推送所需的字段。

---------
  ------ -----------------
  ------- ------------
  ---- --------
  • token (必填): 百度提供的 Access Token,在百度站长平台上获取
  • siteid (必填): 百度站长平台的站点 ID
  • url (选填): 你的博客站点 URL,如果不填写,在本地会根据配置的 public_url 自动生成

如何使用

使用以下命令,将 Hexo 博客页面推送到百度 MIP 平台。

- ---- --------

如果一切顺利,你就可以看到如下推送成功的提示信息。

- ---- --------
----  ----- ---------- -------
----  -------- ---- -------
----  ----- ---- -------
----  ---- ---- -----------
----  ---------
----  ---- -- -----

示例代码

在博客部署完成之后,可以直接在命令行或者 shell 中输入以下命令,向百度 MIP 平台推送 Hexo 博客页面。

- ---- --------

注意事项

本文所述内容为百度 MIP 平台最新规范,如果你已经按照本教程将你的博客站点推送到百度 MIP 平台,但排名没有得到较大提升,需要进一步优化,您可以访问 百度 MIP 文档 进行学习。

结论

hexo-mip-push 可以大大减轻 Hexo 博客站点被推送到百度 MIP 平台的难度,使得普通开发者也可以方便、快捷的实现该功能。同时,本文将通过具体的代码实现,供读者参考学习。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005626181e8991b448dfa66


猜你喜欢

  • npm 包 email-exist 使用教程

    在前端项目中,经常需要验证输入的邮箱是否存在,这时候我们可以使用 npm 包 email-exist。email-exist 是一个基于 Node.js 的 npm 包,可以用来验证邮箱地址是否存在。

    3 年前
  • npm 包 generator-js-module 使用教程

    简介 generator-js-module 是一个 npm 包,它可以帮助您快速生成一个 JavaScript 模块的基本结构。使用此 npm 包可以大大提高您的开发效率,减少需要手动创建模块结构的...

    3 年前
  • npm 包 serverless-chrome-ilkkah 使用教程

    在前端开发中,我们经常需要使用 Chrome 浏览器进行页面渲染和测试。而在服务器上,由于安装完整的 Chrome 浏览器会占用较大的资源,并且维护成本较高,因此我们通常希望使用无头浏览器来替代。

    3 年前
  • NPM 包 react-datasource 使用教程

    React-datasource 是一个 React 组件,可以帮助我们处理数据源。它可以处理本地数据,也可以处理远程数据。这个组件很容易使用,可以帮助我们快速构建数据驱动的应用。

    3 年前
  • npm 包 runas-recipe-resolve-deps 使用教程

    简介 在使用 npm 包进行开发的过程中,很容易遇到依赖版本冲突的情况,造成项目无法运行或者运行出现异常。runas-recipe-resolve-deps 是一个能够解决依赖版本冲突的 npm 包,...

    3 年前
  • npm 包 react-navigation-current-route 使用教程

    React Navigation 是 React Native 中常用的导航库,而 react-navigation-current-route(以下简称 RNC)则是其中一个实用的辅助工具。

    3 年前
  • npm 包 node-opennlp 使用教程

    自然语言处理(Natural Language Processing, NLP)已经成为计算机科学领域的一个热门话题,它广泛应用于文本挖掘、智能问答、自然语言理解等各个领域。

    3 年前
  • npm 包 vue-ahn-table 使用教程

    Vue-ahn-table 是一个用于 Vue.js 的表格组件,旨在为开发人员提供使用简便且高度可定制的表格。该组件包括了跨页码的行、列过滤、排序等众多高级特性,并且完全使用 TypeScript ...

    3 年前
  • npm 包 generator-nww 使用教程

    介绍 generator-nww 是一个使用 Yeoman 构建的前端项目生成器,用于快速生成搭建好项目基础结构的前端脚手架。其可以生成基于 Gulp 的项目,集成了常用的工具库和工作流。

    3 年前
  • npm 包 cordova-plugin-native-logs 使用教程

    在前端开发中,我们需要对移动应用进行调试和监控,而移动端的日志输出与 PC 端是有所不同的。在这种情况下,可以使用 npm 包 cordova-plugin-native-logs 来输出移动应用的日...

    3 年前
  • npm 包 dir-ls 使用教程

    介绍 dir-ls 是一个 Node.js 模块,用于在 Node.js 中获取一个目录中所有文件的详细信息。它提供了一个简单而高效的方法来扫描您的目录,并返回每个文件的名称、文件路径、修改日期、文件...

    3 年前
  • npm 包 jarvis.img 使用教程

    在前端开发中,常常需要处理图片相关的任务。然而,直接手动进行图片处理会非常繁琐,同时也难以保证处理的可靠性和效率。因此,我们可以利用一些工具库来简化图片处理的过程。

    3 年前
  • NPM 包 react-json-schema-form 使用教程

    React 是一个甚至可以说是最流行的前端框架之一,而 JSON Schema 是一种结构化的数据格式,提供了一个通用的规范来描述数据。React-JSON-Schema-Form 是一个 React...

    3 年前
  • npm 包 magikcraft-lore-core 使用教程

    什么是 magikcraft-lore-core magikcraft-lore-core 是一个 npm 包,它包含了一系列在 MagikCraft 游戏中使用的核心函数和工具。

    3 年前
  • npm 包 hexo-mip-css 使用教程

    在前端开发中,我们经常需要使用诸如 Hexo 等博客框架,而其中一个重要的问题便是如何让网页的渲染更加快速和高效。 hexo-mip-css 正是一个旨在解决这个问题的 npm 包,它提供了一种轻量级...

    3 年前
  • Ember-cli-time-picker 教程

    Ember-cli-time-picker 是一个开源的 npm 包,它是一个可定制的时间选择器组件,旨在为使用 Ember.js 框架的前端开发带来更方便的时间选择体验。

    3 年前
  • npm 包 babel-plugin-resolve-import 使用教程

    前言 在前端开发中,使用 ES6 模块化的场景越来越多,但是在实际开发中,我们可能会遇到模块化引入的路径比较繁琐的问题,这时候我们通常可以使用 npm 包 babel-plugin-resolve-i...

    3 年前
  • npm 包 hubot-rod_script 使用教程

    随着前端技术的不断发展,我们需要掌握越来越多的工具来提高我们的生产力。其中,hubot-rod_script 是一个非常实用的 npm 包,可以帮助我们更高效地完成一些重复性工作。

    3 年前
  • npm 包 child-exit-nodeback 使用教程

    前言 在 Node.js 中,我们可以使用 child_process 模块开启子进程执行一些耗时的任务,而且它还能让你控制子进程的输入输出。但是在一个进程中开启子进程,就需要考虑子进程结束时的回调问...

    3 年前
  • npm 包 meteor-alipay 使用教程

    介绍 meteor-alipay 是一个基于 Node.js 的 npm 包,提供了在 Meteor 项目中集成支付宝支付的能力。支付宝是目前国内移动支付的主要方式之一,支持多种支付方式,包括支付宝余...

    3 年前

相关推荐

    暂无文章