npm 包 Hexo-Prism-Plus 使用教程

如果你使用 Hexo 构建博客,你可能需要让你的代码块更好地突出显示。这就是 npm 包 Hexo-Prism-Plus 的作用。本篇文章将会详细地介绍如何使用它来优化你的博客。

安装

首先,进入博客根目录,运行以下命令安装 Hexo-Prism-Plus:

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

然后,在博客的 _config.yml 文件中添加以下内容:

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

其中,prism_plugin.mode 需要设置为 preprocess,这是为了避免其他插件(如 hexo-abbrlink 等)对代码块的干扰。

最后,进入博客根目录,运行以下命令:

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

现在,Hexo-Prism-Plus 就已经安装好了。

使用

Hexo-Prism-Plus 默认支持以下语言:

  • markup (HTML, XML, SVG, MathML) -CSS
  • C-like (C, C++, C#, Java, JavaScript, Objective-C, PHP, TypeScript)
  • Python
  • Ruby
  • Shell script (Bash, etc.)
  • Unix-like config files (INI, JSON, YAML, etc.)
  • SQL
  • Swift

如果你的代码使用的是其他语言,你可以在 markdown 文件中指定语言类型。例如:

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

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

-- ----

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

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

总结

Hexo-Prism-Plus 是一个非常实用的插件,可以让你的博客中的代码块更好地突出显示。本篇文章详细介绍了如何安装和使用它,希望对你有所帮助。

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


猜你喜欢

  • npm 包 salesforce-email 使用教程

    Salesforce 是一款业界著名的企业级 CRM 软件,其邮件功能十分强大。然而,有时候我们需要在自己的网站或者应用程序中使用 Salesforce 的邮件功能。

    3 年前
  • npm 包 Vue-TS-Admin 使用教程

    Vue-TS-Admin 是一个基于 Vue.js 和 TypeScript 创建的后台管理系统框架。通过集成很多的解决方案,可以快速开发和部署一个完备的项目。在本篇文章中,我们将介绍如何使用 npm...

    3 年前
  • npm 包 @adopisowifi/ng-http-error 使用教程

    什么是 @adopisowifi/ng-http-error? @adopisowifi/ng-http-error 是一个 Angular 应用程序的错误提醒库,它使用 Angular 的 Http...

    3 年前
  • npm 包 asp.php 使用教程

    ASP.NET 是一种广泛使用的 Web 应用程序开发技术。其后端代码通常使用 C# 或 VB.NET 等语言编写,并在 IIS 中运行。但是有些情况下,我们需要在前端使用 ASP.NET 的一些功能...

    3 年前
  • npm 包 assistant.php 使用教程

    前言 在前端开发中,我们常常需要使用一些后端提供的接口,比如登录验证、获取用户信息等。而这些接口要求我们向后端传递一些数据,并且接收后端返回的数据。assistant.php 是一个轻量级的PHP类库...

    3 年前
  • npm 包 atom.php 使用教程

    在前端开发中,使用一些优秀的工具能够极大地提高开发效率和效果。atom.php 就是一款非常实用的 npm 包,能够轻松地在前端中使用 PHP 代码。 本篇文章将详细介绍 atom.php 的安装和使...

    3 年前
  • npm 包 authenticate.php 使用教程

    前言 在开发 Web 应用程序时,用户身份验证是一项必不可少的任务。有很多种方法可以进行用户身份验证,其中一种方式是使用 PHP 服务器端语言来创建验证脚本。authenticate.php 就是一个...

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

    npm 是一个包管理器,它可以让我们方便地在前端项目中使用第三方库和工具。在前端开发中,我们经常需要使用一些相同的代码结构和目录结构,以便更好地管理我们的项目。为了避免重复的工作,开发人员可以使用生成...

    3 年前
  • npm 包 memememe 使用教程

    1. 什么是 memememe? memememe 是一个 npm 包,用于生成有趣的梗图,让页面更加有趣和生动。 2. 安装 memememe 在终端中输入以下命令: --- ------- ---...

    3 年前
  • npm 包 react-native-external-accessory 使用教程

    简介 react-native-external-accessory 是一个用于在 React Native 应用中与 iOS 设备外部附件通信的 npm 包。在 iOS 设备中,外部附件可以是通过 ...

    3 年前
  • npm 包 zkdj-gulp-cli 使用教程

    前言 为优化前端工程的开发过程,提高开发效率,常常需要使用自动化构建工具。gulp 是一个非常流行的自动化构建工具,可用于压缩 CSS、JavaScript、HTML 等文件,合并文件等操作,非常适合...

    3 年前
  • npm 包 assert.php 使用教程

    在前端开发中,我们经常需要进行一些判断和数据校验。assert.php 是一个方便的 npm 包,可以帮助我们实现类似 PHP 中的 assert() 函数的断言功能。

    3 年前
  • npm 包 asset.php 使用教程

    如果你是一名 web 前端开发者,那么你一定知道前端资源文件的重要性。在传统的开发中,我们通常使用直接引入资源文件的方式来获取我们所需要的样式和脚本。但了解过前端自动化构建的开发者一定知道,在开发前需...

    3 年前
  • npm 包 assist.php 使用教程

    前言 assist.php 是一个非常实用的 npm 包,可以方便地在前端使用 PHP 函数和模板引擎,与后端交互更加流畅。下面将详细介绍如何使用 assist.php 并且给出一些常见的使用示例。

    3 年前
  • npm 包 authentic.php 使用教程

    Authentic.php 是一个 npm 包,提供易用、高效的身份验证和用户管理功能,适用于前端、后端以及移动端应用程序。它基于 PHP 语言开发,可以方便地与大多数 Web 开发框架集成。

    3 年前
  • npm 包 auth.php 使用教程

    简介 auth.php 是一个适用于 PHP 后端的权限控制包,可以帮助开发者快速实现用户权限控制、角色管理等功能。 在前端开发中,经常需要与后端接口进行数据交互,并进行权限验证,因此理解和掌握 au...

    3 年前
  • npm 包 author.php 使用教程

    在前端开发中,我们经常会使用各种开源的 npm 包来快速完成一些功能。而其中一个比较常用的包就是 author.php。它是一个用于获取网站作者信息的 npm 包,可以方便地让我们在网站上展示作者以及...

    3 年前
  • npm 包 backup.php 使用教程

    当我们开发网站或应用程序时,我们往往需要备份我们的数据。一个好的备份工具可以防止我们失去重要的数据。在前端领域,backup.php 是一个备份工具,帮助我们快速备份我们的数据。

    3 年前
  • npm 包 bar.php 使用教程

    在前端开发中,很多时候需要与后端进行交互,而 bar.php 包是一个能够方便地与 PHP 后端进行数据通信的 npm 包。本文将详细介绍 bar.php 的使用方法,包括安装、配置、使用以及常见问题...

    3 年前
  • npm 包 base.php 使用教程

    什么是 base.php base.php 是一个 npm 包,提供了一系列 PHP 基础函数和操作方法,方便前端工程师使用 PHP 后端接口。 安装 你可以通过 npm 进行 base.php 的安...

    3 年前

相关推荐

    暂无文章