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阅读
这里使用了主题reco,并且使用音乐播放插件，看板娘插件，全文检索插件，评论插件，复制代码插件等等。基础配置创建目录并初始化,初始化后会生成一个package.json文件mkdir vuepressBlog
cd /vuepressBlog
npm init -y下载vuepressnpm install -g vuepress创建docs目录，并在该目录下创建.vuep
转载
2024-04-03 13:16:42
97阅读
前段时间,docsify 的cdn崩了，我翻了一下很久之前的笔记，打开贼慢不说，样式全没了。于是下定决心找个时间看看有什么好的文档工具重新弄一个，虽然都是几年前的笔记文档，但毕竟这些笔记见证了我的成长，不能丢。最终选定了vuePress2，下面将记录使用 vuePress2 的详细过程。vuepress官方文档https://v2.vuepress.vuejs.org/zh/使用 vuepress
Vuepress 使用 github actins 实现自动部署说明在使用 Vuepress 写完文档后，就是部署了。那么如果每次都手动打包的话，比较麻烦，所以就使用 github 提供的自动部署服务， actions 来实现自动部署。配置首先是在使用 github actions 时，需要配置下 vuepress 项目的配置文件，看你需要部署在xxx.github.io/xxx/ 上，还是 xx
转载
2024-03-19 20:08:48
86阅读
介绍此主题继承至vuepress的默认主题，添加功能有标签页改造，主页改造，博客分类及展示，gitalk集成及gitalk自动化配置，最新google Analytics集成等。使用npm install vuepress-theme-reform -D # or yarn add vuepress-theme-reform
复制代码然后在docs/.vuepress/config.js文件中添加
转载
2024-08-23 20:36:21
91阅读
最近突然想重新做一下个人博客的网页，自己以前曾经使用过hexo编写过，现在准备使用vuepress了。vuepress的配置使用跟着官网的快速上手走基本就可以了，一些重要内容的配置主要是编写在config.js文件中的。vuepress官网不过因为我不太喜欢vuepress提供的默认模板样式，所以我去找了vuepress-theme-reco主题。这是一款简洁而优雅的 vuepress 博客 &a
转载
2024-05-14 16:43:32
230阅读
vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器，实际上就是一个vue的spa应用，内置webpack，可以用来写文档。这篇文章给大家介绍了VuePress搭建个人博客的过程，感兴趣的朋友一起看看吧。VuePressvuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器，实际上就是一个vue的spa应用，内置webpack，可以用来写文档。一个基于
?文章目录一、??网站题目二、✍️网站描述三、?网站介绍四、?网站演示五、⚙️ 网站代码?HTML结构代码?CSS样式代码 一、??网站题目?校园篮球网页设计、⚽足球体育运动、?体育游泳运动、?兵乓球 、?网球、等网站的设计与制作。二、✍️网站描述?️ 大学生校园运动静态HTML网页设计作品，采用DIV CSS布局制作，内容包括：校园运动、运动技巧、运动规则、技术规则、经典动作。页面主体内容区域
1>环境搭建
首先请确保已经拥有node环境，并装好淘宝镜像
cnpm install --global vue-cli —— 下载vue脚手架
vue init webpack 项目名称 ——利用脚手架创建项目 全部选N
cd到项目
cnpm install 安装项目依赖
npm run dev 运行值得一提的是，为了避免端口冲突，我们可以手动修改端口号：
修改端口号——build文件夹
超详细动手搭建一个Vuepress站点及开启PWA与自动部署五一之前就想写一篇关于Vuepress的文章,结果朋友结婚就不了了之了。记得最后一定要看注意事项！Vuepress介绍官网：https://vuepress.vuejs.org/类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。Vuepress特点响应式,也可以自定义主题与hexo类似内置markdo
前言看见大部分前端人都有自己博客，骤然发现自己还没有自己的博客，这可不行！别人有的 我也要有！ ps:我有自己的域名和服务器。本文详细说了自己如何快速使用VuePress快速搭建个人博客，看完不会打我(开玩笑的,大家不用看也是会的,但是可以帮我指出不足)。技术选用VuePress
，进入VuePress官网，快速上手。上手VuePress1.创建并进入一个新目录2.使用你喜欢的包管理器进行初始化3
转载
2024-05-20 22:26:33
339阅读
&00.上文回顾在上文 VuePress博客搭建笔记（一）简单上手 中，我简单阐述了VuePress博客搭建的过程，并对其中的一些问题进行分析记录，包括首页，侧边栏，导航栏，浏览器书签引入，挂载githubPage等等。本文将围绕着博客的个性化配置作一个整理。首先引用官网的原文重申一次VuePress博客搭建的过程：
Start
As Easy as 1, 2, 3
# i
转载
2024-08-23 20:17:14
45阅读
小景哥哥博客VuePress搭建博客教程(三)、vuepress首页面设置一、vuepress目录结构先来连接一下vuepress的目录结构，当然可以先不管继续看下面内容。VuePress 遵循 “约定优于配置” 的原则，推荐的目录结构如下：.
├── docs
│ ├── .vuepress (可选的)
│ │ ├── components (可选的)
│ │ ├── the
转载
2024-02-16 10:22:48
63阅读
文章目录1.背景2.GitHub Actions简介基本概念引用 ActionWorkflow 文件3.自动部署创建 Workflow权限问题4.小结参考文献 大咖好呀，我是恋喵大鲤鱼。 我的第二本开源书籍《后台开发命令 365》上线啦。为了方便阅读，使用 VuePress 将之前记录的后台常用 Linux 命令博文整理成一个系统的开源在线书籍，希望能够帮到大家。1.背景书籍需要不断修正完善，
转载
2024-07-15 10:57:04
55阅读
npm install -g vuepress npm init -y 新建文件夹docs配置package.json，添加下述兩行{ "scripts": {"dev": "vuepress dev docs","build": "vuepress build docs"
}
} 进入docs文件夹 创建 README.md文件此时运行命令npm run dev
转载
2021-03-12 11:01:48
324阅读
2评论
vuePress vuePress 由两部分组成：一个以 Vue 驱动的主题系统的简约静态网站生成工具，和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。 由 VuePress 生成的每个页面，都具有相应的预渲染静态 html，它们能提供出色的加载性能，并且对 s
转载
2020-12-08 13:42:00
208阅读
2评论
使用VuePress快速搭建博客最近我购买了服务器，准备搭建一个博客。VuePress介绍VuePress是Vuejs官方提供的一个是Vue驱动的静态网站生成器，基于Markdown语法生成网页。简单的说它就是一个快速建设文档站点的工具，在简单配置好功能后，需要做的事情就剩下写好一个个Markdown文档。!image.png(://s2.51cto.com/images/bl
原创
2022-09-14 23:50:11
208阅读
文章目录一、安装vuepress二、初始化项目三、页面内容配置遇到的问题：四、设置封面页五、配置导航栏 nav六、配置侧边栏 slider七、配置插件1.UI 插件2.支持 PWA八、github 部署1.创建 github 仓库2.配置仓库名称3.在项目根目录中,创建一个如下的脚本文件deploy.sh4.运行deploy.sh 脚本5.setting Github Pages九、Copy 自
第一步 在github新建项目，配置域名路径在github创建blog-demo项目，点击项目的setting，配置项目域名： 选择主题后，一步一步操作，等待一会可以生成自己的地址了：第二步 搭建自己的vuepress博客全局安裝VuePressnpm install -g vuepress//新建一个文件夹
mkdir new_project
//初始化项目
npm in
转载
2024-03-15 11:29:53
35阅读
前置环境安装需要node环境和npm支 如果不会安装npm请转到：安装指引vuePress概述Vue 驱动的静态网站生成器 基于markdown语法生成网页 可自定义和扩展样式 可以发布至github 详情请看官网 vuepress安装初始化全局安装更改npm默认下载路径 为taobao源npm config set registry https://registry.npm.taoba
转载
2024-02-28 12:53:29
103阅读
