首页 > TAG信息列表 > VuePress
Vue.js最佳静态站点生成器对比
在过去的几年中，Vue.js 已成为 Web 应用程序开发的流行选项。用户变多后，这个框架开始将触角伸向了静态站点生成，一个曾经由 React 统治的领域。 就像 React 这边的 Gatsby 和 NextJS 一样，Vue.js 这边支持静态网站生成的框架也有不少。但考虑到它们提供的众多功能，想要挑一个合适markdown code format plugins All In One
markdown code format plugins All In One .vuepress https://github.com/itclanCode/blogcode/tree/master/docs/.vuepress { "devDependencies": { "@vuepress/plugin-active-header-links": "^1.9.5", "@vuepress/plugin-bVuePress 手摸手教你搭建Vue风格的技术文档/博客
一 、通过云开发平台快速创建初始化应用 1.创建相关应用模版请参考链接：基于Vue的极简生成器 — Vuepress 2.完成创建后就可以在github中查看到新增的vuepress仓库 二 、 本地编写 Vue文档风格的技术文档/博客 1.将应用模版克隆到本地 首先假定你已经安装了Git、node，没有安装请vuepress搭建UI组件库文档踩坑篇
为了实现组件效果预览及代码展示可折叠功能，使用了插件vuepress-plugin-demo-container 相关配置可参考官网说明文档 第一步 安装插件 npm i - D vuepress-plugin-demo-container 第二步 配置插件 在config.js 文件夹里（.vupress目录下）配置插件 module.exports = { plugins: ['dem如何利用VuePress和GithubPage搭建一个轻量级博客
摘要: 相信每个人都想拥有一个博客, 一个属于自己写作的地方，今天讲讲如何用VuePress和github Github Pages打造一个属于自己的博客，不用建站，也不用域名的轻量级博客, 关键还支持markdown写作, 大大提高了写作的好感度。本文首发于公众号: 漫步coding 博客地址如下： 博客地址: httVuePress 博客优化之增加 Valine 评论功能
前言 在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。 本篇讲讲如何使用 Valine 快速的实现评论功能。 主题内置 因为我用的是 vuepress-theme-reco 主题，主题内置评论插件 @vuepress-reco/vuepress-plvuepress-theme-reco设置math公式
直接使用过vuepress不支持数学公式，然后我找了下一个支持数学公式的方法，找到了一个仓库，但是爬了很多坑，就把这个坑记录以下，方便以后自己查阅也方便后来人。 目录一、开始二、步骤2.1 安装库2.2 修改config.js文件2.3 在head中导入样式文件 一、开始 使用的仓库就是这个：https://gitee搭建属于自己的第一个博客（一）
新建一个文件夹 mkdir myDoc 初始化项目 npm init -y 加上-y省去中间确认的步骤，里面的配置后面统一根据情况修改 安装依赖 这下到了最重要的步骤，安装我们项目启动的依赖VuePress,原来都是全局安装现在不推荐，进行项目安装即可 yarn add -D vuepress # npm install -D vuepress 创建reciterdoc 资料库 支持中文搜索了。 vuepress-plugin-fulltext-search
http://pengchenggang.gitee.io/reciterdoc/ 支持中文搜索了，可是不容易了 通过插件 vuepress-plugin-fulltext-search 实现全文搜索 安装依赖 vuepress-plugin-fulltext-search yarn add -D vuepress-plugin-fulltext-search 修改配置 vi docs/.vuepress/config.js module.ex以VuePress的v1.x为基础开发-用户手册
首先配置.vuepress中的config.js module.exports = { title:"用户手册", description: '用户手册', evergreen: true, plugins: [ ['@vuepress/search', { search: true, searchMaxSuggestions: 10VuePress个人博客搭建
vuepress概述 VuePress 由两部分组成：第一部分是一个极简静态网站生成器 (opens new window)，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。 每一个由 VuePress 生成的页面都带有预渲染好的VuePress中使用UI库
1.在docs -> .vuepress 下新建一个js文件 官方文档中给出的作用： docs/.vuepress/enhanceApp.js: 客户端应用的增强。 2.在enhanceApp.js中加入以下 import Element from 'element-ui'; //引入组件库 import 'element-ui/lib/theme-chalk/index.css'; export default ({手把手教你用 VuePress 快速搭建个人技术博客~
一、什么是 VuePress ? VuePress 是基于 vue 的极简静态网站生成器，实际上就是一个 vue 的单页应用，内置 webpack，可以用来写文档。详见 VuePress中文网 VuePress 可用于将 markdown 文件展示为 WEB 页面 二、展示效果 首页 文档页 三、开始搭建 目标：记录我学习HTMl、CSS、Ja06. Vuepress2.x 嵌入 js 文件
修改 docs/.vuepress/config.ts 配置文件 设置 head 属性。注意：base.js文件放在 docs/.vuepress/public/js 文件夹下，public/js 要手动创建。编译后 dist 文件夹会将 public 文件夹下的文件放出。 module.exports = { host: 'localhost', // ip port: '8099', //端口使用vuepress-theme-reco搭建自己的博客
使用vuepress-theme-reco搭建自己的博客 vuepress-theme-reco是VuePress的一个主题，大家可以参考VuePress和其他主题，搭建你自己风格的主题，这篇主要讲解vuepress-theme-reco主题的博客。 VuePress是静态网页生成器，通过它，可以迅速的将我们的Markdown笔记变成网页，方便我们翻阅，查vuepress搭建类element-ui知识平台
最近接到一个任务，要搭建一个自己的学习平台，类似element可以看到组件效果的同时还能查看组件源码，由于时间关系，决定使用第三方插件，于是在网上看了很多类似的技术，最终选了最简单的一种vuepress。我这里是在git上下载的完整项目（也可自行查看官网从头配置），主要是对配置文件进行说明基于vuepress搭建博客
在NPM 中安装 npm install -g yarn 安装完成后，你可以测试下自己的版本 yarn --version 安装vuepress (全局安装) yarn global add vuepress # 或者：npm install -g vuepress yarn init初始化项目创建一个package.json 注意 请确保你的 Node.js 版本 >= 8.6。 点击：快速上手 严格遵vuepress - 简答演示如何导入UI演示组件
以前就看Element UI 和 微信小程序的UI组件在网页上运行，就觉得很不可思议！ 目前自己需要做一套基于UNIAPP框架的UI演示，发现实现的原理无外乎2种： 1. 在H5重新实现一遍，比如Element UI 下面是 s-button.vue 组件内容 ， 仅做一个简单示例 <template> <button :class="type">vuepress开发文档
vuepress文档 首先确定node 和 npm 版本是否正常 1,进入CMD管理员终端 自行选择盘符的方法: C:\Users\Niuzetong> E: E:\>dir #查询目录 E:\>cd vue #切换到vue文件夹 安装初始化 全局安装 $ npm install -g vuepress 创建个文件夹作为目录 $ mkdir Docs # 该目录作为整本团队文档在线管理，非常实用的vuepress
在做前端团队建设过程中，相关文档越来越多，所以迫切需要有一个地方来存储这些文档。在对比了几个框架之后，最终选择了使用vuepress构建静态资源网站。 优点： 1、vue系，大家比较熟悉 2、界面优美，直接使用vue官网一样的风格。 3、文档基于markDown，可移植。 准备： 1、请基于vuepress中VuePress
sidebar: auto VuePress Vue 驱动的静态网站生成器 1.4 目录结构 VuePress 遵循 “约定优于配置” 的原则，推荐的目录结构如下： ├── docs │ ├── .vuepress (可选的) │ │ ├── components (可选的) │ │ ├── theme (可选的) │ │ │ └──vuepress 侧边栏自动生成
参考文档： Node.js 中 __dirname 和 ./ 的区别 https://github.com/Darcrandex/my-blog VuePress 自动生成侧边栏和导航栏，完美替代 GitBook 1.第一种方法，安装插件 "vuepress-plugin-autobar": "boboidream/vuepress-bar", 可以自动生成侧边栏，但侧边栏分组的展开关闭是互斥的vuepress如何引入vuex
前言 为了使vuepress引入vuex，百度了不少页面，但全部都没有用，突然间想起github上的issue，果然找到了解决的办法，再次在心里默哀：百度无用，百度无用，奈何国情如此，只能凑合用了。 正文 我自己编写的npm组件，内置了一些store属性，需要将其挂载vue实例上，通过vuepress可直接展示组件的效果，技术博客框架vuepress的使用总结
什么是vuepress？ 这个一定要弄明白，我就是直接看的官方文档，着急写项目了，结果遇到了很多坑，非常不建议这么做，费时费力。 官方说法：vuepress是为了支持vue及其子项目的文档需求，每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。同时，一如何把 VuePress 项目部署到服务器?
VuePress 官网截图 VuePress 是什么? VuePress 是一个基于 Vue 的静态网页生成器。可用于制作技术文档，个人博客等等。 21云盒提供了极简单的 VuePress 部署方法，你可以在21云盒子上通过以静态网页环境的方式进行部署。 如何部署? 注册成为21云盒子会员 在Gitee Fork VuePress示