免费的博客空间,漂亮的VuePress(四)

简介: 免费的博客空间,漂亮的VuePress

如下图设置,只是用于发布,只给repo权限即可

24.png

生成token之后,记得拷贝

25.png

设置token,在gitpages库的设置中,选择secrets,点击new repository secret按钮。

26.png

在新打开的页面中设置创建的Token,名称设为ACCESS_TOKEN。

4.设置Actions,自动部署

在gitpages,选择Action菜单,点击set up a workflow yourself链接。

27.png

默认创建了一个main.yml文件,如下图

28.png

name: Deploy GitHub Pages
# 触发条件:在 push 到 master 分支后
on:
  push:
    branches:
      - master
# 任务
jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@master
        with:
          persist-credentials: false
      # - name: Build
      #  run: npm install && npm run build
      - name: Deploy
        uses: JamesIves/github-pages-deploy-action@releases/v3
        with:
          ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}
          BRANCH: gh-pages
          FOLDER: public
          BUILD_SCRIPT: npm install && npm run build # The build script the action should run prior to deploying.

5. 发布

首先clone设置好的repository

git clone https://github.com/FlyLolo/gitpages.git

29.png

将上文创建好的VuePress文件拷贝到clone的gitpages文件夹

git add .
git commit -m "first"
git push

将文件push到repository。

此时在Action菜单中可以看到发布的进度

30.png

点击箭头所示记录,在新页面中可以看到具体的发布进度。

31.png

如果发现发布失败,可以在此处查看错误信息。

6.一个错误

此时访问发布好的页面,可能会有以下错误,样式没有正常加载。

32.png

当发布到子目录会出现如下问题,在gitpages\docs.vuepress目录下创建config.js,并进行如下设置即可。

module.exports = {
  title: 'Hello VuePress',
  description: 'Just playing around',
  base:'/gitpages/'
}


目录
相关文章
另辟蹊径,利用宝塔快速搭建一个VuePress博客
另辟蹊径,利用宝塔快速搭建一个VuePress博客
1830 0
另辟蹊径,利用宝塔快速搭建一个VuePress博客
|
6月前
使用github制作个人网站或者博客
使用github制作个人网站或者博客
49 0
|
安全 JavaScript Serverless
基于函数计算快速搭建Vuepress博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Vuepress博客。
|
域名解析 网络协议 Shell
hexo博客功能扩展 - 使用七牛云作为图床服务
由于购买的是国外的域名,DNS解析较慢
158 0
|
JavaScript
免费的博客空间,漂亮的VuePress(二)
免费的博客空间,漂亮的VuePress
528 0
免费的博客空间,漂亮的VuePress(二)
|
存储 弹性计算 安全
场景体验:基于函数计算快速搭建Vuepress博客
本场景介绍使用函数计算服务搭建一个Vuepress博客。
|
JavaScript 前端开发
VuePress 博客搭建系列 33 篇正式完结
本篇聊一聊我为什么会写这个系列,以及写作这个系列中的一些感悟。
380 0
VuePress 博客搭建系列 33 篇正式完结
|
JavaScript
搭建 VuePress 博客,你可能会用到的一些插件
「这是我参与2022首次更文挑战的第8天,活动详情查看:2022首次更文挑战」。
762 0
搭建 VuePress 博客,你可能会用到的一些插件
免费的博客空间,漂亮的VuePress(三)
免费的博客空间,漂亮的VuePress
285 0
免费的博客空间,漂亮的VuePress(三)
|
JavaScript
免费的博客空间,漂亮的VuePress(一)
免费的博客空间,漂亮的VuePress
427 0
免费的博客空间,漂亮的VuePress(一)