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阅读
?文章目录一、??网站题目二、✍️网站描述三、?网站介绍四、?网站演示五、⚙️ 网站代码?HTML结构代码?CSS样式代码 一、??网站题目?校园篮球网页设计、⚽足球体育运动、?体育游泳运动、?兵乓球 、?网球、等网站的设计与制作。二、✍️网站描述?️ 大学生校园运动静态HTML网页设计作品,采用DIV CSS布局制作,内容包括:校园运动、运动技巧、运动规则、技术规则、经典动作。页面主体内容区域
  这里使用了主题reco,并且使用音乐播放插件,看板娘插件,全文检索插件,评论插件,复制代码插件等等。基础配置创建目录并初始化,初始化后会生成一个package.json文件mkdir vuepressBlog cd /vuepressBlog npm init -y下载vuepressnpm install -g vuepress创建docs目录,并在该目录下创建.vuep
转载 2024-04-03 13:16:42
97阅读
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评论
文章目录1.背景2.GitHub Actions简介基本概念引用 ActionWorkflow 文件3.自动部署创建 Workflow权限问题4.小结参考文献 大咖好呀,我是恋喵大鲤鱼。 我的第二本开源书籍《后台开发命令 365》上线啦。为了方便阅读,使用 VuePress 将之前记录的后台常用 Linux 命令博文整理成一个系统的开源在线书籍,希望能够帮到大家。1.背景书籍需要不断修正完善,
vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器,实际上就是一个vue的spa应用,内置webpack,可以用来写文档。这篇文章给大家介绍了VuePress搭建个人博客的过程,感兴趣的朋友一起看看吧。VuePressvuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器,实际上就是一个vue的spa应用,内置webpack,可以用来写文档。一个基于
小景哥哥博客VuePress搭建博客教程(三)、vuepress首页面设置一、vuepress目录结构先来连接一下vuepress的目录结构,当然可以先不管继续看下面内容。VuePress 遵循 “约定优于配置” 的原则,推荐的目录结构如下:. ├── docs │ ├── .vuepress (可选的) │ │ ├── components (可选的) │ │ ├── the
转载 2024-02-16 10:22:48
63阅读
前言看见大部分前端人都有自己博客,骤然发现自己还没有自己的博客,这可不行!别人有的 我也要有! ps:我有自己的域名和服务器。本文详细说了自己如何快速使用VuePress快速搭建个人博客,看完不会打我(开玩笑的,大家不用看也是会的,但是可以帮我指出不足)。技术选用VuePress ,进入VuePress官网,快速上手。上手VuePress1.创建并进入一个新目录2.使用你喜欢的包管理器进行初始化3
转载 2024-05-20 22:26:33
339阅读
0. 简介  进入到cnblog这个大园子以后,和其他的一些博客网站比起来,少了些小功能,比如旁边CSDN上的目录。不过好在大神辈出,博客园可以通过申请JS权限来进行目录的生成。  由于本人在JS以及CSS上纯小白,不过一些代码还是可以看懂的,刚好园子里有着许多前辈的模板,就直接拿来使用了,在此也谢谢原作者。1. JS代码  想要生成目录,许多都说需要JS修改权限,那个这里就直接进入设置页面,找到
nginx部署VuePress生成的静态博客编译打包 yarn docs:build #编译打包打包成功nginx配置 location / { root html/dist; index index.html index.htm; try_files $uri $uri/ /index.html; }...
原创 2022-01-12 15:31:25
3114阅读
文章目录一、项目背景二、项目功能三、项目的基本流程1.准备工作2.数据库设计3.准备前端页面4.实现前端匹配的Servlet所需功能5.项目难点 一、项目背景在学习完JavaWeb相关知识后,有了基础能力就想通过完成一个Javaweb项目来回顾和加强已经学过的知识,并且希望在这个过程中发现自己的不足并加以改正。 由于之前一直都在CSDN上分享自己的学习过程,对CSDN博客系统的功能有了一定的了解
2、新建项目2.1 创建SpringBoot项目首先新建一个SpringBoot项目,项目信息大家可以随便填,不过为了开发方便,最好跟我的截图保持一致:2.2 添加依赖点击下一步后选择依赖,其中:必选依赖: ThymeleafSpring SecurityMyBatis FrameworkMySQL DriverLombok【这个依赖其实也非必选,不过加了可以少写很多代码】非必选依赖:
使用vuepress搭建个人博客
原创 精选 2023-07-04 22:01:48
630阅读
自媒体越来越受重视,写作能力也变得更加重要,但万事开头难,第一步:构建一个人文章发布平台,都难道不少人,今天介绍一种免费搭建个人博客系统的方法,不仅能成为自己写作平台,还可以将文章轻松发布到其他公共平台上,准备好了吗 虽然是整个过程都是免费的,但是有一定的学习成本,不过只要静下心来了解概念,按照步骤操作,一定能得到自己满意的效果 主要流程是:用流行的 Hexo 博客系统,利
前段时间,docsify 的cdn崩了,我翻了一下很久之前的笔记,打开贼慢不说,样式全没了。于是下定决心找个时间看看有什么好的文档工具重新弄一个,虽然都是几年前的笔记文档,但毕竟这些笔记见证了我的成长,不能丢。最终选定了vuePress2,下面将记录使用 vuePress2 的详细过程。vuepress官方文档https://v2.vuepress.vuejs.org/zh/使用 vuepress
Python, 是一种面向对象的解释型计算机程序设计语言,由荷兰人Guido van Rossum于1989年发明,第一个公开发行版发行于1991年。Python语法简洁清晰,特色之一是强制用空白符(white space)作为语句缩进。Python具有丰富和强大的库。它常被昵称为胶水语言,能够把用其他语言制作的各种模块(尤其是C/C++)很轻松地联结在一起。常见的一种应用情形是,使用Python
Vuepress 使用 github actins 实现自动部署说明在使用 Vuepress 写完文档后,就是部署了。那么如果每次都手动打包的话,比较麻烦,所以就使用 github 提供的自动部署服务, actions 来实现自动部署。配置首先是在使用 github actions 时,需要配置下 vuepress 项目的配置文件,看你需要部署在xxx.github.io/xxx/ 上,还是 xx
VuePress 由两部分组成:一个以 Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。
原创 2024-03-19 13:56:20
122阅读
有阅读障碍的同学,可以跳过第一至四节,下载我写好的工具包: git clone https://github.com/zhangyunchencc/vuepress-devkit.git 然后从第五节开始看。 一、为什么你需要一个博客? 优秀的程序员都在写博客,写博客有很多好处: 帮助自己梳理、总结
转载 2022-12-26 17:17:57
720阅读
1点赞
???欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以
原创 2024-04-17 11:26:45
73阅读
  • 1
  • 2
  • 3
  • 4
  • 5