npm 包 hexo-yam 使用教程

一、前言

Hexo 是一个快速、简洁且高效的静态博客框架,可用于创建个人博客、摄影摄像、作品集等。Hexo 是用 Node.js 写的,可以使用 npm 包来方便自己的开发,也可以借鉴他人的开发经验。本文主要介绍的是 hexo-yam,是一款比较好用的 Hexo 主题,包含多种个性化选项。

二、安装 hexo-yam

首先,在全局环境中安装 Hexo:

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

然后,初始化一个新的 Hexo 博客:

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

接着,将 hexo-yam 主题添加到博客中:

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

最后,在 Hexo 的配置文件_config.yml 中启用 hexo-yam 主题:

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

三、hexo-yam 使用详解

  1. 文章略读

hexo-yam 主题支持文章略读功能,在博客首页只展示文章的一部分内容,以吸引用户点击进入查看完整文章。在文章头部的 YAM 插图下添加 excerpt。

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

----
  1. 个性化设置

hexo-yam 主题支持多种个性化设置,包括网站标题、博客副标题、Logo、博主昵称、社交媒体链接等。这些设置都在 Hexo 的配置文件_config.yml 中进行调整。以修改网站标题为例:

- ----
------ -- ----
  1. 自定义菜单

hexo-yam 主题支持自定义菜单,可以在底部导航栏添加自己的链接,例如 Github、微博、知乎等。

-----
  ----- -
  --------- ---------
  ------- ---------------------------
  1. 代码高亮

在代码块的前后分别添加,就可以让代码高亮呈现。比如:

```javascript
console.log('hello world'); ```

  1. 评论插件

hexo-yam 主题支持多种评论插件,常用的包括 Disqus 和 Gitment 等。将评论插件的相关配置写入到 Hexo 的配置文件_config.yml 中即可。

四、结束语

本文主要介绍了如何安装和使用 hexo-yam 主题,并从文章略读、个性化设置、自定义菜单、代码高亮和评论插件等方面进行了详细讲解。希望读者在使用 hexo-yam 主题时,能够获得更多的灵感和启示。

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


猜你喜欢

  • npm包`jsonfilter`使用教程

    简介 jsonfilter是一个用于过滤和转换JSON数据的npm包,它提供了一种简单的方式来将JSON数据转换为另一个格式。 它支持多种过滤器,如选择器、映射器和转换器,并且可以非常方便地与其他np...

    6 年前
  • npm 包 doiuse 使用教程

    在前端开发中,我们常常会遇到浏览器兼容性的问题。为了解决这个难题,有一个非常好用的 npm 包叫做 doiuse。 什么是 doiuse doiuse 是一个基于 postcss 的插件,可以检查 C...

    6 年前
  • npm 包 check-deps 使用教程

    当你开发一个大型的前端项目,你可能需要管理很多的依赖包。为了确保这些依赖包的安全性和稳定性,你需要经常监视它们的更新并及时做出相应的变更。 check-deps 是一个方便的 npm 包,可以帮助你快...

    6 年前
  • npm 包 gulp-check-deps 使用教程

    当我们在开发前端项目时,我们经常会使用许多第三方库和插件。这些库通常是通过npm包管理器安装的。但是,如果我们的项目中存在过多的依赖项,就很难保证所有依赖项的版本一致性和正确性。

    6 年前
  • npm 包 cachebust 使用教程

    在前端开发中,我们经常使用第三方依赖包来加速开发。但是,这些依赖包通常需要从远程服务器下载。当我们频繁地重新构建或部署应用程序时,这会导致重复下载相同的依赖包,浪费时间和带宽。

    6 年前
  • gulp-cache-bust 使用教程

    简介 gulp-cache-bust是一个npm包,它可以帮助前端开发人员有效地解决浏览器缓存问题。在网站升级或更新时,由于浏览器可能会缓存旧的资源文件,导致新的改动并不会立即生效,影响用户的访问体验...

    6 年前
  • npm 包 gulp-add-src 使用教程

    gulp-add-src 是一个方便的 Gulp 插件,用于将额外的文件流添加到现有的 Gulp 文件流中。在前端开发中,我们通常需要从多个源中收集文件,并在构建过程中将它们合并成单个文件。

    6 年前
  • npm 包 lodash.every 使用教程

    在前端开发中,经常需要对数组进行各种操作,例如筛选、排序、过滤等。而 lodash 是一款非常优秀的 JavaScript 工具库,其中的 every() 方法可以用来判断数组中的所有元素是否都满足某...

    6 年前
  • npm 包 gulp-rsync 使用教程

    什么是 gulp-rsync? gulp-rsync 是一个 npm 包,它为 Gulp 提供了一种简单的方式来同步(或者上传)本地文件到远程服务器。 它是基于 rsync 命令行工具构建的。

    6 年前
  • npm 包 `is-empty-object` 使用教程

    在前端开发中,我们经常需要判断一个对象是否为空。如果使用传统的方式,需要写很多冗余的代码来完成这个任务。为了解决这个问题,我们可以使用 is-empty-object 这个 npm 包来判断一个对象是...

    6 年前
  • npm 包 parker 使用教程

    在前端开发中,我们经常需要对 CSS 文件做一些分析以便于优化页面性能。而 npm 包 parker 正是一个用于分析 CSS 的工具库。本文将详细介绍如何使用 parker 进行 CSS 分析。

    6 年前
  • npm 包 panini 使用教程

    简介 Panini 是一个基于 Handlebars 的前端模板引擎,可以让你快速地生成 HTML 页面、邮件和文档。它具有以下特点: 支持数据绑定和逻辑控制 具有可扩展性和可自定义的选项 格式简洁...

    6 年前
  • npm 包 capitalize 使用教程

    什么是 npm 包 capitalize capitalize 是一个可在前端和后端使用的 JavaScript 库,它可以将字符串的第一个字母大写。 它非常易于使用,并且已经被广泛应用于许多前端和后...

    6 年前
  • npm 包 array-move 使用教程

    在前端开发中,经常需要对数组进行操作。而有时候我们需要将某个元素移动到数组的另一个位置,这时候就可以使用 array-move 这个 npm 包。本文将介绍如何安装和使用 array-move。

    6 年前
  • Octophant npm包教程

    Octophant是一个npm包,它提供了一些实用的工具来快速处理数字和字符串。在本文中,我们将学习如何安装Octophant以及如何使用它来解决一些常见的前端问题。

    6 年前
  • npm包json-format使用教程

    在前端开发中,我们经常需要处理和解析JSON格式的数据。而在输出JSON数据时,为了更好地阅读和调试,通常需要对其进行格式化。json-format是一个常用的npm包,可以将JSON格式的数据转换为...

    6 年前
  • npm 包 npm-force-resolutions 使用教程

    在前端开发中,我们经常会使用 npm 包来管理依赖关系。但有时候我们可能会遇到依赖冲突的问题,这就需要使用 npm-force-resolutions 这个包来解决。

    6 年前
  • npm 包 undertaker-forward-reference 使用教程

    Undertaker-forward-reference 是一个 NPM 包,它可以帮助前端开发人员解决 Undertaker 任务执行器在引用任务时出现的循环依赖问题。

    6 年前
  • npm 包 supercollider 使用教程

    supercollider 是一个音频合成器和实时编程语言。它可以用于创建复杂的音乐编排,可视化效果或音频处理。本文将介绍如何使用 npm 包来安装和使用 supercollider。

    6 年前
  • npm 包 sassy-lists 使用教程

    介绍 sassy-lists 是一个基于 Sass 的 npm 包,提供了一系列有用的列表函数和 mixin,可以方便地生成各种列表,例如数字列表、字母列表、斑马线列表等。

    6 年前

相关推荐

    暂无文章