随着开源项目knife4j添加的新特性越来越多,搭建一个开源软件的技术博客迫在眉睫,针对非专业前端的开发者来说,能快速搭建一个网站当然是最好的,正好,看到了VuePress这款产品特点简直是和自己完美契合,主要有几点;通过编写Markdown文件就可以轻松完成整个站点的内容输出,不用考虑排版,专注于协作基于Vue、Node等技术的可插拔式的自定义插件开发体系,构建自定义的主题、插件等简单、方便安装
转载
2024-05-07 13:47:01
26阅读
基本配置细节首页配置 首页配置文件是doc目录下的README.md文件,以下是一个如何使用的例子:---
home: true
heroImage: /hero.png
heroText: Hero 标题
tagline: Hero 副标题
actionText: 快速上手 →
actionLink: /zh/guide/
features:
- title: 简洁至上
detail
转载
2024-08-14 13:36:46
162阅读
用Vuepress搭建一个简单的手册网页,简洁不简单
上篇说了因为租了服务器为项目服务,但是总是觉得暴殄天物,放那儿吃灰也是吃灰,不如搭建个人网站玩玩。
问题:搭建个人网站,但是没有域名解析到服务器,只有ip可以连接上去,需不需要备案?用的腾讯云。
先不管什么备案的问题,一想到要手撸一个网站,脸都绿了,一个只知道一点简单的html、css、js的
转载
2024-04-03 00:04:37
74阅读
前言一、成品展示1. 技术文档网站:vue全家桶官网:vue、vuex、vue-cli、vue-router以及vuepress本身3. 官方文档VuePress二、开始搭建搭建之前建议大家先学习了解一下markdown语法,为之后的文档撰写做铺垫;1. 全局安装 VuePressnpm install \-g vuepress2. 创建并进入项目mkdir vuepress-demo &
转载
2024-03-29 13:56:22
75阅读
手把手教你使用 VuePress 搭建个人博客
有阅读障碍的同学,可以跳过第一至四节,下载我写好的
工具包:
git clone https://github.com/zhangyunchencc/vuepress-devkit.git 然后从第五节开始看。
一、为什么你需要一个博客?优秀的程序员都在写博客,写博客有很多好处:帮助自己梳理、总结、理解知识点(个人
转载
2024-06-18 13:09:43
19阅读
为什么选用VuePress:它是vue的一个子项目,学过vue的小伙伴可快速上手,此外它的极简风格也很让人喜欢,但是也可以安装各种主题,甚至自定义主题 它可以直接将我们写的markdown文件直接转成html 为什么选用gitee托管,gitee、github都有这样的服务,是免费的,选gitee是因为快,github可能访问速度很慢vue.js的官网就是用vuepress搭建的 https://
转载
2024-07-23 09:14:44
46阅读
4.1 项目结构首先说明一下官方推荐的目录结构:4.2 创建项目文件夹可以右键手动新建,也可以使用 mkdir 命令新建:mkdir vuepressBlogDemo全局安装 VuePressnpm install -g vuepress进入 vuepressBlogDemo 文件夹,初始化项目 使用 npm init 或 npm init -y(默认yes)npm init -y4.3 创建文件
转载
2024-07-24 17:43:34
100阅读
花了2天多的时间总算搭出一个博客的雏形了。 搭建的博客没有使用官方提供的主题,而是自己创建了一个主题。所以,在样式上,有自己的风格和特点。转入正题。
环境搭建安装VuePressyarn global add vuepress
或者:npm install -g vuepress
也可以直接下载我的代码。然后cnpm i 下载依赖 https://github.com/newway7/blog
转载
2024-02-29 06:50:12
55阅读
在项目扩展到一定程度,我们会对项目中大量的公共业务做封装,当多人开发时就带来一个问题:如何让所有人快速使用封装好的组件,降低学习成本?这里提供一个解决方案,那就是Vuepress框架,最新的 Vuepress2.x 框架已经蓄势待发,支持Vue3.x。一、创建一个基础Vuepress项目1、创建并进入一个新目录创建VuepressDocs目录mkdir VuepressDocs
cd Vuepre
转载
2024-06-27 17:13:24
252阅读
1 什么是VuePress?vuePress是以vue驱动的主题系统的简约静态网站生成工具2 如何搭建?在官方网址上说的其实很清楚的,这边简要的说一下2.1 利用npm 安装 vuepress# 初始化 npm
npm init -y
# 安装
yarn global add vuepress # 或者:npm install -g vuepress
# 新建一个 docs 文件夹
mkdir
转载
2024-02-22 16:43:50
97阅读
最终效果使用方式页面效果一、需求vitepress-theme-demoblock插件在编辑md文件时,不支持TSX模式,也无法import其他依赖,并且展开隐藏的vue代码都在md文件中,不够优雅,且每个md文件太长。至此弃用此拆件,改用自己封装demo组件二、plugins配置:在docs/.vitepress下新建config文件夹1、在config文件夹新建global.ts文件,代码如下
转载
2024-04-10 20:37:50
157阅读
说明最近想把常用的一些干货知识点都集中起来,方便发布和查找。相当于创建一个自己的知识库,我就叫它Java技术文档。虽然博客写文档也挺方便,但是在于文档的集中阅读和管理方面还是不够简洁和快速。此处就以Vue官方文档举例,它就是用的自家技术vuepress创建的。关于vuepresshttps://www.vuepress.cn/关于github pagesGithub Pages其实等于jekyll
转载
2024-04-22 11:34:55
88阅读
前段时间,docsify 的cdn崩了,我翻了一下很久之前的笔记,打开贼慢不说,样式全没了。于是下定决心找个时间看看有什么好的文档工具重新弄一个,虽然都是几年前的笔记文档,但毕竟这些笔记见证了我的成长,不能丢。最终选定了vuePress2,下面将记录使用 vuePress2 的详细过程。vuepress官方文档https://v2.vuepress.vuejs.org/zh/使用 vuepress
前言在上一篇文章 vuepress(一):搭建个人博客插件的使用基础用法module.exports = {
plugins: [ 'vuepress-plugin-xxx', .... ]
}Babel 式module.exports = {
plugins: [
[
'vuepress-plugin-xxx',
{ /* options */ }
转载
2024-05-25 16:41:32
39阅读
Vuepress Vuepress 从名字上看就知道
原创
2022-07-24 00:35:51
313阅读
百家饭团队开发的百家饭OpenAPI平台是用vuepress2.0搭建的,搭建的时候不知道2.0还处在beta状态,所以导致后来踩了一些坑,使用过程中vuepress2.0也从2.0.0-beta.18升到了2.0.0-beta.48,有很多的变化,所以想写一个教程介绍一下vuepress2.0的情况以及使用经验。大致计划写这些内容吧:vuep
转载
2024-03-29 13:48:27
56阅读
1)VuePress是什么?先让我们看看 VuePress能干什么?有什么效果?image.png
很像vue官网的文档页面,因为vuePress就是尤大大的一个力作
vuePress官网介绍介绍的很详细,这里只做搭建VuePress项目教程
2)安装
注意 VuePress基于node 8.0+
npm install -g vuepress
创建工作文件夹 study
进入文件夹
快速初始化p
转载
2024-08-30 22:37:25
45阅读
vuePress博客搭建指南需要node环境和npm支 如果不会安装npm请转到:安装指引vuePress概述Vue 驱动的静态网站生成器 基于markdown语法生成网页 可自定义和扩展样式 可以发布至github 详情请看官网 vuepress安装初始化全局安装更改npm默认下载路径 为taobao源npm config set registry https://registry.npm.ta
转载
2024-04-12 20:20:41
101阅读
一.前言VuePress 是尤雨溪推出的支持 Vue 及其子项目的文档需求而写的一个项目,UI简洁大方,官方文档详细容易上手二.搭建:1.新建一个工程目录为project可以手动右键新建,也可以使用下面的命令新建文件夹:使用git bash终端 $ mkdir project2. 全局安装VuePress$ 
转载
2024-04-25 09:12:13
101阅读
百家饭团队开发的百家饭OpenAPI平台是用vuepress2.0搭建的,搭建的时候不知道2.0还处在beta状态,所以导致后来踩了一些坑,使用过程中vuepress2.0也从2.0.0-beta.18升到了2.0.0-beta.48,有很多的变化,所以想写一个教程介绍一下vuepress2.0的情况以及使用经验。这里先给搜索进来的同学提个醒:
转载
2024-03-07 07:10:56
39阅读