VuePress & Markdown Slot refs https://vuepress.vuejs.org/zh/guide/markdown-slot.html#为什么需要-markdown-插槽 xgqfrms 2012-2020 www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!…

前言 在 <一篇带你用 VuePress + Github Pages 搭建博客>中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档. 本篇讲讲如何使用 Vssue 快速的实现评论功能. 主题内置 因为我用的是 vuepress-theme-reco 主题,主题内置评论插件 @vuepress-reco/vuepress-plugin-comments,可以根据自己的喜好选择 Valine 或者 Vssue. 本篇讲讲使用 Vssue 实现评论功能的…

超详细动手搭建一个Vuepress站点及开启PWA与自动部署 五一之前就想写一篇关于Vuepress的文章,结果朋友结婚就不了了之了. 记得最后一定要看注意事项! Vuepress介绍 官网:https://vuepress.vuejs.org/ 类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽.当然搭建成博客也不成问题. Vuepress特点 响应式,也可以自定义主题与hexo类似 内置markdown(还增加了一些扩展),并且可以在其使用Vue组件 Google Analytic…

通过vue组件实现跟:Element相似的效果.需要在VuePress网站中将自己的项目中的Vue组件运行结果展示在页面中. 至于如何将组件在VuePress网站中展示请参考:https://segmentfault.com/a/1190000017242116 当项目中的Vue组件的运行结果可以在页面展示以后,接下来就是要将自己的代码展示在Vuepress网站中. 在VuePress网站中展示自己的代码 因为可以在markdown中使用Vue组件,所以可以自己专门写一个Vue组件来写一个效果跟…

VuePress 相关链接 完整的Vue组件代码以及完整的文档,仅适用于个人参考学习: 文档预览地址:预览链接 使用VuePress编辑文档的代码访问:组件文档 完整代码:组件代码 Vue组件开发 这篇文章主要是记录自己在使用VuePress过程中所遇到的问题以及如何一步一步的解决问题. 安装vuepress前,请确保你的 Node.js 版本 >= 8 全局安装 # 安装 yarn global add vuepress 或者:npm install -g vuepress # 新建一个 ma…

vuepress是一个静态网站生成器,在我看来就是写博客和教程的好工具.教程请见官网:https://www.vuepress.cn 安装方法建议局部安装:node8.0以上,新建vue项目,可能会出现版本冲突等问题,我也不知道是怎么解决的.然后按照官网命令行安装,整个项目就成了一个静态网站.文件的目录结构需要自己创建,虽然官网有推荐的目录结构,但是自定义啦.然后开发时可能会出现代码与运行结果不同步的现象,多用运行和打包两个命令行就好啦.另外,建议看看作者的源码,自带原理与教程! 他的主要模块有…

VuePress 这篇文章主要是记录自己在使用VuePress过程中所遇到的问题以及如何一步一步的解决问题. 安装vuepress前,请确保你的 Node.js 版本 >= 8 全局安装 # 安装 yarn global add vuepress 或者:npm install -g vuepress # 新建一个 markdown 文件 echo '# Hello VuePress!' > README.md # 开始写作 vuepress dev . # 构建静态文件 vuepress bu…

VuePress是什么? VuePress是以Vue驱动的静态网站生成器,是一个由Vue.Vue Router和webpack驱动的单页应用.在VuePress中,你可以使用Markdown编写文档,然后生成网页,每一个由VuePress生成的页面都带有预渲染好的HTML,也因此具有非常好的加载性能和搜索引擎优化.同时,一旦页面被加载,Vue将接管这些静态内容,并将其转换成一个完整的单页应用,其他的页面则会只在用户浏览到的时候才按需加载. 详情请看VuePress官方文档 VuePress特性…

手把手教你使用 VuePress 搭建个人博客 有阅读障碍的同学,可以跳过第一至四节,下载我写好的工具包: git clone https://github.com/zhangyunchencc/vuepress-devkit.git 然后从第五节开始看. 一.为什么你需要一个博客? 优秀的程序员都在写博客,写博客有很多好处: 帮助自己梳理.总结.理解知识点(个人提升) 帮助别人理解知识点(好人一生平安) 简历更好看,更多面试机会(升职加薪) 二.什么是 VuePress,为什么要使用 VueP…

Qt4中的信号槽 Qt4中的信号槽是通过SIGNAL,SLOT两个宏,将参数转换成字符串.Qt编译前,会从源码的头文件中提取由signal和slot声明的信号和槽的函数, 将其组成一张信号和槽对应的字符串表.connect函数的作用是,将信号关联的槽字符串,同这张表的信息进行对比.这样信号发出的时候,就可以知道调用哪一个槽函数了. Qt4信号槽的不足 没有编译期的检查:Qt4中的信号槽会被宏转化成字符串处理,而字符串的比较机制是在程序运行的时候检测的.而且,转换成字符串后,信号槽的参数数据类型就…

今天来玩一玩vuePress的使用,用markdown来编辑一个页面网站,这里谈论到了简单使用,细节可以去官网上去查看 开始安装 项目依赖 // package.json { "name": "jkl", "version": "1.0.0", "description": "", "main": "index.js", "scripts…

前言 因为自己平时经常写博客,也有博客网站,所以 Leader 叫我做一个 CMS 的帮助中心的技术选型,CMS 的帮助中心的功能:是通过文章来教用户如何使用我们的项目. 所以笔者要做一个静态网站的技术选型,笔者把网上流行的 VuePress 和 GitBook 两种方式都尝试了一下,并做了对比,这里写篇文章总结一下,顺便把自己的博客网站重作一便,哈哈. 1. VuePress 1.1 简介 VuePress 是 Vue 驱动的静态网站生成器. 简洁至上 以 Markdown 为中心的项目结构,…

先来一下演示效果.和vue的官方文档几乎是一致的,页面内容都可自定义. 此教程部署后的效果预览. 在你跟着教程搭建好项目之后,你会收获: 快速搭建一个文档/博客,后期只需要修改markdown内容和导航参数,即可一键打包生成页面. 页面具有非常好的加载性能和搜索引擎优化(SEO),其他的页面则会只在用户浏览到的时候才按需加载. 自动生成全局搜索.记录上次修改时间等功能. 可嵌入vue组件或跳转至其他页面,可定制自己的样式模板便于扩展. 一键免费部署到 github.pages,无需服务器即可拥有…

VuePress可以帮你快速建站,使用MarkDown语法生成静态html yum install -y gcc-c++ make curl -sL https://rpm.nodesource.com/setup_10.x | sudo -E bash - sudo yum install -y nodejs #安装yarn包管理器 npm install yarn -g #安装vuepress yarn global add vuepress 或者 npm install -g vuepre…

vuepress的官方文档:https://vuepress.vuejs.org/zh/guide/ 参考:https://segmentfault.com/a/1190000016333850 https://juejin.im/post/5d1f1136f265da1ba77cc3d3 https://juejin.im/post/5d1ab9c151882579dd60d5e0 视频教程:https://www.bilibili.com/video/av78052346?p=2 搭建一个v…

在 VuePress 中增加用户登录 VuePress 是 Vuejs 官方提供的一个快速建设文档站点的工具,在简单配置好功能后,需要做的事情就剩下写好一个个 Markdown 文档. 因为 VuePress 提供了可以在 Markdown 中使用 Vue 的能力,所以有时候,希望可以在它的文档功能基础上增加部分常规功能,比如用户登录:有团队希望公司建设的文档内容仅公司员工可查看,因为有可能会有涉及内容保密的部分 VuePress 本身的安装配置过程不再赘述,可参考官方文档,本文将介绍使用 v-…

介绍 先睹为快 我们在开发一个小小的 React 组件库,但是我们遇到了一个大难题,那就是为我们的组件库书写一个合理的文档. 作为组件文档,我们非常希望我们的组件用例代码能够展现出来,是的我们在书写文档的时候,能够有直观的交互体验. 为了达到这一点,我开发一款文档构建工具 ReStory.如果熟悉 Vuepress 的同学一定不陌生,这可以说是 Vuepress 的 React 版本. ReStory 的能力 能够直接在 Markdown 文档中书写 React 组件,任意的 React 组件…

目录 最终效果 思路 总体 过程 用到的东西 相关 创建Github仓库 创建Github仓库 SSH密钥链接Github 生成SSH密钥 Github添加SSH密钥 测试SSH密钥 配置VuePress 安装VuePress 安装yarn Debian / Ubuntu Windows 更换国内的源 安装VuePress VuePress目录结构 配置依赖和脚本 配置package.json 页面的设置 首页 文档属性 markdown扩展 默认主题设置 导航栏 侧边栏 Git仓库 其他 插件…

使用VuePress搭建个人博客 VuePress 是一个基于 Vue 的静态网站生成器.其中主要用到:Vue,VueRouter,Webpack. 类似的工具:hexo 基于 Markdown 语法生成网页 可以使用 Vue 开发的组件 使用 VuePress 搭建个人博客: 创建远程仓库 本地博客项目搭建 其它 创建远程仓库 来到Github,创建仓库 没有用户的话先注册.新建一个仓库: 点左边的New或右上角加号里面的New repository 填写仓库名,点Create reposit…

前言: 开发vue组件库需要提供组件的使用文档,最好是有渲染到浏览器的demo实例,既能操作又能查看源代码.markdown作为常用的文档编写载体,如果能在里面直接写vue组件,同时编写使用说明就再好不过.流行的组件库element-ui的文档就是用markdown写出来的,看了看其处理md的程序后,自己也决定写一个类似的处理程序,研究一下其中的细节. 技术点 1.markdown-it 处理markdown最常用的工具是markdown-it,它能把我们写的markdown文件转换为html.…

vuepress博客主题-vuepress-theme-reco是一款简洁而优雅的 vuepress博客&文档主题.它既可以成为简洁而又不失美观的主题,又可以书写你的项目文档,看起来更有逼格. 主题官方介绍: 这是一个vuepress主题,旨在添加博客所需的分类.TAB墙.分页.评论等能: 主题追求极简,根据 vuepress 的默认主题修改而成,官方的主题配置仍然适用: 效果:午后南杂 文档:vuepress-theme-reco-doc 如果没有接触过VuePress,这里有一篇指北: 如何…

一.概述 VuePress是2018年由尤雨溪发布的一个全新的基于Vue的静态网站生成器,它是一个非常轻量级的静态网站生成器.VuePress主要用于生成技术文档,其类似于Gitbook,我们可以用于博客或文档说明,并且我们不仅可以直接访问网页,还可以将其快速的部署在GitHub上. 为什么我们要选取VuePress平台?很多的技术人员包括程序员和开发人员都会写博客或技术文档,以此用于梳理总结技术中出现的关键点等重要信息,同时经互联网公开发布的博客或技术文档也能为别人带来新的对所学技术新的理解.…

原文参考链接 手把手教你使用 VuePress 搭建个人博客 有阅读障碍的同学,可以跳过第一至四节,下载我写好的工具包: git clone https://github.com/zhangyunchencc/vuepress-devkit.git 然后从第五节开始看. 一.为什么你需要一个博客? 优秀的程序员都在写博客,写博客有很多好处: 帮助自己梳理.总结.理解知识点(个人提升) 帮助别人理解知识点(好人一生平安) 简历更好看,更多面试机会(升职加薪) 二.什么是 VuePress,为什么要…

vuepress官网 vuepress是尤大开发来写文档的静态页面.可以用Markdown 语法,并且也可以使用vue模块化的方式开发页面. vuepress-theme-reco 是另外的开发者开发的 vuepress主题.本文将介绍依赖这个主题,构建GitHub pages静态博客的详细过程 提前说明:本过程比较详细,相当于手把手的教,针对于不熟悉vuepress的人介绍的,大佬不喜勿喷. 第一步:新建一个GitHub仓库 1. 仓库名随便取,不用以 username.github.io 这…

内容目录 安装初始化核心配置导航栏配置侧边栏配置静态资源配置nginx部署typora编写 安装初始化 全局安装  npm install -g vuepress 创建目录 mkdir vurepress-blog 项目初始化,初始化完成生成package.json文件 cd vurepress-blog npm init -y 在当前目录中创建docs目录,存放博客书籍内容 mkdir docs 配置首页显示(以下为默认配置)docs下创建README.md ---home: truehero…

VuePress教程之深入理解插件API 本文目录 1 VuePress教程之深入理解插件API 2 插件 ??? 2.1 暖暖身 2.2 插件如何运作 3 准备 3.1 Markdown 3.2 Pages 3.3 Ready 4 自定义的指令 5 Dev 5.1 建立 webpack 配置 5.2 Dev server 6 Build 6.1 建立 webpack 配置 6.2 生成页面 7 总结 别名: 通过插件 API 来深入了解 VuePress VuePress教程-极客中心 插件…

前言 VuePress 由两部分组成:第一部分是一个极简静态网站生成器 (opens new window),它包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持 Vue 及其子项目的文档需求. 概要 基础命令 基础配置 总结 基础命令(粘贴复制就行了,我也是复制过来的) mkdir vuepress-starter && cd vuepress-starter yarn init # npm init yarn add -D…

项目结构 ├─docs │ ├─.vuepress --vuepress相关文件路径 (主要配置) │ │ ├─dist --build 打包生成路径 (自定义) │ │ ├─nav --导航条配置 (自定义) │ │ │ └─ zh.js --自定义导航条配置 │ │ ├─plugins --插件配置 (自定义) │ │ │ └─ pluginsConf.js --自定义插件配置 │ │ ├─sidebar --侧边栏配置 (自定义) │ │ │ └─ menu.js --自定义侧边栏配置 │…

VuePress plugins All In One VuePress & element-ui & docs $ yarn add -D vuepress-plugin-demo-code module.exports = { plugins: ['demo-code'], }; module.exports = { plugins: [ ['demo-code', { jsLibs: [ // umd 'https://unpkg.com/tua-storage/dist/TuaSt…

Markdown & Static Site Generator https://www.gitbook.com/ https://vuepress.vuejs.org/ https://www.gatsbyjs.org/ docs website generator https://docusaurus.io/ https://github.com/facebook/docusaurus/ xgqfrms 2012-2020 www.cnblogs.com 发布文章使用:只允许注册用户才可以访…