静态网站生成器有哪些静态网站相比对是动态网站,而动态网站则不用说了,目前互联网各大平台可以说都是属于动态网站类型。用户基数大,总是要考虑运营的,而用户运营是运营必不可少的一环节。静态网站的交互性过于薄弱,因此不适合构建大型网站。更适合官方文档,企业网站,或者喜欢“极客”风的个人博客用户。而优点则是安全性好,加载速度快,有多大流量就能撑起多少用户。因事先生成好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阅读
文章目录1.背景2.GitHub Actions简介基本概念引用 ActionWorkflow 文件3.自动部署创建 Workflow权限问题4.小结参考文献 大咖好呀,我是恋喵大鲤鱼。 我的第二本开源书籍《后台开发命令 365》上线啦。为了方便阅读,使用 VuePress 将之前记录的后台常用 Linux 命令博文整理成一个系统的开源在线书籍,希望能够帮到大家。1.背景书籍需要不断修正完善,
转载
2024-07-15 10:57:04
55阅读
一、VuePress本小节会帮助你从头搭建一个简单的 VuePress 文档。 默认大家安装了node环境和yarn~VuePress —— 一个极简静态网站生成器,它包含由Vue驱动的主题系统和插件API。
门槛低、上手快,扩展性强与Vue紧密贴合,支持自定义Vue组件推荐使用v1.x版本主要使用场景、个人网站、开源项目文档等官方文档地址创建并进入一个新目录mkdir vuepress-s
vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器,实际上就是一个vue的spa应用,内置webpack,可以用来写文档。恰好最近需要为一些组件写文档,就动手撸了一波,毕竟刚发布,遇到不少坑,最终还是磕磕碰碰的运行起来了,为了避免大家踩同样的坑,特意将搭建的过程记录下来,分享一波。以下是几个已知的问题因为util.promisify是在node 8.0之后引入的,所以如果
转载
2024-08-01 05:50:10
172阅读
大家好,我是晚枫。今天咱们聊聊程序员的“标配”——个人网站。说实话,程序员没有个个人网站,就像程序员没有几行 Bug 代码一样不完整。别急,我来给你盘盘怎么快速搞一个,顺便聊聊我踩过的坑和踩出来的路。
程序员为啥非得有个个人网站?
这个问题就像“程序员为啥要写代码”一样简单粗暴——因为有用啊!个人网站是你的技术名片,能帮你:
秀肌肉:把你的项目、代码、文章一股脑丢上去,让 HR 和技术大牛一眼
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阅读
VuePress是什么仅从单词上来看就是vue和press,press除了按压的意思外,还有报刊杂志和出版社等意思,所以可以理解为由vue驱动的出版工具。换个说法就是静态博客编写工具。后六字应该都不必解释,静态相对于动态而言即没有后端和数据库的参与,博客的生成仅依赖前端。与之类似的工具还有Hexo、hugo和jekyll等,今天的主角是VuePress。首页写东西的一点历史最开始的写东西是直接On
转载
2024-10-24 16:54:48
38阅读
快速建站:Hexo,WordPress,Zblog,Typecho方案HexoWordPressZblogTypecho静态是否否否后台无有有有源生Markdown支持无无支持操作程度很简单简单一般一般主题美观☆☆☆☆☆☆☆☆☆☆☆☆风格简洁☆☆☆☆☆☆☆☆☆☆☆☆1、Hexo数据都在本地操作,完成后在本地生成静态页面,可以通过git或者ftp部署上传到服务器。优点是静态的,不需要数据库和任何语言
转载
2024-10-29 10:12:16
22阅读
“组件”是 Vue 中比较基础的概念,但我发现,许多同学对 Vue 组件的概念和由来并不是清楚。因此,我希望通过这个专题,带大家换个角度来分析,最终让大家更清楚组件开发。首先,我们先不谈组件,我想问大家一个问题:我们平常用任何编程语言写方法(method)的时候,当一个方法里的逻辑过多时,我们会怎么办?当多个方法里有很多相似的逻辑时,我们该怎么办?答案很明了:拆分成一个独立的方法。如果拆分后还是有
Hexo安装和配置 1. Git安装和设置 github brew install git #Mac电脑使用brew安装 sudo apt-get install git #Ubuntu系统使用这条命令安装 然后设置好git账户使用Github Page搭建博客, 需要在github建立仓库,仓库名
转载
2018-02-04 20:47:00
102阅读
2评论
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阅读
花了2天多的时间总算搭出一个博客的雏形了。 搭建的博客没有使用官方提供的主题,而是自己创建了一个主题。所以,在样式上,有自己的风格和特点。转入正题。
环境搭建安装VuePressyarn global add vuepress
或者:npm install -g vuepress
也可以直接下载我的代码。然后cnpm i 下载依赖 https://github.com/newway7/blog
转载
2024-02-29 06:50:12
55阅读
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阅读
最终效果使用方式页面效果一、需求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 的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阅读