微光云创 微光云创
首页
  • 初衷与诞生
  • 介绍
  • 名词解释
  • 项目案例
  • 优质源码
  • 脚本程序
  • 专享API
  • 引流实战
  • 引流经验分享
  • 自热SOP
  • 投流案例实操
  • 变现方案及思路
  • 资源共享
问题答疑
首页
  • 初衷与诞生
  • 介绍
  • 名词解释
  • 项目案例
  • 优质源码
  • 脚本程序
  • 专享API
  • 引流实战
  • 引流经验分享
  • 自热SOP
  • 投流案例实操
  • 变现方案及思路
  • 资源共享
问题答疑
  • 指南

    • 主题初衷与诞生
    • 介绍
    • 快速上手
    • 目录结构
    • 构建结构化站点的核心配置和约定
    • 自动生成front matter
    • Markdown 容器
    • Markdown 中使用组件
  • 配置

    • 主题配置
    • 首页配置
    • front matter配置
    • 目录页配置
    • 添加摘要
    • 修改主题颜色和样式
    • 评论栏
  • 相关文章

    • 使目录栏支持h2~h6标题
    • 如何让你的笔记更有表现力
    • 批量操作front matter工具
    • 部署
      • 1.使用deploy.sh脚本部署
      • 2. 使用GitHub Action自动持续集成
      • 部署升级:同时部署到github和coding
        • 部署方式有两种:
        • 1) 、使用如下命令一键部署到github和coding
        • 2)、使用GitHub Action自动部署到github和coding
    • 关于写文章和一级标题
    • 关于博客搭建与管理
    • 在线编辑和新增文章的方法
    • 资源
目录

部署

注意

目前作者使用的部署方式已改为 vercel (opens new window),部署方法参考 这里 (opens new window)。(2022.01.01)
更多 部署方式 (opens new window)

本项目内置了两种自动部署脚本,用于一键部署到 GitHub Pages 或 国内访问速度更快的Coding Pages

# 1.使用deploy.sh脚本部署

第一步,修改deploy.sh脚本内的仓库地址为你的仓库,如有自定义域名则一并修改,没有则注释

# 如果是发布到自定义域名
echo 'xugaoyi.com' > CNAME

# 如果发布到 https://<USERNAME>.github.io
# git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git master

# 如果发布到 https://<USERNAME>.github.io/<REPO>
# git push -f git@github.com:<USERNAME>/<REPO>.git master:gh-pages

第二步,一键部署命令

npm run deploy

windows系统下使用bash命令窗

第三步,设置仓库的GitHub Pages。

deploy.sh文件看 这里 (opens new window) 看不懂shell代码? 参考:shell教程 (opens new window)

# 2. 使用GitHub Action自动持续集成

第一步,按照官方文档 (opens new window),生成一个github token (令牌)。

第二步,将这个密钥储存到当前仓库的Settings/Secrets里面。

Settings/Secrets是储存秘密的环境变量的地方。环境变量的名字可以随便起,这里用的是ACCESS_TOKEN。如果你不用这个名字,.github/workflows/ci.yml脚本里的变量名也要跟着改。

第三步,push提交代码到GitHub仓库master分支。

第四步,设置仓库的GitHub Pages

参考 GitHub Action实现自动部署静态博客 (opens new window) ci.yml文件看 这里 (opens new window) 看不懂yaml代码? 参考:yaml教程 (opens new window)

# 部署升级:同时部署到github和coding

为了让博客站能够让百度收录,因此我把博客部署到了coding。相关文章 (opens new window)。

在原有部署方式上做了升级,主要修改代码文件有下面这两个:

使用前先将github token (令牌) (opens new window)和coding token (令牌) (opens new window) 同时设置到github仓库的Settings/Secrets位置。 token设置

# 部署方式有两种:

# 1) 、使用如下命令一键部署到github和coding

npm run deploy

# 2)、使用GitHub Action自动部署到github和coding

只需要push提交代码到github仓库master分支即可。

参考 《GitHub Action实现自动部署静态博客》 (opens new window)

批量操作front matter工具
关于写文章和一级标题

← 批量操作front matter工具 关于写文章和一级标题→

Theme by Vdoing | Copyright © 2024-2025 北京微光云创科技有限公司
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式