要让你的网站显示内容, 就需要进行配置, 需要在.vuepress文件夹下新建一个总的配置文件config.js, 这个文件的名字是固定的,即.vuepress/config.js,它导出一个 JavaScript 对象,使用的是Commonjs文件导入导出的规范 如有对 CommonJS 使用疑惑可参考文档:commonJs 使用规范
可能你也想拥有一个属于自己的博客网站,但是自己搭个博客网站不知道从何下手,而且还需要租个云服务器,虽然一个月只需几十块钱,但是我们的博客网站是要长期维护的,日积月累也要不少钱呢。
当然也可以自己写不用vuepress,自己写代码然后通过githubPages也是可以的,只是使用vuepress相对来说时间快一点,他生成的网站也是响应式的。
转载请标明出处: https://www.jianshu.com/p/307684deff51
大家好,我是保姆皮,最近我上线了自己的《编程宝典》网站,可以在线阅读我分享过的各种编程学习路线和知识干货。
类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。
博客地址 程序员成长指北(http://www.inode.club/) 可以先体验下。
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
我用的 Node.js 版本 v18.16.0 报了上面的错误,原因是 Node.js 版本过高导致,需要将 Node.js 版本降低至 v16.x.x,比如 Node.js 16.20.0。
最近有人在问:小智, Vue3 有没有对应制作文档的工具。于是,我去查了一些资料,发现,Vue3和新的Vite构建工具为我们提供了另一种快速开发静态站点的方法,那就是 Vitepress。
第一个坑:我的项目就是依赖webpack 3.6.0同时也是用npm安装依赖,然后继续使用npm安装vuepress,然后执行npx vuepress dev docs的时候报错了,上网查了好久也没有解决问题,最后使用yarn安装vuepress成功了。
最近在尝试一些项目技术文档搭建的工具,看到网上很多人推荐 gitbook,使用后总体感觉良好。无意中发现一款 Vue 驱动的静态站点生成工具 vuepress,看到官网和demo后立即被它的简约灵活所吸引。一个 vuepress 网站是一个由 Vue、Vue Router 和 Webpack 驱动的单页应用。在构建时,创建一个服务端渲染(SSR)的版本,然后通过虚拟访问每一条路径来渲染对应的HTML。
拥有自己的技术博客,不仅可以提升自己的技术能力,还可以提升自己的影响力,未来也可能带来一些“睡后”收益。
VuePress是Vue驱动的静态网站生成器。对比我们的Docsify动态生成网站,对SEO更加友好。
先聊聊为什么想到了要用Vuepress来代替原来写在Confluence上的文档。
相信很多人都想拥有一个自己的个人博客,现有的个人博客搭建框架已经有很多了,例如 hexo 、vuepress 、jekyll 等等,这里我选用 vuepress 来快速搭建个人博客
今天封装了一个用于自动生成VitePress 侧边栏的npm包,分享一下,求求帮忙Star。
Docsify是一款开源的文档生成工具,目前在Github上已有21K+Star。Docsify可以快速帮你生成文档网站,不同于VuePrese和Hexo的地方是它不会生成静态的.html文件,所有转换工作都是在运行时。
vuepress-theme-hope是一个具有强大功能的VuePress主题,为Markdown添加了更多增强语法,可用于搭建项目文档和博客网站。支持分类和标签功能,可以让你的文档更加结构化!内置多种插件,功能强大,值得一试!
本人刚用 VuePress 写完一个 UI 框架的文档:https://zyqq.github.io/wheel 确实很好用且自带PWA,访问速度飞快。特此总结使用方法。
leetcode-notebook[1] 的题解越来越多,原先选择 Gitbook[2] 构建解题本的弊端逐渐显现出来,每次补充一道题解重新 build 项目时居然要花上 30 秒左右……
五一期间决定把自己的学习笔记网站好好整一整,因为眼看着秋招提前批&正式批就快到了,想着整好了也能给一些学弟学妹们用上。
当你访问 /guide/而 404 时,这是由于guide目录下缺乏了它对应的 README.md文件
之前用 vuepress2 + vite 成功搭建了一个博客网站,这不 vue3 的文档改用 vitepress 搭建的,看着挺好看的,就想着也来折腾折腾搭建一个工作的文档网站。
有时候,我们想让我们的网站博客更加顺畅,用户体验更好,可以结合一些第三方的插件,开箱即用
这两天在尝试用语雀+ vuepress + github 搭建个人博客。 小破站地址 :王天的 web 进阶之路open in new window 语雀作为编辑器,发布文档推送 github,再自动打包部署,大概流程如下。
GitHub地址:https://github.com/chenshuaikang/ShareDoc
VuePress 会在 http://localhost:8080 启动一个热重载的开发服务器。
上一篇最终因为版本依赖的不一致导致组件文档站点没能编译通过,当时选择了 vuepress@next,这次重新选择了 vuepress@1.x 的版本,但还是存在 webpack 的版本依赖问题,所以还是写一下处理的过程和搭建组件库文档站点的过程。
保存并提交代码至github,提交代码后等待1分钟 浏览器访问 http://自己的github用户名.github.io 看到hello github 到这一步 Github Page已经可以正常使用 如果不想用VuePress写文档,可以随便写点东西提交代码即可更新。
docsify 是一个类似 vuepress, gitbook 等静态文档程序,但是对比之前,个人还是喜欢 docsify 的风格和源码。不想要那么多附带的功能,能满足写文章,目录的功能就行了。
vuepress-theme-aurora 是一款基于 Vuepress2 的博客主题,将本地 Markdown 文件解析成静态 html 页面,作为博客文章。搭配 说说,时间轴,文章分类,评论,友情链接,相册,音乐播放器 等特色功能,给您不一样的使用体验。
网上关于动态文档生成工具有很多如:Docsify、 VuePress、Docute 、Hexo这些都是一些非常优秀的文档生成工具,本章主要介绍如何快速使用Docsify搭建一个快捷、轻量级的个人&团队文档。
VuePress 应该有很多人用过,而 VitePress 是 VuePress 的下一代框架 ,是支持vue 3.0 的 web 网站框架。
今天我们继续介绍一款文档软件,它堪称程序员文档利器。是Docute的大哥。也是专注纯净的文档构建。对于SEO并不擅长,但是它简单高效的特点斩获了大批的用户,我也是其忠实的拥护者。
②. Docsify / Docute: 同样都是基于 Vue,然而它们都是完全的运行时驱动,因此对 SEO 不够友好
二哥的小破站《Java 程序员进阶之路》之前是用 docsify 生成的,界面我觉得非常的清爽、干净和漂亮,但遗憾的是 docsify 生成的静态网站没有 SEO,于是我就想找一个有 SEO 功能的静态网站搭建神器对小破站做一次升级。
很多人只听过vue,没听过vuepress?它可是新的vue全家桶成员之一,尤雨溪大神于2018年发布。vuepress项目在github上的star数截止发文已经是18.6K了。很多前端程序员困扰没有自己的个人免费小网站,今天投资小达人手把手教你用vuepress快速创建自己的个人小网站,首先简单介绍一下vuepress是用于迅速搭建技术文档网站与个人博客,简单快捷,下面我们一起开启学习vuepress的学习之旅吧!在开启vuepress搭建网站之前,首先上链接:前端投资小达人
平时通过Notion/飞书进行团队工作的时候,总有这么几个常用文档都需要每次都得在浏览器打开并且排列好顺序,但是有可能隔天又得反复操作😱,不禁感叹:如果能把常用的文档文件都能在一个地方轻松打开就好了! 那么,飞书这个功能的更新,你一定会感到很舒适!
同事 K 微信里发过来一张手机拍的图片,他在客户现场,原来我们都是开发部前端组的,现在开发人员按业务线划分,他去另外一个组了,客户现场那里的开发电脑由于安全需要不能连外网。
编者按:本文作者Anthony Rose,是社交网络电台Zeebox的联合创始人及CTO,文章不仅分析了侧边栏导航和Tab导航的利弊,还有改版过程进行A/B test 的详尽过程,且最后也给了建议,读完能对这两种导航有清晰的认识,非常有价值的经验分享 。 设想你需要设计一个含有许多页面和模块,不能在一屏内显示完全的应用。你一定会首先想到去设计一个底部或顶部的Tab导航。等一下,多出来的一排导航看上去有点碍眼?我们尝试下把他们收到侧边栏里,或者叫安卓团队给它的名字“侧边抽屉导航”。 如果你们的应用的也是多
本项目侧边栏和路由是绑定在一起的,所以你只有在 @/router/index.js 下面配置对应的路由,侧边栏就能动态的生成了。大大减轻了手动重复编辑侧边栏的工作量。当然这样就需要在配置路由的时候遵循一些约定的规则。
iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师,都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率,保证用户良好的体验。
印记中文(以下简称印记)作为国内领先的前端技术传播社区,经过一段时间的发展,已经拥有了 React、Webpack、Babel 等优质中文文档站点,并且还开拓了周刊类业务。为了提高印记技术传播和翻译的效率,以及建设印记的品牌一致性,印记开始研发自己的一系列平台和工具。而 Mdpress,就是其中之一,它是一个网站生成器。详见>>>
这篇文章将向大家分享createDrawerNavigator的一些开发指南和实用技巧。
样式化侧边栏是从零开始创建 WordPress 主题系列教程的第十三篇,这篇主要讲解如何样式化侧边栏里面的所有元素,在对侧边栏样式化之后,这系列教程就将差不多结束了。
侧边栏其实就是一种比较经典的网站导航设计,它的形式通常为竖向的一列,展示在网站的右侧或者左侧,具体的位置当然是取决于整体的设计。
领取专属 10元无门槛券
手把手带您无忧上云