npm 包 hexo-theme-wapiti 使用教程

简介

hexo-theme-wapiti 是一款简洁美观的 Hexo 博客主题,它基于 Pug 和 Sass 开发,支持文章分类、标签、评论等功能。

本文主要介绍如何使用 npm 包 hexo-theme-wapiti 来创建自己的博客网站。

安装 Hexo

在开始使用 hexo-theme-wapiti 之前,需要先安装 Hexo,可以通过以下命令安装:

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

初始化 Hexo

Hexo 安装完成之后,使用以下命令初始化 Hexo:

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

安装 hexo-theme-wapiti

在 Hexo 初始化完毕后,可以使用以下命令安装 hexo-theme-wapiti:

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

配置 Hexo

安装完 hexo-theme-wapiti 之后,需要将主题设置为默认主题。

在 Hexo 博客项目的根目录下找到 _config.yml 文件,打开并将主题设置为 hexo-theme-wapiti:

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

启动服务

配置完成后,启动 Hexo 服务:

---- -

个性化设置

hexo-theme-wapiti 有丰富的个性化设置选项,可以通过修改 _config.yml 文件来进行自定义设置。

站点标题和副标题

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

作者名称和简介

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

评论设置

hexo-theme-wapiti 内置了 disqus 和 Gitment 两种评论系统,可以按照以下方式进行配置:

Disqus 配置

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

Gitment 配置

在 Gitment 网站上注册并创建一个新的仓库,然后将以下配置项添加到 _config.yml 文件中:

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

导航菜单

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

示例代码

以下为一篇使用 hexo-theme-wapiti 搭建的示例文章,您可以将其保存在 source/_posts 目录下进行测试: ```markdown

title: Hello World date: 2022-01-01 00:00:00 categories: Hexo tags: [hexo, wapiti, theme]

Welcome to my blog powered by Hexo and wapiti theme.

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

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

猜你喜欢

  • npm 包 classless-js 使用教程

    在前端开发过程中,我们经常需要使用一些类库来协助完成一些任务,如操作 DOM 元素、发起网络请求等。而 npm 是一个专门用于 Node.js 的包管理器,它提供了各种各样的库供我们使用。

    2 年前
  • npm 包 fin-urls 使用教程

    今天我们要介绍的是一个很有用的 npm 包——fin-urls。这个 npm 包可以帮助我们对 URL 进行分析和拼接,使得我们可以更方便地在前端中操作 URL。 安装 fin-urls 首先,我们需...

    2 年前
  • npm 包 nodebb-plugin-ao-auth 使用教程

    简介 nodebb-plugin-ao-auth 是一个基于 Node.js 平台的第三方 npm 包,为 NodeBB 论坛提供了一种简单、安全的认证插件。本篇文章旨在为前端开发人员提供 nodeb...

    2 年前
  • npm 包 react-iscroll-context 使用教程

    简介 react-iscroll-context 是一个基于 iScroll 和 React 实现的滚动插件。它提供了基础的滚动功能,同时还支持高度自定义和扩展,方便开发者快速搭建出各式各样的滚动页面...

    2 年前
  • npm 包 simple-package 使用教程

    NPM (Node Package Manager) 是 Node.js 的包管理工具,是前端开发必备的技能之一。在实际项目中,我们经常需要使用别人封装好的包或者自己开发的包,为了节省时间和提高效率,...

    2 年前
  • npm 包 strman.leftpad 使用教程

    在前端开发中,我们时常需要对字符串进行处理。其中一个常见的场景就是需要对字符串进行补齐,比如在数字前面补0以保持一定的位数,或者在字符串前面补空格。而这时候,npm 包 strman.leftpad ...

    2 年前
  • npm 包 strman.lefttrim 使用教程

    在前端开发过程中,字符串处理是一个很常见的任务。而对于字符串的处理,其包含的内容也很广泛,比如字符串剪切、替换等等。在这些任务中,strman.lefttrim 这个 npm 包,可以方便地实现字符串...

    2 年前
  • npm 包 strman.prepend 使用教程

    在前端开发过程中,频繁地操作字符串是常见的任务之一。为了使字符串的处理更加便捷和高效,我们可以使用一些常用的 npm 包来辅助开发。其中,strman 就是一个十分实用的 npm 包,提供了一系列关于...

    2 年前
  • npm 包 strman.prependarray 使用教程

    在前端开发中,处理字符串是一项基础性的工作。STRMAN 是一个简便的 JavaScript 字符串操作库,提供了众多操作方法,可以让我们更轻松地处理字符串。其中,strman.prependarra...

    2 年前
  • npm 包 strman.removeemptystrings 使用教程

    前言 在前端开发中,我们经常需要对字符串进行处理。一个常见的问题是如何去除字符串中的空白字符。JavaScript 中的 String 类型提供了很多方法来完成这个任务,比如 trim()、repla...

    2 年前
  • npm包`strman.removeleft`使用教程

    在前端开发中,你可能会需要处理一些字符串,例如删除字符串左侧的字符,例如常用的trim()方法只能删除字符串两侧的字符。而这时候,strman.removeleft就可以派上用场了。

    2 年前
  • npm 包 strman.removenonwords 使用教程

    在前端开发中,我们经常需要对字符串进行处理,而 strman.removenonwords 是一款提供了去除字符串中非单词字符的 npm 包。本文将详细介绍 strman.removenonwords...

    2 年前
  • npm 包 strman.removeright 使用教程

    strman.removeright 是一个常用的 npm 包,可以帮助开发者在前端项目中轻松移除字符串右侧指定长度的字符。在前端开发中,字符串的处理是非常常见的一项任务,因此熟练掌握该 npm 包的...

    2 年前
  • npm 包 strman.repeat 使用教程

    strman.repeat 是一个常用的 npm 包,可以用于字符串的重复操作。在前端开发过程中,字符串的重复操作非常常见,例如生成多个连续的字符串,或者填充一些字符。

    2 年前
  • npm 包 strman.replace 使用教程

    介绍 在前端开发中,字符串处理是一个必不可少的环节。npm 包 strman.replace 来自于 strman.js 标准库,它是一个面向字符串处理的工具库,提供了多种常用的字符串处理方法。

    2 年前
  • npm 包 strman.removespaces 使用教程

    在前端开发中,经常需要对字符串进行处理,其中删除空格是一种常见的需求。npm 包 strman.removespaces 可以方便地实现删除字符串中的空格,本文将介绍该 npm 包的使用教程。

    2 年前
  • npm包strman.reverse使用教程

    strman.reverse是一个npm包,可以帮助前端开发者轻松地翻转字符串。在日常的开发中,翻转字符串是一种常见的操作,可以用于实现字符串匹配、密码加密等功能。

    2 年前
  • npm 包 strman.rightpad 使用教程

    简介 在前端开发过程中,字符串处理是非常常见的需求。而 npm 包 strman 提供了一系列字符串操作的便捷方法,其中的 rightpad 方法可以很方便地实现字符串右侧填充。

    2 年前
  • npm 包 strman.righttrim 使用教程

    前言 在前端开发中,我们经常需要对字符串进行处理,处理字符串的操作不管是在开发过程中还是在实际应用中都是非常常见的。现在介绍一款 npm 包 strman.righttrim,它的作用是去除字符串右边...

    2 年前
  • npm包 strman.safetruncate 使用技巧

    在前端开发中,字符串的处理非常常见,而npm包strman.safetruncate就是一个非常实用的字符串处理工具。它可以用来截断字符串并确保从任何位置截取字符串而不会中断单词或引号等。

    2 年前

相关推荐

    暂无文章