简介
vuepress-theme-fishingkm 是一款基于 Vuepress 的主题，设计灵感来自于钓鱼，给人以轻松、自然的感觉，适合用于博客、个人网站等。
安装
在使用之前，你需要安装 Vuepress：
npm install -g vuepress # OR yarn global add vuepress
之后，你可以使用 npm 或 yarn 安装此主题：
npm install -D vuepress-theme-fishingkm # OR yarn add -D vuepress-theme-fishingkm
使用
配置
在 .vuepress/config.js 中进行配置：
module.exports = {
title: '我的博客',
description: '这是我的博客',
theme: 'fishingkm'
}页头页脚
在 .vuepress/theme/components 文件夹下，你可以找到 Layout.vue 文件，其中包含了页头和页脚，你可以在此文件中进行自定义：
-- -------------------- ---- -------
----------
-----
------- --
---------
----- --
----------
------- --
------
-----------自定义主题
在 .vuepress/theme 文件夹下，你可以找到所有与该主题相关的文件，你可以在此文件夹下新建文件扩充主题。
自定义样式
在此处你可以自定义样式，也可以使用 SCSS 或 LESS 进行扩展。
在 .vuepress/theme/styles 文件夹下，可以找到 index.styl 或 default.scss 或 default.less 文件，这里你可以直接修改或扩展样式。
-- -------------------- ---- -------
-- ------------
---------------- -
-- ------
-------- -
-------- -
---------- -----
-
----------- -
---------- -----
-
-
-
---- -
-- ----
------ ----
-自定义组件
在 .vuepress/theme/components 文件夹下，你可以新建文件或修改现有组件，以改变主题。
-- -------------------- ---- -------
----------
---- ---------------
------ ----- -------
------
-----------
--------
------ ------- -
------ -
------ -
----- -------
-------- --
-
-
-
---------
------ -------
------- -
----------------- -----
------ -----
-------- -----
-
--------插件
此主题包含了一些插件，这些插件有利于构建博客或网站，你可以根据自己需要启用它们。
@vuepress/plugin-blog
此插件允许你将 Vuepress 构建成一个博客，它提供了诸如分类、标签、归档等功能。
在 .vuepress/config.js 中进行配置：
-- -------------------- ---- -------
-------------- - -
------ ------------
-------- -
-
-----------------
-
------------ -
-
--- -------
-------- ---------
----- ----------
-------------- --------------------------------
-
-
-
-
-
-你在 ./_posts 目录下新建 markdown 文件，就能将它们自动转换成博客文章，例如 ./_posts/2022-01-01-hello-world.md，可以通过 /posts/2022/01/01/hello-world.html 访问。
@vuepress/plugin-google-analytics
此插件让你能够在你的网站中插入 Google Analytics 脚本。
在 .vuepress/config.js 中进行配置：
-- -------------------- ---- -------
-------------- - -
-------- -
-- --- ----
-
-----------------------------
-
----- --------
-
-
-
-将 xxxxxx 替换为你的 Google Analytics tracking ID。
@vuepress/plugin-pwa
此插件可让您将 Vuepress 构建为 PWA 应用程序。
在 .vuepress/config.js 中进行配置：
-- -------------------- ---- -------
-------------- - -
-------- -
-- --- ----
-
----------------
-
-------------- -----
------------ ----
-
-
-
-结尾
至此，我们已经完成了 vuepress-theme-fishingkm 的使用教程，如果你有疑问或建议，欢迎留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5e51ab1864dac6713a