# 宗强的技术手册

**Repository Path**: zong__qiang/technical-manual

## Basic Information

- **Project Name**: 宗强的技术手册
- **Description**: 利用vitePress搭建的个人博客，一直在用
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-06
- **Last Updated**: 2025-10-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 介绍

利用[VitePress | v1.3.0](https://vitepress.dev/zh/guide/what-is-vitepress)搭建的个人技术手册

## 创建过程

执行如下命令，你也能创建属于自己的静态资源网站

**nodeJs版本需要18及以上版本**

```PowerShell
# 创建一个本地文件夹，例如：technical-manual
mkdir technical-manual && cd technical-manual

#在technical-manual安装vitepress(npm/pnpm/yarn都可以)
yarn add -D vitepress

#初始化一个项目
yarn vitepress init

# 会有几个自定义配置的步骤，直接按enter一直下一步，即可创建模板项目
```

## 运行项目

```shell
# 本地启动
yarn run docs:dev

# 打包成静态文件
yarn run docs:build

# 预览打包后的文件
yarn run docs:preview
```

## 安装的依赖

### markdown-it-custom-attrs

执行如下命令，安装此依赖

```shell
yarn add markdown-it-custom-attrs --save
```

vitepress添加图片放大预览效果，参考：https://blog.csdn.net/www1577791638/article/details/126091280

## 参考

- [四万字符数带你使用 Vitepress 构建博客并部署到 github 平台](https://segmentfault.com/a/1190000044948735)