Gridea 一个静态博客写作客户端 搭建免费静态博客 CDN加速

前几天折腾 Hugo,上手不难,建了个几乎零成本垃圾站,真香!Hugo 本地环境搭建比 Jekyll 简单,而 Gridea 比 Hugo 更简单,甚至,从功能上来说,Gridea 就是 Hugo GUI 版。

Gridea 简介

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

Gridea 特色

  • Markdown:使用最酷的 Markdown 进行创作,专注内容,其他的交给 Gridea
  • 封面图:快去挑选一张漂亮的封面图,为文章添彩,外链图也没问题哦
  • 自定义标签:用标签来为文章进行归类,以你喜欢的方式:编程、旅行、读书笔记...,化繁为简、不必纠结
  • 自定义菜单:我们提供了自定义菜单功能,同时贴心地准备了主页、归档和标签列表快捷选择。当然,你也可以创建外部菜单到任何地方
  • 跨设备:Gridea 支持 Mac、Windows 和 Linux。同时支持更改源文件夹,利用 OneDrive、Dropbox 等同步工具,跨设备管理博客轻而易举!
  • 多平台:Gridea 支持使用 Github Pages 和 Coding Pages 托管静态博客,Gridea v0.9.2 版本起更是支持 sftp 发布/更新网站到 VPS 等。
  • 多评论:Gridea 内置 Gitalk 和 DisqusJS 两个评论系统,你可以任选其一,利用评论结交更多朋友!
  • 多主题:目前提供了 4 款内置主题,每款主题都提供了丰富的自定义配置,稍加配置,遇见大不同
  • 多语言:是的,我们贴心地为您内置了中文简体和 English 两种语言
  • 快且安全:Gridea 所有文件都在本地,构建为更快更安全的静态网站,无需管理数据库。

Gridea 官方上手教程:网页 · 截图

使用 Gridea 搭建静态博客

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

Gridea 本地环境搭建

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

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

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

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,可以选择 master 主分支直接生成 GitHub Pages,或者 /docs 目录。当然,也可以新建分支。

开启后,重新找到 GitHub Pages 设置的地方,点击「Choose a theme」随意选择一个主题,初始化,GitHub Pages 就可以访问了。还可以自定义域名,强制开启 HTTPS。自定义域名,需要把域名 CNAME 到 .github.io

解析成功,等待24小时左右才能开启 HTTPS。(不过一般十来分钟就能搞定)

创建新 GitHub token

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

Gridea 配置

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

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

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

使用 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 建站,「New site from Git」,选择 Github,按提示选择前面创建用来建站的 Private repository 即可。

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

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://sarswin.netlify.com/* https://sars.win/:splat 301!

创建新 GitHub token

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

Gridea 配置

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

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

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

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

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

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

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

Gridea 搭建免费静态博客 + 免费 Cloudflare CDN

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

如果是使用 Gridea + Github Pages 或者 Coding Pages、Gridea + Github + netlify.com 这两种方式,国内访问速度可能不太好,不妨套上免费 Cloudflare CDN,反正都是慢,套上 CDN 有些地方可能还有有惊喜。

这里以 Gridea + Github + netlify.com 为例简单介绍一下配置方法,准备工作:注册 Cloudflare 账户,DNS 使用 Cloudflare 解析……

Cloudflare DNS 解析参考:

Cloudflare SSL/TLS 配置参考:

完全(严格) 方式全程加密,netlify 服务端需要有受信任证书(比如 Let’s Encrypt,Github Pages 也可自动部署 Let’s Encrypt 证书),一般使用 自动部署 Let’s Encrypt 证书就好。

2021-10-06 后记,Cloudflare CDN + netlify 自动部署 Let’s Encrypt 证书,会有一个问题:Let’s Encrypt 证书到期,netlify 无法自动更新,可以暂停 Cloudflare CDN 等待 netlify 自动更新证书再重新开启,不方便操作,安装 Cloudflare 源证书到 netlify 更省事。

方法:在 Cloudflare 「SSL/TLS」-「源服务器」-「源证书」中生成由 Cloudflare 签名的免费 TLS 证书,然后到 netlify -「Set custom certificate」处安装上(源证书仅对 Cloudflare 与源服务器(netlify)之间的加密有效)。

Cloudflare 生成源证书:

Cloudflare 源证书 + CA 部署到 netlify 「Set custom certificate」:

Cloudflare Origin CA 根证书可在此下载:Managing Cloudflare Origin CA certificates

或直接下载:Cloudflare Origin RSA PEM

或者直接复制:

-----BEGIN CERTIFICATE-----
MIIEADCCAuigAwIBAgIID+rOSdTGfGcwDQYJKoZIhvcNAQELBQAwgYsxCzAJBgNV
BAYTAlVTMRkwFwYDVQQKExBDbG91ZEZsYXJlLCBJbmMuMTQwMgYDVQQLEytDbG91
ZEZsYXJlIE9yaWdpbiBTU0wgQ2VydGlmaWNhdGUgQXV0aG9yaXR5MRYwFAYDVQQH
Ew1TYW4gRnJhbmNpc2NvMRMwEQYDVQQIEwpDYWxpZm9ybmlhMB4XDTE5MDgyMzIx
MDgwMFoXDTI5MDgxNTE3MDAwMFowgYsxCzAJBgNVBAYTAlVTMRkwFwYDVQQKExBD
bG91ZEZsYXJlLCBJbmMuMTQwMgYDVQQLEytDbG91ZEZsYXJlIE9yaWdpbiBTU0wg
Q2VydGlmaWNhdGUgQXV0aG9yaXR5MRYwFAYDVQQHEw1TYW4gRnJhbmNpc2NvMRMw
EQYDVQQIEwpDYWxpZm9ybmlhMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKC
AQEAwEiVZ/UoQpHmFsHvk5isBxRehukP8DG9JhFev3WZtG76WoTthvLJFRKFCHXm
V6Z5/66Z4S09mgsUuFwvJzMnE6Ej6yIsYNCb9r9QORa8BdhrkNn6kdTly3mdnykb
OomnwbUfLlExVgNdlP0XoRoeMwbQ4598foiHblO2B/LKuNfJzAMfS7oZe34b+vLB
yrP/1bgCSLdc1AxQc1AC0EsQQhgcyTJNgnG4va1c7ogPlwKyhbDyZ4e59N5lbYPJ
SmXI/cAe3jXj1FBLJZkwnoDKe0v13xeF+nF32smSH0qB7aJX2tBMW4TWtFPmzs5I
lwrFSySWAdwYdgxw180yKU0dvwIDAQABo2YwZDAOBgNVHQ8BAf8EBAMCAQYwEgYD
VR0TAQH/BAgwBgEB/wIBAjAdBgNVHQ4EFgQUJOhTV118NECHqeuU27rhFnj8KaQw
HwYDVR0jBBgwFoAUJOhTV118NECHqeuU27rhFnj8KaQwDQYJKoZIhvcNAQELBQAD
ggEBAHwOf9Ur1l0Ar5vFE6PNrZWrDfQIMyEfdgSKofCdTckbqXNTiXdgbHs+TWoQ
wAB0pfJDAHJDXOTCWRyTeXOseeOi5Btj5CnEuw3P0oXqdqevM1/+uWp0CM35zgZ8
VD4aITxity0djzE6Qnx3Syzz+ZkoBgTnNum7d9A66/V636x4vTeqbZFBr9erJzgz
hhurjcoacvRNhnjtDRM0dPeiCJ50CP3wEYuvUzDHUaowOsnLCjQIkWbR7Ni6KEIk
MOz2U0OBSif3FTkhCgZWQKOOLo1P42jHC3ssUZAtVNXrCk3fw9/E15k8NPkBazZ6
0iykLhH1trywrKRMVw67F44IE8Y=
-----END CERTIFICATE-----

部署成功状态参考:

Cloudflare 规则 - 页面规则 配置参考:

静态站,一般一条规则就可以:缓存所有内容。

Gridea 静态博客 优秀主题收集/推荐

免费 Gridea Theme 收藏。

林小沐:Gridea Theme Breek

Gridea Breek,移植于 WordPress 同名主题 Breek @ 预览 @ 截图

备用下载地址:

2020.04.12:Gridea Theme Breek (v0.3.2)

演示站:世外桃源

除非注明,垃圾站文章均为网络收集,本文地址 https://cyhour.com/1231/,转载时烦请以链接形式注明原始出处。
声明:我们不销售主机,任何VPS主机均有跑路风险且需定期备份,防止数据丢失。信息以实际为准,评测仅供参考不代表权威!
🍄:Netflix 奈飞 YouTube 合租

WordPress 文章 tag 标签使用 ID 形式固定链接

WordPress 设置中可以设定使用 post_id 作为文章/页面「固定链接」形式,但是无法设置文章 tag 标签也使用 ID 形式固定链接。 WordPress 文章 tag 标签的固定链接默认使用标签的别名,如果标签没有设置别名,并且标签名字带中文,那么固定链接就会带有中文,然后被 urlencode 转义成类似下面的…
浏览: 126 标签:  ,  ,  , 

希捷 西数 东芝 SMR 叠瓦式硬盘完整列表 硬盘购买指南

CMR(Conventional Magnetic Recording)又称作 PMR(Perpendicular Magnetic Recording)垂直写入技术,这是传统硬盘技术。SMR(Shingled Magneting Recording),叠瓦式记录技术,可以提高储存数据资料密度,从而提高硬盘储存容量。 SMR 叠瓦式硬盘优势在于大容量、低价格(性价比更高),缺点是…

WordPress 默认主题 Twenty Twenty-Two 将随 WordPress 5.9 正式发布

WordPress 2022 全新默认主题 Twenty Twenty-Two 将随 WordPress 5.9 「计划 2021 年 12 月 14 日」正式发布,Twenty Twenty-Two 主题充分使用 WordPress 最新的古腾堡编辑器的全站编功能和全局样式功能,有望成为 WordPress 有史以来最灵活自定义的主题。 WordPress 默认主题 Twenty Twenty-T…

全网热门 BitTorrent Tracker 加速BT下载 BT下载软件推荐

BT 下载速度取决于其他下载同一资源的用户上传速度。做种「指上传文件数据给其他 BT 用户的行为」用户越多,你的下载速度越快!如果资源没人提供上传,就会完全没有下载速度,而做种用户靠 Peer、DHT、Tracker 获得。 Tracker 是什么? BT 下载的文件都是其他用户上传给你的。 BT 下载速度…

Comments:26

  1. gridea真香

    2019.12.12 17:43 # 回复
    1楼
  2. 博主,下决心把wordpress切换到Gridea

    2019.12.12 19:15 # 回复
    2楼
  3. 是个好东西,但是切换成本太高。

    2019.12.12 21:10 # 回复
    3楼
  4. 简单粗暴!

    2019.12.13 09:04 # 回复
    4楼
  5. 杨总带我玩

    2019.12.13 10:54 # 回复
    5楼
  6. Maverick 熊猫小A的作品,也不错

    2019.12.21 21:51 # 回复
    6楼
  7. 垃圾站-lovenhe
    lovenhe

    这简直是神仙工具呀…感谢博主的分享!

    2021.07.20 16:42 # 回复
    7楼
    • @lovenhe 这工具写静态博客确实挺方便。

      2021.07.20 18:21 # 回复
      • lovenhe

        @老头 就是同步 真的是个大问题 😂

        2021.07.21 10:19 # 回复
        • @lovenhe 同步可能需要网络加速工具。

          另外,更新了一下,购买主机或者VPS使用 sftp 方式就不愁同步了。Gridea 官方 Web 版付费也可以吧,一年不到 100.

          2021.07.21 10:49 # 回复
          • lovenhe

            @老头 👍居然更新了 确实需要加速工具 不然同步真的是需要碰运气
            有VPS 官方付费版暂时就不考虑了 😄

            2021.07.21 19:11 # 回复
            • @lovenhe 使用 Gridea + Github + netlify.com 方式把之前删除的静态博客垃圾站重新开张了,Gridea 生成网站和同步确实很方便。

              2021.07.21 20:20 # 回复
  8. 谢谢分享,已经按照你写的教程部署好了

    2021.07.29 13:45 # 回复
    8楼
  9. 垃圾站-yue
    yue

    我按照教程一步步来了,但是我打开链接一直都是github主题的模样

    2021.09.02 17:08 # 回复
    9楼
    • @yue 同步成功了吗?一步一步来应该没什么问题。

      2021.09.02 17:28 # 回复
      • yue

        @老头 同步成功了,可是依旧没有变化

        2021.09.02 18:30 # 回复
        • @yue 要几分钟更新吧,Ctrl+F5 强制刷新也不行?地址发出来看看?

          2021.09.02 20:24 # 回复
  10. 垃圾站-yue
    yue

    同步一直在转圈圈

    2021.09.02 18:14 # 回复
    10楼

发表留言

Vultr 送$100,搬瓦工年付最低$49,优惠码 BWH3HYATVBJW,更多推荐VPS信息