Gahing's blog Gahing's blog
首页
知识体系
  • 前端基础
  • 应用框架
  • 工程能力
  • 应用基础
  • 专业领域
  • 业务场景
  • 前端晋升 (opens new window)
  • Git
  • 网络基础
  • 算法
  • 数据结构
  • 编程范式
  • 编解码
  • Linux
  • AIGC
  • 其他领域

    • 客户端
    • 服务端
    • 产品设计
软素质
  • 面试经验
  • 人生总结
  • 个人简历
  • 知识卡片
  • 灵感记录
  • 实用技巧
  • 知识科普
  • 友情链接
  • 美食推荐 (opens new window)
  • 收藏夹

    • 优质前端信息源 (opens new window)
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Gahing / francecil

To be best
首页
知识体系
  • 前端基础
  • 应用框架
  • 工程能力
  • 应用基础
  • 专业领域
  • 业务场景
  • 前端晋升 (opens new window)
  • Git
  • 网络基础
  • 算法
  • 数据结构
  • 编程范式
  • 编解码
  • Linux
  • AIGC
  • 其他领域

    • 客户端
    • 服务端
    • 产品设计
软素质
  • 面试经验
  • 人生总结
  • 个人简历
  • 知识卡片
  • 灵感记录
  • 实用技巧
  • 知识科普
  • 友情链接
  • 美食推荐 (opens new window)
  • 收藏夹

    • 优质前端信息源 (opens new window)
关于
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 个人简历

  • 人生总结

  • 实用技巧

  • 影剧观感

  • 教育

  • 服务搭建

    • Code Server搭建指南
    • deepfake 项目搭建
    • 博客

      • 几款好看的博客主题
      • 博客收录注意事项
      • vuepress踩坑记录
      • 博客分类脑图生成
      • 博客评论踩坑记录
      • 博客配置全文搜索
      • 博客配置资源缓存
      • 如何部署博客
        • 首先是 github pages
        • vercel
          • vercel 被墙问题
        • 最后
      • 给网站添加一只看板娘
    • 域名解析常见问题
  • 灵感记录
  • 理财投资

  • 生活常识

  • 知识科普

  • 自媒体

  • 面试经验

  • 闲言碎语
  • 服务搭建
  • 博客
gahing
2023-04-15
目录

如何部署博客

博客本质是一些静态资源,本文将探索一些免费的博客部署方式

# 首先是 github pages

这个不必过多介绍, github pages 的问题在于被墙,且资源未上 CDN ,访问比较慢

如果想实现修改文档自动部署 github pages ,可以利用 github ci + github-pages-deploy-action

示例:

- name: Deploy
        uses: JamesIves/github-pages-deploy-action@releases/v4
        with:
          token: ${{ secrets.ACCESS_TOKEN }}
          repository-name: francecil/francecil.github.io
          branch: master
          folder: docs/.vuepress/dist 
1
2
3
4
5
6
7

详细可参考 https://github.com/francecil/blog/blob/master/.github/workflows/ci.yml

# vercel

vercel 官网地址: https://vercel.com/

相比 github pages , vercel 拥有自带 CDN (AGA 加速),提供域名等优势

部署方式也很简单,新建应用然后导入 github 仓库,简单配置下 deploy 设置(如果需要的话)

也可以参考这篇文章 https://zhuanlan.zhihu.com/p/347990778

vercel 会自动增加 github action ,当分支代码推送时,会自动触发部署,无需配置 github ci

# vercel 被墙问题

早在 2021年5月14日,官方就回馈了此问题: 原文链接 (opens new window)

我们进行了更改,以确保 vercel.com 和 vercel.app 域可以在中国境内被屏蔽后再次从中国访问。对于在 Vercel 上使用自定义域的受影响用户,可以通过将指向 Vercel 的 A 记录值从 76.76.21.21 更改为 76.223.126.88 来缓解该问题。虽然我们已经解决了影响 CNAME 记录的问题,但我们仍然建议将 cname.vercel-dns.com 更改为 cname-china.vercel-dns.com 以获得额外的冗余。

简单来说就是在个人域名的配置中心,,修改 A 记录为 76.223.126.88 ,或者修改 CNAME 为 cname-china.vercel-dns.com

  • 参考 解决vercel国内被墙问题 (opens new window)

# 最后

推荐一下个人的网站: https://www.gahing.top (opens new window),基于 vercel 部署

编辑 (opens new window)
上次更新: 2024/09/01, 23:56:56
博客配置资源缓存
给网站添加一只看板娘

← 博客配置资源缓存 给网站添加一只看板娘→

最近更新
01
浅谈代码质量与量化指标
08-27
02
快速理解 JS 装饰器
08-26
03
Vue 项目中的 data-v-xxx 是怎么生成的
09-19
更多文章>
Theme by Vdoing | Copyright © 2016-2024 Gahing | 闽ICP备19024221号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式