從零開始

Gridea 写作客户端搭配 GitHub Pages 或 Netlify 搭建免费静态博客

以前折腾过世界上最快静态博客生成工具 Hugo,上手不难。Hugo 本地环境搭建比 Jekyll 稍简单,而 Gridea 比 Hugo 更简单,甚至,从功能上来说,Gridea 就是 Hugo GUI 版。

「Gridea 写作客户端搭配 GitHub Pages 或 Netlify 搭建免费静态博客:https://ostarted.com/277」

Gridea 静态博客写作客户端 简介

Gridea,一个静态博客写作客户端,小白也可以 GitHub Pages 搭建静态博客。开源、易用、强大。记录生活、心情、知识、笔记、创意...

写作,发布均可在 Gridea 软件内完成,新版本 Gridea 无需另外安装 Git 套件,更简单。

「Gridea 写作客户端搭配 GitHub Pages 或 Netlify 搭建免费静态博客:https://ostarted.com/277」

Gridea 特色

Gridea 官方上手教程:Gridea 小白上手教程 · 截图(旧版本教程,可以参考一下)

使用 Gridea 搭建静态博客

使用 Gridea 搭建静态博客常见有三种组合可以选择:Gridea + Github Pages 或者 Coding Pages、Gridea + Github + netlify.com 以及 Gridea + sftp(VPS 或者虚拟机),或者 Gridea 官方付费 Web 版本,一年 ¥72,更省事,详细介绍

2022-05-31:Gridea v0.9.3 版本已支持直接部署到 Netlify。

「Gridea 写作客户端搭配 GitHub Pages 或 Netlify 搭建免费静态博客:https://ostarted.com/277」

Gridea 本地环境搭建

如果你折腾过静态博客,上手 Gridea 没有任何门槛,就一碟小菜。

Gridea v0.9.2 版本开始已经更换 Git 部署模块,本地不需要安装 Git 也可以畅快使用 Gridea。

Gridea 官网下载对应平台程序进行安装即可。

「Gridea 写作客户端搭配 GitHub Pages 或 Netlify 搭建免费静态博客:https://ostarted.com/277」

Gridea v0.9.2 备用下载:Windows · · Mac · · Linux

使用 Gridea + Github Pages/Coding Pages 方式搭建静态博客

Github / Coding 创建新 repository,配置 Github Pages/Coding Pages,Gridea 配置远程连接 Github Pages/Coding Pages 信息。

创建 repository

温馨提示:此处 repository 需要选择 Public,Private 则需要 Pro 用户才能创建 GitHub Pages。

开启 GitHub Pages

进入 repository,Settings,GitHub Pages,建议可以选择 main 主分支直接生成 GitHub Pages。当然,也可以新建分支。

开启后,重新找到 GitHub Pages 设置的地方,点击「Choose a theme」随意选择一个主题,初始化,GitHub Pages 就可以访问了。

还可以自定义域名,强制开启 HTTPS。

自定义域名,需要把域名 CNAME 到 <user>.github.io,解析成功,可能需等待 24 小时左右才能开启 HTTPS。(不过一般十来分钟就能搞定)

创建新 GitHub token

Gridea 管理 GitHub Pages 需要 token。登录 GitHub,点击「这里」创建一个新 token。勾选上 repo 相关权限即可。注意保存 token,关闭这个网页后就再也看不到它了。

Gridea 配置

配置不难,按实际配置即可。首先配置好「配置」-「基础配置」:

域名:https://grieda.0xo.net —— 根据实际填写,自定义域名,或者 GitHub 二级域名
仓库:grieda —— 如果不行,可以填写类似这种 user.github.io 形式
分支:main —— 一般主分支(以前是 master)
仓库用户名:abxcc —— 一般就是用户名
邮箱:test@gmail.com —— GitHub 账户邮箱
Token:••••••••••••••••••••••••••••••••••••••••
CNAME:baido.eu.org —— 自定义域名一定要配置上

保存配置,测试连接成功即可。

使用 Gridea + Github + netlify.com 方式搭建静态博客

方法基本上跟前面「使用 Gridea + Github Pages/Coding Pages 方式搭建静态博客」一样,只是最终使用 netlify.com 对外运行 Gridea 构建生成的静态博客 html。

这种方式优点是:使用 netlify.com 连接 Github 仓库生成静态网站,Github repository 可以选择 Private,并且无需创建创建 GitHub Pages。

详细步骤:Github 创建新 repository,使用 Github 授权登录/注册 netlify.com,netlify 建站,Gridea 配置远程连接 Github repository 信息。

创建 repository

此处 repository 需要选择 Private。

netlify 注册/建站

使用 Github 账户授权注册/登录 netlify

netlify 建站,「Add New site」,下拉菜单选择 Import an existing project,选择 GitHub。

可能会需要授权,按提示操作即可。如果看不到用来建站的私有仓库,点击 Configure the Netlify app on GitHub 授权。

然后在弹出窗口授权相关仓库,保存:

接着配置网站信息:「Site settings」-「Site details」配置网站信息,并将博客域名 cname 解析到 test.netlify.app

「Domain management」-「Domains」-「Custom domains」处配置自定义域名,开启免费 HTTPS……

如果想 netlify 提供的二级域名也自动跳转到主自定义域名,在 Gridea 博客文件夹 static 目录下添加名为 _redirects 的文件,内容参考(域名信息请根据实际修改):

# These rules will change if you change your site’s custom domains or HTTPS settings

# Redirect default Netlify subdomain to primary domain
https://test.netlify.com/* https://example.com/:splat 301!

接着参考前面步骤 创建新 GitHub token 以及 Gridea 配置,保存配置,测试连接成功即可。

使用 Gridea + sftp(VPS 或者虚拟机)方式搭建静态博客

购买虚拟主机或者 VPS 搭建好建站环境(无需数据库无需 php,安装个 nginx 或者 Caddy 或者 Apache……即可)

保存配置,测试连接成功即可。其他配置按需要修改即可。

Gridea 如何写作 & 发布?

文章 MarkDown 格式,保存在本地,也可以选择 Dropbox 同步。不折腾的话,默认主题选择一个喜欢的,就可以安心写博客了。

Gridea MarkDown 文章基本格式参考:

---
title: 'Gridea 文章基本格式'
date: 2022-02-22 22:22:22
tags: [Gridea, 静态博客,VPS]
published: true
hideInList: false
feature: '/post-images/2022/17-free-t-120.png'
---

一直以来,以为 Gridea Plan 100 会一直有货,就在昨天,发现 $2.88/月套餐断货了。

> Out of Stock
> We are currently out of stock on this item so orders for it have been suspended until more stock is available. For further information, please contact us.

可以在 Gridea 里面写,也可以使用 VScode 之类代码编辑器写,文件命名如 1-gridea-post.md 保存到 posts 目录下,然后「预览」或者「同步」更新到 Github / 服务器即可。

Gridea 演示博客:一枝红杏

退出移动版