npm 包 hexo-yam 使用教程

阅读时长 3 分钟读完

一、前言

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

纠错
反馈