首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

将VuePress部署到GitHub页

VuePress是一个基于Vue.js的静态网站生成器,可以用来构建文档、博客、技术文档等静态网站。它通过Markdown编写内容,并且支持自动生成侧边栏、导航栏、搜索等功能,使得构建文档变得非常简单和高效。

将VuePress部署到GitHub页可以按照以下步骤进行操作:

  1. 创建GitHub仓库:首先,在GitHub上创建一个新的仓库,用于托管VuePress生成的静态网站。
  2. 安装VuePress:在本地开发环境中,通过npm安装VuePress。在命令行中运行以下命令:
  3. 安装VuePress:在本地开发环境中,通过npm安装VuePress。在命令行中运行以下命令:
  4. 初始化VuePress项目:在命令行中进入项目所在的文件夹,然后运行以下命令来初始化VuePress项目:
  5. 初始化VuePress项目:在命令行中进入项目所在的文件夹,然后运行以下命令来初始化VuePress项目:
  6. 这将引导您配置VuePress的默认文件和目录结构。
  7. 编写文档:使用Markdown语法编写文档,并放置在VuePress项目的docs目录下。
  8. 配置站点:编辑VuePress项目根目录下的.vuepress/config.js文件,可以根据需要进行配置,例如设置导航栏、侧边栏、插件等。
  9. 构建静态网站:在命令行中运行以下命令来构建VuePress生成的静态网站:
  10. 构建静态网站:在命令行中运行以下命令来构建VuePress生成的静态网站:
  11. 这将生成一个.vuepress/dist目录,其中包含了构建好的静态网站文件。
  12. 将静态网站上传到GitHub仓库:将.vuepress/dist目录下的文件上传到GitHub仓库的根目录。
  13. 启用GitHub页:在GitHub仓库的Settings选项卡中,找到GitHub Pages部分,选择main分支作为源,并保存设置。GitHub将会为您的仓库创建一个GitHub页链接,可用于访问您部署的VuePress静态网站。

VuePress的部署到GitHub页完成后,您可以通过GitHub页链接访问部署好的静态网站。如果需要进一步了解VuePress和其他腾讯云相关产品,可以访问腾讯云官方文档和产品介绍页面:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

VuePress教程之部署到Github Action

VuePress教程之部署到Github Action 本文阅读重点 < 1 VuePress教程之部署到Github Action 1.1 主题的选取:vdoing主题 1.2...安装vdoing主题 1.3 本地部署 1.4 使用Github Action部署 1.5 分享我的 ci.yml配置文件 最近geekzl打算尝试一下VuePress,据说如果用来做文档体验会很不错...https://github.com/xugaoyi/vuepress-theme-vdoing.git # enter the project directory cd vuepress-theme-vdoing...image.png 将build from对应的分支改为gh-pages image.png 我们以vdoing主题的代码仓库中的deploy.sh为基础,根据自己的情况进行一定修改,我这边的代码如下.../deploy.sh即可~ 使用Github Action部署 按作者给的文档 GitHub Actions 实现自动部署静态博客 进行操作 用代码仓库 https://github.com/dbdgs

2.8K20
  • 将Hexo部署到GitHub

    前言 Hexo的搭建 配置SSH:Git#配置SSH 创建Github仓库 打开Github,登录账号 点击右上角的“+”,选择“New repository”新建仓库; 输入仓库名(仓库名需要与github...),勾选“Add a README file”,然后点击底部的“Create repository”创建仓库 进入创建完成的仓库后点击右侧的“code”按钮,选择“HTTP”,点击右侧的复制图标,将仓库地址复制至剪切板备用...将主题上传至Github 在hexo的根目录下找到“_config.yml”,修改“deploy”配置: deploy: type: git repo: github: 刚才复制的仓库地址...生成静态文件后,输入指令hexo deploy或者hexo d将静态文件上传至github仓库,此过程可能需要输入密码,按照提示输入即可(如果SSH配置成功的话,只有首次上传需要输入密码,若每次上传都需要输入密码...或者你也可以直接输入hexo g -d直接完成上传操作 上传完成后回到github仓库,可以看到hexo静态文件以上传完成 预览博客 输入博客地址:用户名.github.io,访问博客 因为我这是修改后的博客

    1.3K20

    Vuepress + GitHub Actions 实现博客自动部署!

    这时候我们就想了,有不有一种方法,能够帮我们自动构建静态文件然后部署到 Github Pages 上呢。刚好,Github 官方提供了这个一个工具:Github Actions。...利用它,我们就能够将重心转移到创作之后,每次创作之后推送到远程之后它就会自动后续工作,接下来我们就来看看如何利用 Github Action 实现自动部署我们的博客。...name: Deploy GitHub Pages # 触发条件:在 push 到 main/master 分支后,新的 Github 项目 应该都是 main,而之前的项目一般都是 master...: false # 生成静态文件 - name: Build run: npm install && npm run docs:build # 部署到...总结 以上就是关于 Vuepress + Github Actions 实现自动部署的所有内容了,如果对你有所帮助,那就帮忙点赞关注吧! 最后,贴出我的博客地址,可以去看看效果!

    1.5K20

    同时将博客部署到github和conding

    前言 之前我是把hexo托管在github,但是毕竟github是国外的,访问速度上还是有点慢,所以想也部署一套在国内的托管平台, 所以就决定部署到coding。...查询了多方资料,终于鼓捣出了本地一次部署,同时更新到github以及coding。...具体过程如下: 一·注册 先注册好coding 和 github 二·创建仓库 这里只介绍coding上面如何创建项目,以及把本地hexo部署到coding上面, 还不懂如何创建hexo的,百度很多。...首先我们创建一个项目,创建后进入项目的代码模块,获取到这个项目的ssh地址, 我的是 https://git.coding.net/five-great/five-great.git 三·同步本地hexo到coding...博客项目名也叫tengj 那直接访问 tengj.coding.me就能访问博客,否则就要带上项目名:tengj.coding.me/项目名 才能访问 推荐项目名跟用户名一样,这样就可以省略项目名了 最后使用部署命令就能把博客同步到

    40620

    将静态页面部署到github.io

    背景:   我的腾讯云服务器是之前利用学生身份(有优惠)买的,现在快到期了,而且服务器上面只有一个引导页(静态页面)还有用,别的项目都没有用了。...所以就想找一种不花钱买服务器就可以访问到我的引导页的方法。...部署步骤: 如果没有github的伙伴注册一个github账号 在github上创建一个公开的项目(注意,如果创建私有的项目,并且能从外面访问到html,这是需要收费的!...里面填上自己的二级域名 将这个项目克隆到本地,在这个项目里面完成自己的静态页面,然后提交并推送到远程 这时候你可以使用 github账号.github.io/项目名/页面.html 来访问你的页面 进入你的域名管理后台...(阿里云或其他的),开一个CNAME类型的二级域名解析到 github账号.github.io,注意:二级域名要和步骤3中的二级域名保持一致 如果正常的话,这个页面现在就可以通过自己设置的二级域名访问了

    1.6K10

    除了 GitHub,VuePress 现在可以用云开发来部署了!

    创建一个云开发环境 完成了本地的 Vuepress 建设,接下来我们来创建一个云开发环境,用来部署 VuePresss 。...打开腾讯云控制台,在产品中找到云开发 image.png 进入到云开发的管理控制台,点击新建环境,新建一个环境来进行部署 image.png 新建一个环境,名为 docs,并选择按量计费,开通环境 image.png...接下来,就可以进入到最后一个环节,上传部署 VuePress 了。 部署 VuePress 接下来,我们来构建,并部署 VuePress。...执行如下命令进入到 dist 文件夹 cd .vuepress/dist 然后执行命令上传文件,记得将这里的 EnvID 替换为你自己的环境的环境 ID。...image.png 部署以后是这样的 image.png One More Thing 只需简单的几步,你就可以轻松实现将 VuePress 部署到云开发上,无需再忍受 Github Pages 的龟速啦

    1.3K51

    使用 Webhooks 将 Linux 服务器上的项目自动部署到 GitHub

    我们的项目一般都会托管在类似 Github 和 Coding 之类的平台上,当项目部署在服务器上之后,如果发现需要更改一处地方,需要在本地更改之后提交到 Github,然后再登录服务器拉取 Github...上的代码,可以说操作非常麻烦了,我们可以使用 Github 上的 Webhooks 实现本地提交之后服务器上自动更新。...公钥有两个:Git 用户公钥和项目部署公钥,之前部署项目时候直接在服务器上使用 git clone 来克隆 Github 上的代码,所以用户公钥已经配置过了,很简单这里就不赘述了。...部署公钥: sudo -Hu Ubuntu ssh-keygen -t rsa  请选择 “no passphrase”,一直回车下去 2.准备钩子文件(假设项目的目录为 project_dir):...上的操作: 1.添加部署公钥: 复制  /home/ubuntu/webhook.pub (生成的时候我起的名字叫webhook)的内容到 Github 中的  项目 > Settings > Deplow

    1.8K30

    怎么将golang部署到docker

    我们都知道go能够这么火是因为他是docker官方标准语言,当然了docker也将go的性能发挥到了极致,可谓是相辅相成,交相辉映。...后续查阅知道这个是将项目部署到docker的自动化配置引导文件。于是今天上班没事干花了一天时间吧周末的小项目给添加了个dockerfile……下面给大家分享一下艰辛的历程吧。...`代表就是把我们dockerfile所在的作为当前目录的所有文件,命令的意思就是将当前目录下的所有文件复制到镜像指定的/go/src/Fang目录下 关于Dockerfile部署时精简系统大小 1 采用...COPY将必要文件复制,不要采用ADD 2 采用curl git等联网数据请求,这样可以部署时从网络请求资源,从而减少自制镜像的大小(如lz项目中需要一些GitHub上的开源库 即 开勇go get -...#安装简单的数据 RUN go get -u github.com/PuerkitoBio/goquery RUN go get -u github.com/tealeg/xlsx RUN

    1.6K20

    如何将 github 上的代码一键部署到服务器?

    在 Github 上看到一些不错的仓库,想要贡献代码怎么办? 在 Github 上看到一些有用的网站,想部署到自己的服务器怎么办? 。。。 我想很多人都碰到过这个问题。...如果要贡献代码,之前我的做法通常是将代码克隆到本地,然后在本地的编辑器中修改并提交 pr。...如果想部署到自己的服务器,之前我的做法通常是克隆到本地,然后本地修改一下部署的配置,最后部署到自己的服务器或者第三方的云服务器(比如 Github Pages)。...而现在随着云技术的普及,我们「没有必要将代码克隆到本地进行操作,而是直接在云端编辑器中完成修改,开发,并直接部署到云服务器」。今天就给大家推荐一个工具,一键将代码部署到云服务器。 什么是一键部署?...如何在 Github 中显示发布按钮。 上面的部署按钮就是如下的一个 Markdown 内容渲染的: [!

    12K31
    领券