通过 node -v 命令查看本机是否安装,如果没有安装,参考node.js安装指南 根据电脑系统环境进行安装
之前用过 Docsify + Serverless Framework 快速创建个人博客系统,虽然 docsify 也是基于 Vue,然而它是完全的运行时驱动,因此对 SEO 不够友好。所以这次尝试使用 VuePress 来搭建一个静态网站,依然部署在 Serverless 架构上。
本文档介绍通过腾讯云静态网站托管服务搭建一个 VuePress 网站,并使用云开发 CLI 工具管理部署 VuePress 网站。
VuePress 会在 http://localhost:8080 启动一个热重载的开发服务器。
VuePress 是社区广受好评的文档插件,不少的项目都开始使用 VuePress 来构建团队的文档、产品的官网。现在,你也可以在云开发上托管你的 VuePress 文档啦!不需要再忍受中美网络之间的波动导致的网络性能差和速度慢的问题啦!Let's Go
Web 应用托管:Web 应用托管(CloudBase Webify)为您的 Web 应用提供一站式托管服务,支持包括静态网站、动态 Web 服务各种类型的 Web 应用,提供默认域名、自定义域名、HTTPS 和 CDN 加速等功能,提升 Web 应用的性能和安全性,此外还提供基于 Git 的工作流、DevOps 流程和加速开发部署流程,为您提供极佳的服务体验。
博客地址 程序员成长指北(http://www.inode.club/) 可以先体验下。
VuePress是一个基于Vue.js的静态网站生成工具,它专注于以Markdown为中心的项目文档。VuePress具有简单易用的特性,同时提供了强大的自定义和扩展性。在本文中,我们将介绍VuePress的基本概念,并提供一个简单的使用指南。
# 环境准备 安装 Git 安装 Node.js ,版本 >=8.6 安装 Yarn 注册 GitHub 如果使用 Yarn 或者 Npm 下载慢,使用以下命令全局加速 $ yarn config set registry https://registry.npm.taobao.org $ npm config set registry https://registry.npm.taobao.org --global $ npm config set disturl https://npm.taob
话说这RSSHub真是个好东西,可以在Vercel免费构建运行,但是你看人家萌歪 https://moeyy.cn/rsshub/自建的怎么就有和人家RSSHub官方一样的文档呢?所以我将在文章中记录在Vercel上同时部署RSSHub本体及其使用Vuepress实现的docs页面。
GitHub地址:https://github.com/chenshuaikang/ShareDoc
VuePress V2 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown在新窗口打开 来书写内容(如文档、博客等),然后 VuePress 会帮助你生成一个静态网站来展示它们。
Github链接:https://github.com/Jackson0714/BirdDoc 记得点个Star
前言 【音乐博客】上线啦! 为什么会想到写文档了呢? 因为一个项目如果没有文档的话,对接难度增加,其次也方便自己看自己的代码,士别三日,代码当刮目相待,方便他人,更方便自己 启发:还是因为同事最近在研究饿了么,然后顺道发现饿了么的文档是跟代码的组件绑在一起,想要抽离出其文档,结果发现耦合性太高,也想着自己的项目也应该有个文档,于是受到启发后,去了解一下发现vuepress还是挺不错的,md写文档 最近一直在二次封装饿了么组件,封装好之后可放在vuepress文档上 网站效果样式 📷 六个方面 1. 下载vu
本人刚用 VuePress 写完一个 UI 框架的文档:https://zyqq.github.io/wheel 确实很好用且自带PWA,访问速度飞快。特此总结使用方法。
最近打算自己做一个博客网站记笔记,然后部署到github上,最终选择了vuepress的最新版本v2(使用的是vue3和TypeScript开发,默认使用Vite作为打包工具)。
我用的 Node.js 版本 v18.16.0 报了上面的错误,原因是 Node.js 版本过高导致,需要将 Node.js 版本降低至 v16.x.x,比如 Node.js 16.20.0。
最近将公众号的文章进行了整理,用vuepress搭建了一个在线文档版的公众号文章笔记,整体来说vuepress在线文档不管pc端还是移动端阅读体验是相当可以,我的在线文档是用vuepress2.0构建(vuepress2.0是vite打包),无论本地打包还是本地服务是相当的快,本文是从vuepress1.0到2.0升级过程遇到的一些问题,做了一些记录。
最近geekzl打算尝试一下VuePress,据说如果用来做文档体验会很不错,外观和Gitbook有点相似,好处是代码层面具有较大的自由度,也可以顺便加强vue的学习。
VuePress 由两部分组成:一部分是支持用 Vue 开发主题的极简静态网站生成器,另一个部分是为书写技术文档而优化的默认主题。它的诞生初衷是为了支持 Vue 及其子项目的文档需求。
VuePress 由两部分组成:一个以 Vue 驱动的主题系统的简约静态网站生成工具,和一个为编写技术文档而优化的默认主题。它是为了支持 Vue 子项目的文档需求而创建的。
创建config.js,这是vuepress的全局配置文件,大部分属性在这里设置。
虽说现在有如CSDN、博客园、掘金等写作平台,但是相信大多数的程序员都会想要搭建一个属于自己的博客,写一些技术文章、读书笔记,这件事不关乎于技术栈和阅读量,只是想完全拥有一个属于自己的私密空间,可以畅所欲言。
很多人只听过vue,没听过vuepress?它可是新的vue全家桶成员之一,尤雨溪大神于2018年发布。vuepress项目在github上的star数截止发文已经是18.6K了。很多前端程序员困扰没有自己的个人免费小网站,今天投资小达人手把手教你用vuepress快速创建自己的个人小网站,首先简单介绍一下vuepress是用于迅速搭建技术文档网站与个人博客,简单快捷,下面我们一起开启学习vuepress的学习之旅吧!在开启vuepress搭建网站之前,首先上链接:前端投资小达人
类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。
当你访问 /guide/而 404 时,这是由于guide目录下缺乏了它对应的 README.md文件
②. Docsify / Docute: 同样都是基于 Vue,然而它们都是完全的运行时驱动,因此对 SEO 不够友好
第一次使用 VuePress 去部署 Github page,折腾的时间比较长,总结一下坑点。
好学、乐学、博学、恒学、会学和用学,学以致用。一起学习成长的很多同好以及我自己,都是同样喜欢折腾的人。
首先说一下环境要求,既然是Gitee部署的话,Gitee的账号我们得有哈,Node环境咱也得有哈,最好是能有yarn的。这里就不过多的介绍Node和安装啦,比较简单。Git的基本操作咱也得会哈。
说起文档,我们可能会第一时间会想起很多技术文档,比如Vue.js文档、React.js文档、TypeScript文档,它们都有相似的布局和样式。
正常我们利用 Vuepress 搭建一个文档博客之后,往往都是通过如下步骤来部署一篇博客:
如果说阅读是知识的输入,那么写作就是知识的输出,输出是一个内化知识理解的过程,有些知识,一问,知道,一动手,不会,看似简单,一看就会,一做就废,凡是不被自己吸收,为自己所用的,都只能称作为做信息,而不能视作为知识.
感谢 vuepress-theme-reco主题与一篇博客使用文章使用 vuepress 构建个人博客
如果您的仓库不是放置在根目录下(就是https://itclancode.github.io/blogcode/这种形式,而非https://itclancode.github.io/),则在config.js的基础配置中需要更改base的路径,它默认是指向根路径的,可以省略
VuePress 是一个静态网站生成器,包含由Vue驱动的主题系统和插件API,同时还包含一个为书写技术文档而优化的默认主题。此篇文章只介绍如何使用VuePress 搭建个人博客的部分。
大约两个月前,我有一个朋友,他想让我帮他安装一下Vuepress,但是过程也不是太顺利,于是想写篇文章总结一下哪块容易出问题。(这篇文章其实应该早就写好的,只不过 咕了)
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
在开发学习过程中总会遇到各种各样的问题,当时解决之后,如果没能做好笔记,过一段时间之后很容易遗忘。养成了做笔记的习惯之后,就期望有一个很好的平台来保存笔记。我尝试过博客园,有道云笔记,象印笔记,语雀笔记等。有的平台确实比较好用,但是每次写笔记要么在浏览器中找网址,要么在电脑里找软件,等待打开,无形中增加了自己做这件事的时间成本。有的时候可能只是需要记录一句话。最终我选择了Typora。简介。方便。下一步就是解决多平台同步的问题,github page是一个很好的选择。搭配vuepress做成可以在线阅读的笔记本。
大家好,我是戴先生 废话不说,直接上效果图 ##效果图 获取完整代码,可公众号内回复:vuepress 链接地址:你好,戴先生 (daijiyong.github.io) 📷 📷 📷 📷 📷 📷 ##为什么要个人网站 自媒体时代,人人都可以有自我对外展示的多个窗口 短视频横流,但是我们更需要将自己的知识和阅历沉淀成文字 边界渐模糊,但这里可以是完全属于自己的小世界,没有推送、不需要点赞 互联网的第一个十年已经过去,但是拥有一个个人网站仍然是一件很酷的事情 ##网站功能 搜索 时间轴 顶部导航
简单来说,你的操作只有保存文章,编译与部署等环节,皆交由程序自动完成,让自动化工作流解放你的双手吧!
VuePress Core Team 的成员 Billy: 除了 VuePress 核心以外,我负责官方博客插件与主题的开发。
最近在尝试一些项目技术文档搭建的工具,看到网上很多人推荐 gitbook,使用后总体感觉良好。无意中发现一款 Vue 驱动的静态站点生成工具 vuepress,看到官网和demo后立即被它的简约灵活所吸引。一个 vuepress 网站是一个由 Vue、Vue Router 和 Webpack 驱动的单页应用。在构建时,创建一个服务端渲染(SSR)的版本,然后通过虚拟访问每一条路径来渲染对应的HTML。
一开始我遇到这个问题,总觉得自己弄个博客,太麻烦了,也不一定坚持写下去,直接在平台上写得了。于是 CSDN、简书、知乎上开始写。
可能你也想拥有一个属于自己的博客网站,但是自己搭个博客网站不知道从何下手,而且还需要租个云服务器,虽然一个月只需几十块钱,但是我们的博客网站是要长期维护的,日积月累也要不少钱呢。
领取专属 10元无门槛券
手把手带您无忧上云