一个很酷很强的博客搭建工具，轻松拥有自己的个人网站，堪称模板！（带私活源码）

 作为技术人员，日常大家少不了记笔记，比较干货的内容有时就喜欢分享出来。

当然现在分享技术感悟的博客网站非常多，选择很多。

有没有更酷的玩法呢，比如自己搭建一个个人博客网站，将日常的思考或者生活以记录的形式分享下来。

今天给大家介绍一个博客搭建工具---VuePress，很适合个人使用当做系列知识笔记整理记录。

先看效果

首先看直观的界面，左侧是目录层级，右侧是画面简洁的内容。

常用 Markdown 的同学肯定看出来了，这格式不就是 Markdown 吗？是的，完全支持该语法。

类似于本地的 Typro，不过是更适合当做博客展示，而且支持多种主题。

关键内容的高亮展示：

介绍

一句话介绍：VuePress是 Vue 驱动的静态网站生成器。

VuePress 由两部分组成：第一部分是一个极简静态网站生成器，包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。

每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。

特点

• 简洁至上

支持 Markdown语法， 以最少的配置帮助你专注于内容的输出。

• Vue 驱动 

享受 Vue + webpack 的开发体验，可以在 Markdown 中使用 Vue 组件，又可以使用 Vue 来开发自定义主题。

• 高性能

VuePress 会为每个页面预渲染生成静态的 HTML，同时，每个页面被加载的时候，将作为 SPA 运行。

快速入门

官方也提供了快速入门教程，非常简单。

从头搭建一个简单的 VuePress 文档。如果想在一个现有项目中使用 VuePress 管理文档，从步骤 3 开始。

1. 创建并进入一个新目录

mkdir vuepress-starter && cd vuepress-starter

1. 使用你喜欢的包管理器进行初始化

yarn init # npm init

1. 将 VuePress 安装为本地依赖 我们已经不再推荐全局安装 VuePress

注意 如果你的现有项目依赖了 webpack 3.x，我们推荐使用 Yarn (opens new window)而不是 npm 来安装 VuePress。因为在这种情形下，npm 会生成错误的依赖树。

yarn add -D vuepress # npm install -D vuepress

1. 创建你的第一篇文档 README.md

mkdir docs && echo '# Hello VuePress' > docs/

1. 在 package.json 中添加一些 scripts(opens new window)

这一步骤是可选的，但我们推荐你完成它。在下文中，我们会默认这些 scripts 已经被添加。

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

1. 在本地启动服务器

VuePress 会在 http://localhost:8080 (opens new window)启动一个热重载的开发服务器。

yarn docs:dev # npm run docs:dev

官网：https://vuepress.vuejs.org/

开源地址：https://github.com/vuejs/vuepress

写在最后（私活源码）

项目介绍

Jeepay是一套适合互联网企业使用的开源支付系统，支持多渠道服务商和普通商户模式。已对接微信支付，支付宝，云闪付官方接口，支持聚合码支付。

Jeepay使用Spring Boot和Ant Design Vue开发，集成Spring Security实现权限管理功能，是一套非常实用的web开发框架。

项目特点

· 支持多渠道对接，支付网关自动路由

· 已对接微信服务商和普通商户接口，支持V2和V3接口

· 已对接支付宝服务商和普通商户接口，支持RSA和RSA2签名

· 已对接云闪付服务商接口，可选择多家支付机构

· 提供http形式接口，提供各语言的sdk实现，方便对接

· 接口请求和响应数据采用签名机制，保证交易安全可靠

· 系统安全，支持分布式部署，高并发

· 管理端包括运营平台和商户系统

· 管理平台操作界面简洁、易用

· 支付平台到商户系统的订单通知使用MQ实现，保证了高可用，消息可达

· 支付渠道的接口参数配置界面自动化生成

· 使用spring security实现权限管理

· 前后端分离架构，方便二次开发

· 由原XxPay团队开发，有着多年支付系统开发经验

系统架构

Jeepay计全支付系统架构图

核心技术栈

软件名称	描述	版本
Jdk	Java环境	1.8
Spring Boot	开发框架	2.4.5
Redis	分布式缓存	3.2.8 或 高版本
MySQL	数据库	5.7.X 或 8.0 高版本
MQ	消息中间件	ActiveMQ 或 RabbitMQ 或 RocketMQ
Ant Design Vue	Ant Design的Vue实现，前端开发使用	2.1.2
MyBatis-Plus	MyBatis增强工具	3.4.2
WxJava	微信开发Java SDK	4.1.0
Hutool	Java工具类库	5.6.6

开发部署

· 系统开发：https://docs.jeequan.com/docs/jeepay/dev_serv

· 通道对接：https://docs.jeequan.com/docs/jeepay/dev_channel

· 线上部署：https://docs.jeequan.com/docs/jeepay/deploy

· 接口文档：https://docs.jeequan.com/docs/jeepay/payment_api

功能模块

Jeepay运营平台功能

Jeepay商户系统功能

系统截图

以下截图是从实际已完成功能界面截取

开源地址

 扫码关注本号，后台回复 支付

扫码关注本号，后台回复 支付

持续关注本号，分享更多项目源码