&00.上文回顾在上文 VuePress博客搭建笔记（一）简单上手 中，我简单阐述了VuePress博客搭建的过程，并对其中的一些问题进行分析记录，包括首页，侧边栏，导航栏，浏览器书签引入，挂载githubPage等等。本文将围绕着博客的个性化配置作一个整理。首先引用官网的原文重申一次VuePress博客搭建的过程：
Start
As Easy as 1, 2, 3
# i
转载
2024-08-23 20:17:14
45阅读
花了2天多的时间总算搭出一个博客的雏形了。 搭建的博客没有使用官方提供的主题，而是自己创建了一个主题。所以，在样式上，有自己的风格和特点。转入正题。
环境搭建安装VuePressyarn global add vuepress
或者：npm install -g vuepress
也可以直接下载我的代码。然后cnpm i 下载依赖 https://github.com/newway7/blog
转载
2024-02-29 06:50:12
55阅读
参考文章 https://book.hliedu.com/guide/notes/vuepress.html
原创
2022-02-25 13:40:02
132阅读
前段时间,docsify 的cdn崩了，我翻了一下很久之前的笔记，打开贼慢不说，样式全没了。于是下定决心找个时间看看有什么好的文档工具重新弄一个，虽然都是几年前的笔记文档，但毕竟这些笔记见证了我的成长，不能丢。最终选定了vuePress2，下面将记录使用 vuePress2 的详细过程。vuepress官方文档https://v2.vuepress.vuejs.org/zh/使用 vuepress
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阅读
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
106阅读
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阅读
在项目扩展到一定程度，我们会对项目中大量的公共业务做封装，当多人开发时就带来一个问题：如何让所有人快速使用封装好的组件，降低学习成本？这里提供一个解决方案，那就是Vuepress框架，最新的 Vuepress2.x 框架已经蓄势待发，支持Vue3.x。一、创建一个基础Vuepress项目1、创建并进入一个新目录创建VuepressDocs目录mkdir VuepressDocs
cd Vuepre
转载
2024-06-27 17:13:24
252阅读
一、安装node.js 环境，必须8以上的！如果没有安装node，可在node官网选择对应操作系统下载安装：https://nodejs.org/zh-cn/可在终端使用node -v命令来查看node版本。如果node版本低，请把node版本升级到8.0以上。二、打开cmd 执行npm install -g vuepress查看版本vuepress --version...
原创
2020-02-28 11:23:46
851阅读
最近突然想重新做一下个人博客的网页，自己以前曾经使用过hexo编写过，现在准备使用vuepress了。vuepress的配置使用跟着官网的快速上手走基本就可以了，一些重要内容的配置主要是编写在config.js文件中的。vuepress官网不过因为我不太喜欢vuepress提供的默认模板样式，所以我去找了vuepress-theme-reco主题。这是一款简洁而优雅的 vuepress 博客 &a
转载
2024-05-14 16:43:32
230阅读
VuePress 由两部分组成：一部分是支持用 Vue 开发主题的极简静态网站生成器，另一个部分是为书写技术文档而优化的默认主题。它的诞生初衷是为了支持 Vue 及其子项目的文档需求。每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面被加载，Vue 将接管这些静态内容，并将其转换成一个完整的单页应用（SPA），其他的
转载
2024-05-05 21:54:18
158阅读
第一步 在github新建项目，配置域名路径在github创建blog-demo项目，点击项目的setting，配置项目域名： 选择主题后，一步一步操作，等待一会可以生成自己的地址了：第二步 搭建自己的vuepress博客全局安裝VuePressnpm install -g vuepress//新建一个文件夹
mkdir new_project
//初始化项目
npm in
转载
2024-03-15 11:29:53
35阅读
前言看见大部分前端人都有自己博客，骤然发现自己还没有自己的博客，这可不行！别人有的 我也要有！ ps:我有自己的域名和服务器。本文详细说了自己如何快速使用VuePress快速搭建个人博客，看完不会打我(开玩笑的,大家不用看也是会的,但是可以帮我指出不足)。技术选用VuePress
，进入VuePress官网，快速上手。上手VuePress1.创建并进入一个新目录2.使用你喜欢的包管理器进行初始化3
转载
2024-05-20 22:26:33
339阅读
小景哥哥博客VuePress搭建博客教程(三)、vuepress首页面设置一、vuepress目录结构先来连接一下vuepress的目录结构，当然可以先不管继续看下面内容。VuePress 遵循 “约定优于配置” 的原则，推荐的目录结构如下：.
├── docs
│ ├── .vuepress (可选的)
│ │ ├── components (可选的)
│ │ ├── the
转载
2024-02-16 10:22:48
63阅读
当我们的组件库具备一些组件之后，需要开发者能够更流畅地使用，就需要有使用文档。这里我是用vuepress来搭建对应的开发文档。关于如何独立地使用vuepress，我之前地文章可以参考本文地内容也是和这个差不多，只不过整合了vue的组件使用范例。一，安装VuePressnpm install -D vuepress二，新建基础文件根目录下新建如下文件：--docs
----README.md
---
转载
2024-05-14 14:19:19
232阅读
step1 (初始化项目) 目前vuePress官方已经发布两个版本0.x and 1.x，在使用过程中发现1.x存在一些问题。例如:项目不能热更新config.js文件中的更改，navbar显示异常等问题，因此小弟建议使用0.x。这部分可以按照官网的 快速上手 来初始化项目,我使用的是npm方式1. npm install -g vuepress (
转载
2024-04-03 13:10:17
75阅读
github仓库地址：https://github.com/18518300669/JackTeslaBlogVuePress中文网：http://caibaojian.com/vuepress/guide/介绍VuePress 由两部分组成：一个以Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。由 VuePres
这里使用了主题reco,并且使用音乐播放插件，看板娘插件，全文检索插件，评论插件，复制代码插件等等。基础配置创建目录并初始化,初始化后会生成一个package.json文件mkdir vuepressBlog
cd /vuepressBlog
npm init -y下载vuepressnpm install -g vuepress创建docs目录，并在该目录下创建.vuep
转载
2024-04-03 13:16:42
97阅读
历经网上各种教程，实践之后进行总结记录，免得隔天就忘。 文章目录前言1.VuePress使用（不使用vuepress的可以跳过）2.Github Actions 自动部署（详细）部署过程：配置deploy.yml补充：ACCESS_TOKEN的创建补充：获取DEPLOY_PRIVATE_KEY的方式：两个插件的地址：非自动部署到github，本地自动构建（deply.sh配置） 前言记录一下这几天
转载
2024-07-22 10:34:54
100阅读
需要工具nodeGitGithub账号VuePressVuePress是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 来书写内容（如文档、博客等），然后 VuePress 会帮助你生成一个静态网站来展示它们。Vuepress不止可以这样 还可以是这样开始运行环境需要依赖node，所以在安装之前，请确保操作系统已经安装了node，我运行时的版本为v14.17.3安装
转载
2024-05-14 16:08:26
48阅读
