一、前置准备1.1 准备Github账号(可选)Github是当前全球最流行的代码托管平台,我们可以把VuePress代码托管到Github上,然后通过它静态站点功能进行发布和预览。所以,需要先拥有一个github的账号,没有的话可以注册一个,另外Github还有一系列工具:Github CLI、Github Desktop、Github CodeSpace、Electron。1.2 安装Git
转载
2024-09-26 09:24:16
29阅读
VitePress:Vite & Vue 驱动的静态网站生成器 https://github.com/vuejs/vitepressVuePress的小兄弟,建立在vite的基础上npm install -D vitepressecho '# Hello VitePress' > index.md# starts dev servernpx vitepress# build >
当我们的组件库具备一些组件之后,需要开发者能够更流畅地使用,就需要有使用文档。这里我是用vuepress来搭建对应的开发文档。关于如何独立地使用vuepress,我之前地文章可以参考本文地内容也是和这个差不多,只不过整合了vue的组件使用范例。一,安装VuePressnpm install -D vuepress二,新建基础文件根目录下新建如下文件:--docs
----README.md
---
转载
2024-05-14 14:19:19
232阅读
VuePress 由两部分组成:一部分是支持用 Vue 开发主题的极简静态网站生成器,另一个部分是为书写技术文档而优化的默认主题。在VuePress应用的目录里面,一个.md文件可以生产一个.html文件,文件夹目录下默认访问README.md文件,也就相当于目录下的index.html,所以本地测试环境访问的链接如:http://localhost:8081/bar/barOne.html。确保
转载
2024-04-02 22:11:09
130阅读
前言看见大部分前端人都有自己博客,骤然发现自己还没有自己的博客,这可不行!别人有的 我也要有! ps:我有自己的域名和服务器。本文详细说了自己如何快速使用VuePress快速搭建个人博客,看完不会打我(开玩笑的,大家不用看也是会的,但是可以帮我指出不足)。技术选用VuePress
,进入VuePress官网,快速上手。上手VuePress1.创建并进入一个新目录2.使用你喜欢的包管理器进行初始化3
转载
2024-05-20 22:26:33
339阅读
文章目录前言安装并使用element-ui安装目录结构使用一番今日参考 前言今天接着上一篇electron的文章往下写。操作仍然是在win10下的powershell下进行的。主要记录element-ui的安装与使用。安装并使用element-ui安装在项目根目录,执行如下命令完成element-ui的安装。npm i element-ui -S安装完之后,我们看项目根目录下的package.j
Redis是什么Redis is an open source (BSD licensed), in-memory data structure store, used as a database, cache and message broker. It supports data structures such as strings, hashes, lists, sets, sorted s
转载
2024-10-08 12:31:44
53阅读
分布式开源监控服务器zabbix 最新监控模板,请访问:www.zabbix.org/wiki/Zabbix_Templates 包含以下几个方面:1、Network devices2、Servers3、Network Appliances4、Monitoring Equipment5、Power (UPS)6、Printers7、Cooling (A/C)8、Applications9、Data
原创
2016-08-01 10:46:33
2677阅读
花了2天多的时间总算搭出一个博客的雏形了。 搭建的博客没有使用官方提供的主题,而是自己创建了一个主题。所以,在样式上,有自己的风格和特点。转入正题。
环境搭建安装VuePressyarn global add vuepress
或者:npm install -g vuepress
也可以直接下载我的代码。然后cnpm i 下载依赖 https://github.com/newway7/blog
转载
2024-02-29 06:50:12
55阅读
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阅读
随着开源项目knife4j添加的新特性越来越多,搭建一个开源软件的技术博客迫在眉睫,针对非专业前端的开发者来说,能快速搭建一个网站当然是最好的,正好,看到了VuePress这款产品特点简直是和自己完美契合,主要有几点;通过编写Markdown文件就可以轻松完成整个站点的内容输出,不用考虑排版,专注于协作基于Vue、Node等技术的可插拔式的自定义插件开发体系,构建自定义的主题、插件等简单、方便安装
转载
2024-05-07 13:47:01
26阅读
在项目扩展到一定程度,我们会对项目中大量的公共业务做封装,当多人开发时就带来一个问题:如何让所有人快速使用封装好的组件,降低学习成本?这里提供一个解决方案,那就是Vuepress框架,最新的 Vuepress2.x 框架已经蓄势待发,支持Vue3.x。一、创建一个基础Vuepress项目1、创建并进入一个新目录创建VuepressDocs目录mkdir VuepressDocs
cd Vuepre
转载
2024-06-27 17:13:24
252阅读
前段时间,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阅读
说明最近想把常用的一些干货知识点都集中起来,方便发布和查找。相当于创建一个自己的知识库,我就叫它Java技术文档。虽然博客写文档也挺方便,但是在于文档的集中阅读和管理方面还是不够简洁和快速。此处就以Vue官方文档举例,它就是用的自家技术vuepress创建的。关于vuepresshttps://www.vuepress.cn/关于github pagesGithub Pages其实等于jekyll
转载
2024-04-22 11:34:55
88阅读
最终效果使用方式页面效果一、需求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阅读
邮政Zabbix部署方案1、架构设计考虑到ECS的数量多和扩展性问题,中间使用proxy代理。这样既能减轻server端的性能负载问题,又便于扩展,需要扩展ECS监控,可以基于server端新建proxy,子系统的监控通过proxy处理之后再发送给server端。Zabbix Proxy是实现Zabbix分布式监控的重要组成部分,是连接Zabbix Agent和Zabbix Server的“中间人
转载
2024-10-28 17:36:15
25阅读
文章目录一、opencv是什么?二、使用步骤1.引入库2.图片的预处理总结 前言提随着人工智能的不断发展示:这里可以添加本文要记录的大概内容: 例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考 一、opencv是什么?OpenCV是Intel开源计算机视觉库。它由一系列 C 函
转载
2024-10-05 11:44:44
81阅读
前言在上一篇文章 vuepress(一):搭建个人博客插件的使用基础用法module.exports = {
plugins: [ 'vuepress-plugin-xxx', .... ]
}Babel 式module.exports = {
plugins: [
[
'vuepress-plugin-xxx',
{ /* options */ }
转载
2024-05-25 16:41:32
39阅读