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

前几天折腾 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 证书就好了。

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

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 内置 XML Sitemaps 替换 Google XML Sitemaps

内容是王道,但是有时候酒香也怕巷子深,向搜索引擎提交 sitemap 是快速提高网站收录的最好方法之一。老头一直使用 Google XML Sitemaps 插件自动生成 sitemap.xml 站点地图。 WordPress 5.5 版本起 内置 sitemap 功能 WordPress 5.5 版本之后,核心代码已经内置 XML Sitemaps 功能,只要访问:…

WordPress 5.0+ 禁用 Gutenberg & WordPress 5.8+ 禁用 Widget 块编辑器

2018.12.06,WordPress 5.0 发布,代号 Bebo。最大的亮(黑)点就是正式引入新的基于块(block-based)的编辑器 —— Gutenberg 编辑器,以及新的默认主题 —— Twenty Nineteen。 WordPress 5.0+ 禁用 Gutenberg 编辑器 第一时间升级,打开文章编辑,一股说不出的杯具感在心头……变化太大,心累…
浏览: 50 标签:  ,  ,  , 

Adobe Flash Player 去helper(Win10 完美恢复)

Adobe 在2020年12月31日后将不再支持 Adobe Flash Player,从2021年1月12日开始,阻止 Flash 内容在 Flash Player 中运行。截图 虽然不喜欢 Adobe Flash Player,但是有些网站目前仍然离不开 Adobe Flash Player,过渡解决方法是:安装中国特供版 Adobe Flash Player 或者安装网友修改 Adobe Flash…

升级新版 Google AdSense 代码提升广告效果

2021年7月19日,Google AdSense 最近发布了新版 AdSense 代码。通过新版 AdSense 代码,AdSense 可以更早触发优化功能,从而提升网站上广告效果。新广告代码适用于自动广告和广告单元。 如何获取 Google AdSense 新版代码? 无需采取任何措施。在下次登录 AdSense 后,您将拥有对新广告代码的访…

Comments:21

  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楼

发表留言

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