VuePress是什么仅从单词上来看就是vue和press,press除了按压的意思外,还有报刊杂志和出版社等意思,所以可以理解为由vue驱动的出版工具。换个说法就是静态博客编写工具。后六字应该都不必解释,静态相对于动态而言即没有后端和数据库的参与,博客的生成仅依赖前端。与之类似的工具还有Hexo、hugo和jekyll等,今天的主角是VuePress。首页写东西的一点历史最开始的写东西是直接On
转载
2024-10-24 16:54:48
38阅读
vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器,实际上就是一个vue的spa应用,内置webpack,可以用来写文档。恰好最近需要为一些组件写文档,就动手撸了一波,毕竟刚发布,遇到不少坑,最终还是磕磕碰碰的运行起来了,为了避免大家踩同样的坑,特意将搭建的过程记录下来,分享一波。以下是几个已知的问题因为util.promisify是在node 8.0之后引入的,所以如果
转载
2024-08-01 05:50:10
172阅读
介绍:基于emlog的fee就是仿的此主题而来。 wordpress主题vieu基于Dux主题二次开发! 的一款专业打造轻量级个人企业风格博客主题! 专注于前端开发,全站响应式布局自适应模板。 适用范围:wordpress主题 后台登录保护:本模板支持后台自定义密码登录访问禁用xmlrpc等为您保驾护航 三种风格:页面拥有三种显示风格购买一套拥有三套模板风格分别为博客、cms、卡片 特色登录:本站
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阅读
静态网站生成器有哪些静态网站相比对是动态网站,而动态网站则不用说了,目前互联网各大平台可以说都是属于动态网站类型。用户基数大,总是要考虑运营的,而用户运营是运营必不可少的一环节。静态网站的交互性过于薄弱,因此不适合构建大型网站。更适合官方文档,企业网站,或者喜欢“极客”风的个人博客用户。而优点则是安全性好,加载速度快,有多大流量就能撑起多少用户。因事先生成好html相关文件,所以不用担心数据查询等
VuePress 是一款使用 Vue 驱动的静态网站生成器,是 Vue 的作者 Evan You 为了方便文档的编写而开发的。默认主题与 Vue 官方文档一致简洁,少配置,高性能Markdown 专为技术文档提供拓展自带 PWA自定义主题,可定制程度完全由自己决定官方文档:由于 1.x 还处于测试阶段,可能随时变更,所以建议选用 0.x 版本0.x 版本1.x 版本1. 初始化安装首先需要安装 v
转载
2024-04-30 22:11:13
103阅读
“组件”是 Vue 中比较基础的概念,但我发现,许多同学对 Vue 组件的概念和由来并不是清楚。因此,我希望通过这个专题,带大家换个角度来分析,最终让大家更清楚组件开发。首先,我们先不谈组件,我想问大家一个问题:我们平常用任何编程语言写方法(method)的时候,当一个方法里的逻辑过多时,我们会怎么办?当多个方法里有很多相似的逻辑时,我们该怎么办?答案很明了:拆分成一个独立的方法。如果拆分后还是有
大家好,我是晚枫。今天咱们聊聊程序员的“标配”——个人网站。说实话,程序员没有个个人网站,就像程序员没有几行 Bug 代码一样不完整。别急,我来给你盘盘怎么快速搞一个,顺便聊聊我踩过的坑和踩出来的路。
程序员为啥非得有个个人网站?
这个问题就像“程序员为啥要写代码”一样简单粗暴——因为有用啊!个人网站是你的技术名片,能帮你:
秀肌肉:把你的项目、代码、文章一股脑丢上去,让 HR 和技术大牛一眼
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阅读
随着开源项目knife4j添加的新特性越来越多,搭建一个开源软件的技术博客迫在眉睫,针对非专业前端的开发者来说,能快速搭建一个网站当然是最好的,正好,看到了VuePress这款产品特点简直是和自己完美契合,主要有几点;通过编写Markdown文件就可以轻松完成整个站点的内容输出,不用考虑排版,专注于协作基于Vue、Node等技术的可插拔式的自定义插件开发体系,构建自定义的主题、插件等简单、方便安装
转载
2024-05-07 13:47:01
26阅读
vue结合express实现服务器端渲染(ssr) 需要借助vue-server-renderer的依赖选项,该方法包含两个方法: 1、createRenderer创建一个服务器端渲染对象 2、该对象提供了一个renderToString方法,就是在我们写好的页面结构在服务器端拼接而成字符串,方便浏览器解析展示。-------------------------------------------
在项目扩展到一定程度,我们会对项目中大量的公共业务做封装,当多人开发时就带来一个问题:如何让所有人快速使用封装好的组件,降低学习成本?这里提供一个解决方案,那就是Vuepress框架,最新的 Vuepress2.x 框架已经蓄势待发,支持Vue3.x。一、创建一个基础Vuepress项目1、创建并进入一个新目录创建VuepressDocs目录mkdir VuepressDocs
cd Vuepre
转载
2024-06-27 17:13:24
252阅读
前言在上一篇文章 vuepress(一):搭建个人博客插件的使用基础用法module.exports = {
plugins: [ 'vuepress-plugin-xxx', .... ]
}Babel 式module.exports = {
plugins: [
[
'vuepress-plugin-xxx',
{ /* options */ }
转载
2024-05-25 16:41:32
39阅读
前段时间,docsify 的cdn崩了,我翻了一下很久之前的笔记,打开贼慢不说,样式全没了。于是下定决心找个时间看看有什么好的文档工具重新弄一个,虽然都是几年前的笔记文档,但毕竟这些笔记见证了我的成长,不能丢。最终选定了vuePress2,下面将记录使用 vuePress2 的详细过程。vuepress官方文档https://v2.vuepress.vuejs.org/zh/使用 vuepress
说明最近想把常用的一些干货知识点都集中起来,方便发布和查找。相当于创建一个自己的知识库,我就叫它Java技术文档。虽然博客写文档也挺方便,但是在于文档的集中阅读和管理方面还是不够简洁和快速。此处就以Vue官方文档举例,它就是用的自家技术vuepress创建的。关于vuepresshttps://www.vuepress.cn/关于github pagesGithub Pages其实等于jekyll
转载
2024-04-22 11:34:55
88阅读
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阅读
最终效果使用方式页面效果一、需求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阅读
WordPress 是一个免费的开源项目,使用 PHP 语言开发的博客平台,并逐步演化成一款内容管理系统软件,数据开发基于 MySQL,有许多第三方开发的免费模板,安装方式简单易用。其它详细信息请参考官方网站,有特别详细的说明,地址如下。官方英文网站:https://wordpress.org/官方中文网站:https://cn.wordpress.org/Halo 也是一个免费的开源项目,使用
转载
2024-03-05 21:54:19
197阅读
想要快速搭建自己的个人博客,记录自己的工作学习心得,争取当一条有梦想的咸鱼相信大家都了解过vue这个框架.而今天,我们的主角vuepress 就是vue的作者尤大大的一个作品.开源于大概2年前,其本意是用来为vue及其子项目写文档,现在被大部分人用来搭建个人博客.之前一直有所耳闻,vuepress可以搭建博客,但也只是有所耳闻罢了,这回趁着五一在家休息的时间,简单的学了下vuepress的用法.
转载
2024-05-14 14:19:06
76阅读