惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

月光博客
月光博客
IT之家
IT之家
Hugging Face - Blog
Hugging Face - Blog
J
Java Code Geeks
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 叶小钗
MyScale Blog
MyScale Blog
G
Google Developers Blog
Microsoft Azure Blog
Microsoft Azure Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
大猫的无限游戏
大猫的无限游戏
博客园 - 三生石上(FineUI控件)
Google DeepMind News
Google DeepMind News
Engineering at Meta
Engineering at Meta
The Cloudflare Blog
Martin Fowler
Martin Fowler
酷 壳 – CoolShell
酷 壳 – CoolShell
N
Netflix TechBlog - Medium
MongoDB | Blog
MongoDB | Blog
I
InfoQ
WordPress大学
WordPress大学
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
H
Help Net Security

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
不懂技术怎么办?Gridea 可以帮你搭建自己的个人博客 - 少数派
2020-12-21 · via 少数派

📝  为什么要写博客

第一次接触博客还是在高中的时候,偶尔在新浪博客或者空间日志上去发一些自己写的文章,记录一些自己认为有价值可以给其他人分享且有用的内容。

工作之后,经常也会遇到一些问题,在不懂的时候也会在互联网上用搜索引擎去查询问题,经常会在一些小众的个人博客中找到解决办法,平时自己也学习着怎么将自己遇到的问题解决成功后的过程记录下去分享在自己的博客,也许可以帮到那些曾经和你一样遇到同样问题的小伙伴们。

💻  选择博客的平台

很早的时候就想过怎么用自己的域名去访问的个人网站或者博客,网上也找了一堆其他人写的”如何搭建自己的个人博客”相关的教程内容去学习搭建,发现基本上都是一些用 Hexo + GitHub 去搭建的,有些还是要掌握一些技术相关的内容,折腾了很久但最终还是没有坚持下来于是就放弃了…

最近在闲时摸鱼 🐟 的时候,发现了一个叫 Gridea 的静态博客客户端,支持 Markdown 写作,在 GitHub Pages 的基础上去帮助您更轻松地构建和管理博客或任何静态站点。

对于个人博客的搭建,常用的像动态的 Typecho WordPress 等,还有静态的站点,如 HugoJekyll 等。这些都有着各自的优缺点,不过对于小白用户来说, Gridea 真的是一款很友好的博客工具。

📕 如何通过 GitHub + Gridea 搭建自己的静态网站(以Mac为主)

Mac为主)

安装Git

要想远程部署在Github,必须要安装 Git,我个人的环境是 macOS,所以安装很简单,打开macOS自带的终端,输入下面命令行即可。

brew install git

注册及配置 GitHub(访问可能较慢)

前往 GitHub 找到 Sign Up,填写 Join GitHub 表单信息

注册 GitHub 账号

注册完成后,进入首页,开始点击左侧 new 或者右上角 + 创建自己的新仓库。

创建仓库

填写仓库表单信息并进行配置内容(需要注意的是,仓库名必须为  <Username>.github.io,必须和这个一样,否则不会生成 GitHub Pages。)

仓库类型要选择为公开 Public,其他内容都默认即可,最后选择 Create repository 创建仓库。

填写仓库信息

启用 GitHub Pages ,找到刚刚创建成功的仓库后,打开仓库的 Settings ,找到页面最下方的GitHub Pages 配置选项。

Source 选择 master 即可;

点击 Choose a theme  选择其中一个主题即可(因为后续我们使用 Gridea 设置主题,这边选择主题只是为了开启 GitHub Pages 可访问类型);

Custom Domain 填写自己的域名即可,默认不填为 GitHub 提供的二级域名;

如果使用自己的域名去访问网站?

前往阿里云、腾讯云、Godaddy等服务商申请域名,域名申请成功后,前往GitHub 仓库的 Settings 中的 GitHub Pages 选项中添加自己的自定义域名。

自定义域名

前往域名提供商域名管理中心(以 Godaddy 域名服务商为例),找到 Godaddy 中自己购买域名的 DNS 管理,并在原先的记录下添加2条新的记录即可。

DNS 管理

图片中的IP地址是根据在终端中通过命令行而得到的,打开终端输入以下命令

ping <Username>.github.io

Enforce HTTPS 选中即可。

GitHub Pages 配置

创建新 token

若要使用 Gridea 管理 GitHub Pages ,需要创建一个新的 token ,前往 GitHub token 去生成你的 token ,勾选上 repo 相关权限即可,其他选项默认即可。

创建 token

请把新建的 token 复制一个地方保存起来,因为关闭这个网页后你就再也看不到它了。(目前无法找到创建过的token)

管理 token

安装 Gridea

前往 Gridea ,下载对应系统版本的安装包,安装即可,安装好基本是这样的页面:

Gridea 首页

配置 Gridea

找到 Gridea 应用中的远程连接页面,做好基本设置并保存。这步设置好后就可以开始使用。你可以点击客户端左下角的预览按钮来查看本地渲染效果,或者点击同步进行博客最新内容的部署。

配置 Gridea 连接 GitHub

博客页面设置

找到 Gridea 应用中的主题页面,在网页图标或者头像设置中上传对应的头像图片即可。

  • FAVICON 网页图标
网页图标
  • 页面头像设置
网页头像

找到 Gridea 应用中的菜单选项,可以新增、编辑、删除博客的菜单,完成后同步即可。

  • 网页菜单
网站菜单分类

找到 Gridea 应用中的主题选项,可以选择内置的主题或者去付费或免费下载喜欢的主题 [主题市场 | Gridea ]

  • 网页主题
网页主题配置

🧑🏻‍💻 创建第一篇博客文章

在文章管理界面点击新建文章。GitHub Pages 使用 Markdown 编写文章,同时 Gridea 的文章编辑器提供了一些基本样式,点击按钮既可以添加对应标记,方便初学者使用。

创建新的文章

编辑区的右侧可以设置 URL标签创建时间封面图列表中隐藏

文章设置
  • 标签:可以选择已有的标签,如果需要新标签请先回到主界面添加,再在文章编辑界面选择。
  • 创建时间:会自动生成,也可以修改。
  • 封面图:会显示在首页和其他文章列表(可设置隐藏)。
  • 列表中隐藏:可以用于暂未编辑好的文章,或者不希望它显示于各种列表中而只能通过链接访问,比如关于页面。

所有的设置和内容更新要在服务器端生效都需要在保存后点击客户端左下角的同步。 为了保证不出问题,也可以同步前在本地进行预览。

同步完成之后,访问自己的博客之后就可以看到刚刚创建的博客文章。

预览文章

由于 GitHub Pages 在国内访问十分缓慢,目前建议通过图片压缩工具进而减小图片本身大小来提高网站的加载速度。

后续再更新通过 CDN 加速或者通过七牛云存储去提高博客的访问速度 🙇🏻‍♂️