配置VuePress VuePress的配置都是通过config.js来进行的,所以第一步就是要新建config.js文件。 新建config.js 在\docs.vuepress目录下新建config.js文件: 输入以下内容: 代码语言:javascript 复制 import{defineUserConfig}from'vuepress'exportdefaultdefineUserConfig({lang:'zh-CN',title:'你好, VuePress !',descript...
到了这里VuePress就安装完成了,下面我们来看下配置。 配置VuePress VuePress的配置都是通过config.js来进行的,所以第一步就是要新建config.js文件。 新建config.js 在\docs.vuepress目录下新建config.js文件: 输入以下内容: import{defineUserConfig}from'vuepress'exportdefaultdefineUserConfig({lang:'zh-CN',title:'...
yarn blog:build # or npm run blog:build静态页面默认在sources/.vuepress/dist/目录下,可以通过.vuepress/config.js文件base字段自定义配置。生成的静态文件可以放到任意server上。配置 新建配置文件config.js在.vuepress/目录下，更多配置信息参考vuepress官网[7]资源文件 新建资源文件目录.vuepress/public，这个目录下...
# 部署到 GitHub Pages-name:Deployuses:JamesIves/github-pages-deploy-action@releases/v3with:ACCESS_TOKEN:${{secrets.ACCESS_TOKEN}}# 也就是我们刚才生成的 secretBRANCH:gh-pages # 部署到 gh-pages 分支,因为 main 分支存放的一般是源码,而 gh-pages 分支则用来存放生成的静态文件FOLDER:docs/.vuepress/d...
使用VuePress2搭建基于Vue3的组件库,并部署到GitHub Pages 完成后的效果图展示: 使用vue-cli进行项目构建 一、使用命令vue create m-baseui快速初始化一个项目 这里参考我写的上一篇: 基于Vue3开发自己的组件库 二、打开VuePress官网,切换到v2版本,快速上手中可以看到 ...
为了方便大家阅读，我用 VuePress + Github Pages 搭建了博客，博客效果如下：博客地址如下：Github https://mqyqingfeng.github.io/learn-typescript/Gitee http://mqyqingfeng.gitee.io/learn-typescript/ 0. VuePress VuePress 自然不用多说，基于 Vue 的静态网站生成器，风格简约，配置也比较简单。之所以不使用 Vit...
GitHub Pages:免费且强大的托管服务 GitHub Pages是GitHub提供的一项服务,允许用户免费托管静态网站。与VuePress结合,你可以: 自动化部署:每次推送代码到GitHub仓库,自动更新网站内容。 域名绑定:支持自定义域名,让你的博客更加专业。 安全稳定:依托GitHub的基础设施,无需担心服务器维护问题。
text https://yourusername.github.io/yourrepository/ 访问这个URL,你应该能够看到你的VuePress站点已经成功部署在GitHub Pages上了。 通过以上步骤,你就可以将VuePress项目部署到GitHub Pages上,并对外提供服务了。
请先点击链接RobinDevNotes,体验用VuePress搭建博客的效果(logo还没有合适的替换),目前部署在GitHub Pages上,国内访问速度还可以,再阅读本文感受来龙去脉和搭建过程。 最近准备自己要写点小项目,当前技术栈是以运维和后端为主,自己要写项目的话还是要会一些前端技术,选择学习国内比较流行的Vue(知识都学杂了),先看了...
VuePress 会在http://localhost:8080(opens new window) 启动一个热重载的开发服务器。 2. 基础配置 在文档目录下创建一个 .vuepress 目录,所有 VuePress 相关的文件都会被放在这里。此时你的项目结构可能是这样: . ├─ docs │ ├─ README.md