VuePress

之前用过 Docsify + Serverless Framework 快速创建个人博客系统 ，虽然 docsify 也是基于 Vue，然而它是完全的运行时驱动，因此对 SEO 不够友好。所以这次尝试使用 VuePress 来搭建一个静态网站，依然部署在 Serverless 架构上。 简单介绍一下： VuePress ：由两部分组成，第一部分是一个 极简静态网站生成器 ；另一个部分是为书写技术文档而优化的 默认主题 。每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一旦页面被加载，Vue 将接管这些静态内容，并将其转换成一个完整的单页应用（SPA），其他页面则会只在用户浏览到的时候才按需加载。 Serverless Framework ：在 GitHub 上有三万颗星，业界非常受欢迎的无服务器应用框架，开发者无需关心底层资源即可部署完整可用的 Serverless 应用架构。 接下来我们分三步进行： 创建项目 → 配置 yml 文件 → 部署 ▎工具准备 首先确保系统包含以下环境： Node.js (Node.js 版本需不低于 8.6，建议使用 10.0 及以上版本) Git 1. 安装 Serverless Framework $ npm install -g serverless 2. 安装

3 月，跳不动了？>>> 最新博客链接 Github链接 查看此文档前应先了解， vuepress基本操作 参考官方文档进行配置： vuepress-theme-reco VuePress SamKirkland / FTP-Deploy-Action 最终效果 最终效果链接 思路 下载vuepress-theme-reco官方的主题模板（脚手架），再根据自己的需要进行相应的修改，再根据自己的服务器配置Github Actions文件，最后上传到Github，触发Github Actions自动构建部署到第三方服务器。以后就只需提交markdown文件到Github，Github Actions便可自动部署到第三方服务器 用到的东西 vuepress-theme-reco VuePress Github Actions SamKirkland / FTP-Deploy-Action 相关 vuepress-theme-reco: 一款简洁而优雅的 vuepress 博客 & 文档 主题。 Github Actions: GitHub 操作 帮助您在您存储代码的同一位置自动执行软件开发工作流程，并协作处理拉取请求和议题。 您可以写入个别任务，称为操作，并结合它们创建一个自定义的工作流程。 工作流程是您可以在仓库中创建的自定义自动化流程，用于在 GitHub 上构建、测试、封装

vuepress 官网 vuepress 是使用vue驱动的静态网站生成器，与Docsify 不一样的是编译它后是静态网页可以直接拷贝到其它项目中使用。 目录结构 docs：用于存储markdown文件 docs.vuepress：用于存储vuepress配置文件，样式，以及公共文件 docs\demo：非固定名称，存储markdown的二级目录，可以有多个 docs\images：非固定名称，存储markdown中使用的图片，不能放到二级目录中否则编译中会被忽略 docs[ README.md ]( http://README.md ) : 文档首页，加入部分特殊语法的markdown README特殊部分如下，其它的随意。 **actionLink:**点击按钮后进入的页面。 --- home: true heroImage: actionText: 快速开始 → actionLink: /demo/test1/ features: - title:title1 details: details1 - title: title2 details: details2 - title: title3 details: details3 footer: MIT Licensed | Copyright © 2019-d --- 配置说明 重要配置说明： *. dest

巧借 Excel 、 开源中国博客HTML编辑器 实现在VuePress中插入任意格式表格数据 。 1. 在Excel中编辑好自己的表格 2. 打开自己的开源中国博客网站 ① 打开网站后，新建一篇博客。 ② 将已编辑好的Excel表格复制到博客中。 ③ 预览博客中的表格没问题后点击 源码 按钮。 ④ Ctrl+A 复制所有源码内容到自己的Markdown文件中。 3. 预览VuePress中的表格效果 来源： oschina 链接： https://my.oschina.net/zhenggao/blog/3169020

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 安装 # install globally npm install -g vuepress # create a markdown file echo "# Hello VuePress!" > README.md # start writing 监听8081端口 vuepress dev . # build vuepress build . 相关链接 https://segmentfault.com/a/1190000015237352?utm_source=tag-newest package.json代码 { "name": "vuepress_netlify", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "docs:dev": "vuepress dev docs", "docs:build": "vuepress build docs" }, "keywords": [], "author": "", "license": "ISC" } ./vuepress/config.js 代码