vue结合express实现服务器端渲染(ssr) 需要借助vue-server-renderer的依赖选项,该方法包含两个方法: 1、createRenderer创建一个服务器端渲染对象 2、该对象提供了一个renderToString方法,就是在我们写好的页面结构在服务器端拼接而成字符串,方便浏览器解析展示。-------------------------------------------            
                
         
            
            
            
                   百家饭团队开发的百家饭OpenAPI平台是用vuepress2.0搭建的,搭建的时候不知道2.0还处在beta状态,所以导致后来踩了一些坑,使用过程中vuepress2.0也从2.0.0-beta.18升到了2.0.0-beta.48,有很多的变化,所以想写一个教程介绍一下vuepress2.0的情况以及使用经验。这里先给搜索进来的同学提个醒:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-07 07:10:56
                            
                                39阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            0. 关于Vuepress其实Vuepress不仅限于搭建个人博客,还可以是个人网站以及任何静态网页。当然Vuepress的好处还是在于它是基于Markdown的,对于使用Markdown写作的用户来说非常方便。Vuepress v1版本基于Vue 2,而VuePress v2基于Vue 3,且支持TypeScript。考虑到目前v1版本的主题和插件比较丰富,因此本博客是基于Vuepress v1            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-13 13:23:36
                            
                                247阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            历经网上各种教程,实践之后进行总结记录,免得隔天就忘。 文章目录前言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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            想要快速搭建自己的个人博客,记录自己的工作学习心得,争取当一条有梦想的咸鱼相信大家都了解过vue这个框架.而今天,我们的主角vuepress 就是vue的作者尤大大的一个作品.开源于大概2年前,其本意是用来为vue及其子项目写文档,现在被大部分人用来搭建个人博客.之前一直有所耳闻,vuepress可以搭建博客,但也只是有所耳闻罢了,这回趁着五一在家休息的时间,简单的学了下vuepress的用法.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-14 14:19:06
                            
                                76阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            10分钟搭建个人博客关于VuePress环境搭建安装node8.0+node官网(opens new window)安装官网提示下载安装包安装即可安装完成后打开命令行工具,输入node -v,若返回版本信息则安装成功。创建博客工程# 安装vuepress
npm install vuepress -g
# 安装脚手架工具
npm install @vuepress-reco/theme-cl            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-25 21:33:10
                            
                                148阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            &00.上文回顾在上文 VuePress博客搭建笔记(一)简单上手 中,我简单阐述了VuePress博客搭建的过程,并对其中的一些问题进行分析记录,包括首页,侧边栏,导航栏,浏览器书签引入,挂载githubPage等等。本文将围绕着博客的个性化配置作一个整理。首先引用官网的原文重申一次VuePress博客搭建的过程:
   Start 
  As Easy as 1, 2, 3 
 # i            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-23 20:17:14
                            
                                45阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前言VuePress 由两部分组成:一个以 Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。致力于轻量级的文档框架,是基于vue之上的二度开发,但是在使用的时候也遇到过不少的问题,下面小谭鸡米花就把我在开发过程中遇到的常见问题列举出来,希望对大家有所帮助。1.动态文档实际开发中,会遇到多个文档的情况,要求提供一个侧            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-09 00:30:43
                            
                                122阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            最新博客链接Github链接查看此文档前应先了解,vuepress基本操作参考官方文档进行配置:vuepress-theme-recoVuePressSamKirkland / FTP-Deploy-Action最终效果最终效果链接思路下载vuepress-theme-reco官方的主题模板(脚手架),再根据自己的需要进行相应的修改,再根据自己的服务器配置Github Actions文件,最            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-23 19:44:34
                            
                                278阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器,实际上就是一个vue的spa应用,内置webpack,可以用来写文档。恰好最近需要为一些组件写文档,就动手撸了一波,毕竟刚发布,遇到不少坑,最终还是磕磕碰碰的运行起来了,为了避免大家踩同样的坑,特意将搭建的过程记录下来,分享一波。以下是几个已知的问题因为util.promisify是在node 8.0之后引入的,所以如果            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-01 05:50:10
                            
                                172阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            VuePress是什么仅从单词上来看就是vue和press,press除了按压的意思外,还有报刊杂志和出版社等意思,所以可以理解为由vue驱动的出版工具。换个说法就是静态博客编写工具。后六字应该都不必解释,静态相对于动态而言即没有后端和数据库的参与,博客的生成仅依赖前端。与之类似的工具还有Hexo、hugo和jekyll等,今天的主角是VuePress。首页写东西的一点历史最开始的写东西是直接On            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-24 16:54:48
                            
                                38阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前言昨天中午写了篇博文使用VuePress快速搭建个人博客,其中扩展提到留言板的功能,所以这算是续集了,下图是昨天立的flag那今天趁着中午午休就给安排上。留言板增加留言板tab在config.js配置中的nav里增加一个link配置项{ "text": '留言板', "link": '/blogs/views/messageBoard.html', "icon": 'reco-suggestio            
                
         
            
            
            
            一,本地搭建快速开始同 VuePress 官网:1,创建新文件夹并进入mkdir vuepress-test
cd vuepress-test2,初始化项目yarn init 或者npm init3, 安装VuePressyarn add -D vuepress 或者 npm install -D vuepress4,Vuepress默认以docs作为根目录,所以README.md是主页新建doc            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-26 10:49:27
                            
                                402阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Vuepress中文网1 安装 Node.jsVuePress 要求 Node.js 的版本 >= 8.6,本教程在是 Ubuntu18 下实验的;安装步骤:先从官网中获取安装包,下载 LTS 版本的;将下载的压缩包解压,其中bin目录下就是 node 的可执行文件;tar -xvf node-v14.15.4-linux-x64.tar.xz将 bin 目录添加到环境变量;# 添加至 ~/            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-13 20:31:25
                            
                                295阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在软件开发领域,技术的日新月异使得我们需要不断学习和掌握新的技能。其中,Vue.js和VuePress是两个备受关注的工具。Vue.js是一款流行的JavaScript框架,而VuePress则是一个由Vue驱动的静态站点生成器。将VuePress集成到Vue项目中,可以让我们更轻松地创建和管理文档。本文将探讨如何在Vue项目中集成VuePress,并从容应对软考中的相关考点。
一、VuePre            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-11-10 13:54:35
                            
                                335阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             文章目录?前言?配置一、安装axios1. 引入方式2. main.js引入axios3. 修改vue-router4. 创建Home.vue组件测试使用二、安装mock.js简介特征1. mockjs的安装:2. 配置3. 新建一个mock.js的文件4. 在mock.js文件中编写响应数据5. 使用vue-resource请求数据6. 使用axios请求数据安装axios引入注册使用测试 ?