前言

以前使用过HEXO和GitHub搭建过静态博客,可以参考这篇文章:www.beiwangshan.com

但是觉得静态博客没有什么意思,于是转移到了typecho动态博客,还花钱整了服务器以及一些七七八八的东西。但是最近却觉得麻烦了,套了又拍云的CDN,最近访问量增加,每个月10G的免费流量不够了,又花了一笔钱,本来搭建一个博客就是非盈利的,反正也有其他的种种原因,让我觉得有些累了,于是先整一个静态的作为备用。看了其他的静态博客,我最终选择了使用Gridea

什么是Gridea

Gridea 是一个静态博客写作客户端,帮助你更容易地构建并管理博客或任何静态站点。不像其他的静态博客,每次发表文章都需要指令面板输入指令,Gridea拥有很好的交互界面,让我们可以像在笔记软件上写文章一样方便。

不需要服务器,使用GitHub和Gridea搭建笔记&博客程序

Gridea 只是负责将我们使用Markdown 编辑的内容制作成网页,在本地即可预览,你只需要一个现代浏览器即可,不需要任何第三方环境。

为什么选择Gridea

简单,方便,简洁;

只需要简单的配置,就可以方便的书写博客,界面清爽简洁,丰富的主题也能满足需求。一键同步内容到GitHub,自动生成静态网页,实时发布在自己的静态博客上。免费且便捷。

如何使用Gridea?

几个简单的步骤来讲,大家跟着脚步就对啦:dancer:,我会按照最优化的解决办法给大家介绍。

GitHub Page+自定义域名+cloudflare CDN加速+好看的主题

然后一步步解决~

但是第一步还是安装Gridea

GitHub Page

创建 GitHub 账号,并创建一个仓库 Token。点击GitHub,进行注册。登录 GitHub 之后,点击这里创建一个 Token,勾选上 repo 的相关权限即可。生成之后记得把 Token 复制到你的本地,因为一旦关闭网页将不能再看到它。

不需要服务器,使用GitHub和Gridea搭建笔记&博客程序

创建仓库,存放构建后的网站文件。创建一个公开仓库,名为用户名.github.io。(将用户名替换为你的 GitHub 用户名)

不需要服务器,使用GitHub和Gridea搭建笔记&博客程序

进入 Gridea 进行远程设置。按照下图的示例进行设置,然后点击「检测远程链接」,进行配置检查。

不需要服务器,使用GitHub和Gridea搭建笔记&博客程序

同步。点击 Gridea 中的 同步按钮即可。初次部署等待几分钟之后就可以去浏览器访问了,默认地址为你在第 3 步所填写的域名。

自定义域名

在GitHub仓库的设置中找到GitHub Pages,来到GitHub Pages设置页面

不需要服务器,使用GitHub和Gridea搭建笔记&博客程序

然后做如下的设置:

不需要服务器,使用GitHub和Gridea搭建笔记&博客程序

其中选择Source,是网站的源码所在位置

然后设置自定义域名Custom domain

此域名需要在域名购买处做解析,在配置时,只需要将 DNS 配置里面的 A 记录指向这 4 个 IP 地址中的至少一个

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

配置后的状态如下:

不需要服务器,使用GitHub和Gridea搭建笔记&博客程序

做好这里,你的自定义域名就算成功。

cloudflare CDN加速

cloudflare 是一家国外的 CDN 加速服务商,还是很有名气的。提供免费和付费的加速和网站保护服务。百度云加速的国外节点就是和 cloudflare 合作使用的 cloudflare 的节点。cloudflare 提供了不同类型的套餐,即使是免费用户,cloudflare 提供的功能也是很全面的。

进入:https://dash.cloudflare.com/注册后并添加域名,需要修改DNS服务器地址,验证之后即可使用。

下面介绍一些设置:

SSL/TLS
  • SSL/TLS 加密模式选择 完全(严格)模式
  • 始终使用 HTTPS 设置为
  • 最低 TLS 版本选择TLS1.0
  • 随机加密设置为
  • TLS 1.3设置为
  • 自动 HTTPS 重写设置为

然后证书啥的都去安装上。基本上就可以使用了。

好看的主题

我推荐的主题是:Gridea 主题 - Pure | imhanjie

感觉比较清爽,用起来也十分方便,我们只需要去GitHub下载主题,然后在客户端进行安装即可。本地的项目地址一般是:C:/Users/用户名/Documents/Gridea

主题中有许多简单的配置

不需要服务器,使用GitHub和Gridea搭建笔记&博客程序

不需要服务器,使用GitHub和Gridea搭建笔记&博客程序

显示效果:

不需要服务器,使用GitHub和Gridea搭建笔记&博客程序

持续更新中

如果觉得我的文章对你有用,请随意赞赏