百家饭团队开发的百家饭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阅读
最终效果使用方式页面效果一、需求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阅读
开篇搭建个人博客有很多方式,有Docsify、 VuePress、Docute 、Hexo等等这些完善的主题工具,我采用的是基于VuePressvuepress-theme-hope主题,结合vercel 进行部署,同时通过阿里云购买的域名进行配置,达到通过域名访问博客的目的。本人在线博客浏览地址:https://www.yznotes.cn/具体搭建方式看下文。vuepress主题搭建采用vu
转载 2024-09-10 10:23:21
107阅读
前言在 《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。本篇讲讲如何使用 Vssue 快速的实现评论功能。主题内置因为我用的是 vuepress-theme-reco 主题,主题内置评论插件 @vuepress-reco/vuepress-plugin-comments,可以根据
搭建流程前言一、主题介绍本博客使用的主题为:vuepress-theme-vdoing,相关介绍和使用方法可以参考该主题的官方文档官方文档快速上手二、模板套用为了减少搭建博客的成本,用的封装好了的快速搭建模板。Github访问地址如下:https://github.com/wuchubuzai2018/vuepress-blog-template三、目录结构介绍. ├── .github (可
本文由图雀社区成员 mRc[1] 写作而成,欢迎加入图雀社区[2],一起创作精彩的免费技术教程,予力编程行业发展。如果您觉得我们写得还不错,记得 点看 ,鼓励我们写出更好的教程????本篇我们将实现应用的部署,这篇教程将首先 Docker 来容器化你的应用,接着教你配置 MongoDB 的身份验证机制,给你的数据库添加一份安全守护,最后我们会带你使用阿里云的容器镜像服务将整个全栈应用部署
1.简介官网 https://vuepress.vuejs.org/zh/ Vue 驱动的静态网站生成器2.起步1.安装// 全局安装 yarn global add vuepress # 或者:npm install -g vuepress // 本地依赖安装 yarn add -D vuepress # npm install -D vuepress mkdir vuepress-start
一、设计docker部署和说明二、Jenkins在docker中的使用1、安装docker-Compose1)docker-compose是基于docker的编排工具,使容器的操作能够批量的,可视的执行,是一个管理多个容器的工具,有效解决容器之间的依赖关系。由python实现,调用docker服务实现对docker容器群的快速编排,主要通过一个单独的yaml文件,来定义一组容器为一个项目服务。2)
转载 2023-07-18 09:39:59
335阅读
随着开源项目knife4j添加的新特性越来越多,搭建一个开源软件的技术博客迫在眉睫,针对非专业前端的开发者来说,能快速搭建一个网站当然是最好的,正好,看到了VuePress这款产品特点简直是和自己完美契合,主要有几点;通过编写Markdown文件就可以轻松完成整个站点的内容输出,不用考虑排版,专注于协作基于Vue、Node等技术的可插拔式的自定义插件开发体系,构建自定义的主题、插件等简单、方便安装
转载 2024-05-07 13:47:01
26阅读
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
246阅读
前言在上一篇文章 vuepress(一):搭建个人博客插件的使用基础用法module.exports = { plugins: [ 'vuepress-plugin-xxx', .... ] }Babel 式module.exports = { plugins: [ [ 'vuepress-plugin-xxx', { /* options */ }
转载 2024-05-25 16:41:32
39阅读
项目地址​​https://github.com/liaoshengping/phpNote/tree/master/basis/container/my_container​​ 下载在本地 执行 index.php效果$app = new Application();$app->db->test();一般框架都有容器这个概念,当基础类多了,会很零散,所以得有一个东西能收纳这些功能。零
原创 2023-02-15 09:05:52
63阅读
前段时间,docsify 的cdn崩了,我翻了一下很久之前的笔记,打开贼慢不说,样式全没了。于是下定决心找个时间看看有什么好的文档工具重新弄一个,虽然都是几年前的笔记文档,但毕竟这些笔记见证了我的成长,不能丢。最终选定了vuePress2,下面将记录使用 vuePress2 的详细过程。vuepress官方文档https://v2.vuepress.vuejs.org/zh/使用 vuepress
1 什么是VuePressvuePress是以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
文章目录一、Flex 布局原理二、Flex 布局父项常见属性flex-direction:设置主轴的方向(项目的排列方向)justify-content:设置主轴上的子元素排列方式flex-wrap:设置子元素是否换行align-items:设置侧轴上的子元素的排列方式(单行)align-content:设置侧轴上的子元素的排列方式(多行)flex-flow:复合属性,相当于同时设置了 flex
转载 2024-07-14 10:39:49
100阅读
Vuepress Vuepress 从名字上看就知道
原创 2022-07-24 00:35:51
313阅读
续?VuePressVuePress-theme-hope 搭建个人博客 1【快速上手】项目常用命令 vuepress dev [dir] 会启动一个开发服务器,以便让你在本地开发你的 VuePress 站点。 vuepress build [dir] 会将你的 VuePress 站点构建成静态文件,以便你进行后续部署。使用模板如果使用 VuePress Theme Hope
转载 2024-07-31 13:00:50
45阅读
  • 1
  • 2
  • 3
  • 4
  • 5