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

26 Comments

前几天折腾 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)

演示站：世外桃源

本文首发于：Gridea 一个静态博客写作客户端 搭建免费静态博客 CDN加速-垃圾站
除非注明，垃圾站文章均为网络收集，本文地址 https://cyhour.com/1231/「AMP 加速版本」，转载请以链接形式注明出处。
浏览: 82 标签:  ,  ,  ,  ,  ,  ,  ,  ,  , 

VPS CentOS 安装 Resilio Sync（原 BTSync）搭建私有云储存（同步盘）

信息技术 49 Comments
其实目前需要同步使用的文件不多，坚果云 + Dropbox 已经卓卓有余。而作为私有云存储，暂时还没有那个信心能保证数据安全，现在折腾这个暂时是练练手，算是为日后打算吧。 Resilio Sync（原名：BitTorrent Sync）是由 BitTorrent 公司开发的专有的对等网络数据同步工具，可在 Windows、OS X、L…
浏览: 156 标签:  ,  ,  ,  ,  ,  , 

Excel 无法使用五笔输入中文

信息技术 30 Comments
百思不得其解，唯独不能使用五笔输入法输入中文，拼音输入法是可以正常输入的。Office 卸载，重新安装；输入法卸载，重新安装、安装其它牌子的五笔输入法；开启高级文字服务……问题依旧。打算放弃，准备重装的时候 Google 搜索结果看到了一条来自 Microsoft Community 的信息，试了一下，还真解决问题…
浏览: 71

微信双开助手安卓免费版

信息技术 0 Comment
微信双开助手安卓免费版是一款qq双开类的神器，这款软件有强大的分身功能，可一部手机同时登录两个聊账号，不同的账号分身在线互不影响，并且不止这几m，双开qq两个账号同时分身，从此远离封号风险。有兴趣的小伙伴们赶紧下载体验吧！ 微信双开助手安卓永久版简介： 全球顶尖技术为您解决微信微信双…
浏览: 141

网信查查手机版

信息技术 0 Comment
网信查查手机版是一款非常不错的生活实用类手机应用软件,专为广大司机朋友量身打造的工资查询软件,安全系数高,收益稳定有保证.帮助司机朋友快速了解到自己的资金情况,有需要的朋友快来点击下载体验一下吧! 网信查查官方简介 网信查查是一个可以查企业,查人、查商标、查信用、查征信的信息平台.目前…
浏览: 139

Comments：26

  1. 垃圾站-灰常记忆
    灰常记忆LV5

    gridea真香

    2019.12.12 17:43 # 回复
    1楼
  2. 垃圾站-浮游
    浮游LV2

    博主，下决心把wordpress切换到Gridea

    2019.12.12 19:15 # 回复
    2楼
  3. 垃圾站-Yan
    YanLV5

    是个好东西，但是切换成本太高。

    2019.12.12 21:10 # 回复
    3楼
  4. 垃圾站-孤烟
    孤烟LV1

    简单粗暴！

    2019.12.13 09:04 # 回复
    4楼
  5. 垃圾站-神父
    神父LV4

    杨总带我玩

    2019.12.13 10:54 # 回复
    5楼
  6. 垃圾站-Sam.Z
    Sam.ZLV3

    Maverick 熊猫小A的作品，也不错

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

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

    2021.07.20 16:42 # 回复
    7楼
    • 老头MOD

      @lovenhe 这工具写静态博客确实挺方便。

      2021.07.20 18:21 # 回复
      • lovenhe

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

        2021.07.21 10:19 # 回复
        • 老头MOD

          @lovenhe 同步可能需要网络加速工具。

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

          2021.07.21 10:49 # 回复
          • lovenhe

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

            2021.07.21 19:11 # 回复
            • 老头MOD

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

              2021.07.21 20:20 # 回复
  8. 垃圾站-jonycai
    jonycai

    谢谢分享，已经按照你写的教程部署好了

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

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

    2021.09.02 17:08 # 回复
    9楼
    • 老头MOD

      @yue 同步成功了吗？一步一步来应该没什么问题。

      2021.09.02 17:28 # 回复
      • yue

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

        2021.09.02 18:30 # 回复
        • 老头MOD

          @yue 要几分钟更新吧，Ctrl+F5 强制刷新也不行？地址发出来看看？

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

    同步一直在转圈圈

    2021.09.02 18:14 # 回复
    10楼

发表留言

Vultr 送$25，搬瓦工年付最低$49，优惠码 BWH34QMFYT2R，更多推荐VPS信息。

上一篇：一加7T 如何保留 ROOT OTA 升级系统？下一篇：OneinStack php 7.3.12 升级 php 7.4.0