欢迎到我自己搭建的博客查看最新最全的这篇文章,效果更佳~

备注:本文叙述操作过程非常详细,会稍现冗长,可以适当的跳读。

引子

相信大家应该已经非常了解GitHub pages了,他是一个基于github的免费静态博客平台,可以供大部分对博客感兴趣但是有不想花钱的人使用。GitHub pages的搭建非常简单,可以快速搭建一个简洁而不失优雅的blog,网络上也有大量的教程。但是GitHub pages的管理需要很高的技术含量,需要会使用gite。在官方文档中,你需要经历繁琐的步骤才可以增删修改文章或版面。那对于那些想更便捷和优雅的操作 Github Pages 人们来说,我郑重向大家推荐这款工具 Gridea 。


介绍

这里先给大家整体感知一下gridea的效果和后台,如果你觉的还不错的话,可以接着往下看,安装的过程非常简单,就是看你需不喜欢。

      首先,说明一下,gridea的首页有博客网页的展示,我这里选用的是pure主题,如果想看效果就直接到官方链接看一下,点击每一个图片旁边的小眼睛就可以啦!

      那我们就直接上后台的图片啦!





      其实还是非常方便的啦!让我们开始吧


安装和注册

首先,我们需要一个GitHub账号。国内的GitHub访问有可能会有一点慢,可以尝试中午、早晨这样的人少的时间段访问,或者耐心等待!

      打开GitHub官网后,点击右上角的sign in,就会自动跳转到注册页面,根据提示输入邮箱,密码和用户名。是否接受公告随个人喜好回答即可。最后完成人机验证,我笨到没看懂什么意思 。然后在你邮箱中输入验证吗即可,我瞎输入的邮箱怎么办。

      好了,你的GitHub账号准备完了!

      随后安装Gridea。Gridea的安装非常简单,到Gridea的官网就可以下载了


准备GitHub仓库和token

这一步是唯一有一点点技术含量的地方,但是非常简单,我都会。我们先点击图中的位置新建一个仓库,用来存储你的博客源代码。



      然后,按照图里面的步骤填写



      创建好了之后,我们就来准备token。那什么是GitHub token呢?他其实类似于你的密码,你可以调整这个密码对应的权限。那这个token建议是时效90天,90天后可以按照这个操作过程再次操作,这样更加安全一些。

      那为了大家能以后都找到这个地址,我不直接给链接,而是告诉大家操作过程。「右上角自己的头像右边的小箭头」→ 「Settings」→ 「Developer settings」



再依次选择 「Developer settings」→ 「Personal access tokens」→ 「Generate new token」



      名字起一个自己以后可以看懂的,说明这个 token 是用来干什么的。token 的权限我们只选择 Repo,更安全。



      申请成功后,网页上会有数字 + 字母的信息,这个就是 Token,我们一定要保存好,关掉网页后就没有了!后面的配置中我们会用到。

后期当你死活也同步不成功后,你可以考虑一下是否是你的token过期了。别问我怎么知道的,血的教训


大功告成

回到「Gridea」->「远程」



域名:Github Pages 对应的域名(例如:https://owenzjg.github.io

仓库:你的静态文件存放的仓库(例如:http://owenzjg.github.io

分支:你的 Github Pages 对应的分支(例如:master 或 gh-pages)

用户名:仓库所属用户的用户名(通常就是你的 Github 账号的昵称,例如:owenzjg)

邮箱:Git 推送时使用的邮箱(通常就是你的 Github 账号的邮箱,例如:**********@qq.com)

Token: Git 推送时需要的 Token,用来向 Github 提交构建后的文件 这里的 token 就是 第三步 申请的 Github tokens

CNAME: 可通过这个【可选项】配置你自己的域名

      填写上面的信息后,点击 「检测远程连接」 按钮(耐心等待),如果提示 「远程连接成功」 那就 ok 啦~

      点击同步就可以将你的文章同步到GitHub了,预览为本地预览。第一次同步比较慢,国内GitHub有时链接不稳定,同步失败过一会就好了。(前提是「远程连接成功」)

      到你的用户名.github.io去访问吧!

美化

后续为你的博客添加评论、统计等功能,请点击网站上方「专题」查看。


后续

本文撰写时参考了以下文献:

·Gridea 一个小而美的静态博客写作客户端 - 知乎

·快速上手 Gridea,实现你小小的博客梦想! - 知乎

·快速上手 | Gridea

·Gridea配置Gitalk评论系统 |

·Gridea 配置Gitalk 的异常:Error Bad credentials 和 Error Not Found_集电极的博客-CSDN博客

·Gridea 同步遇到错误_gridea同步失败_lovely days的博客-CSDN博客

Gridea,一个小而美的博客梦想桥梁的更多相关文章

  1. Django1.8教程——从零开始搭建一个完整django博客(一)

    第一个Django项目将是一个完整的博客网站.它和我们博客园使用的博客别无二致,一样有分类.标签.归档.查询等功能.如果你对Django感兴趣的话,这是一个绝好的机会.该教程将和你一起,从零开始,搭建 ...

  2. Django 学习笔记之六 建立一个简单的博客应用程序

    最近在学习django时建立了一个简单的博客应用程序,现在把简单的步骤说一下.本人的用的版本是python 2.7.3和django 1.10.3,Windows10系统 1.首先通过命令建立项目和a ...

  3. 使用Phalcon框架开发一个简易的博客系统

    使用Phalcon PHP框架开发一个简易的博客系统(类似于CMS) 最近在做Phalcon(Phalcon在英文中指的是鸟类中飞得最快的那一个物种,由于是高性能框架,借用了这个词)相关的项目,由于刚 ...

  4. Express入门教程:一个简单的博客

    来自:  http://ourjs.com/detail/56b2a6f088feaf2d031d2468 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, ...

  5. 用express搭建一个简单的博客系统

    转自:https://blog.csdn.net/qq_29721837/article/details/62055603 Express 简介 Express 是一个简洁而灵活的 node.js W ...

  6. 2019基于Hexo快速搭建个人博客,打造一个炫酷博客(1)-奥怪的小栈

    本文转载于:奥怪的小栈 这篇文章告诉你如何在2019快速上手搭建一个像我一样的博客:基于HEXO+Github搭建.并完成SEO优化,打造一个炫酷博客. 本站基于HEXO+Github搭建.所以你需要 ...

  7. Python学习笔记23:Django构建一个简单的博客网站(一个)

    在说如何下载和安装Django,本节将重点讨论如何使用Django站点. 一 新建project 命令:django-admin startproject mysite # 有的须要输入:django ...

  8. 使用Hexo搭建一个简单的博客(一)

    搭建好简洁的博客框架后,回看时发现,简洁之中透露着一丝丝简陋,好的,网上关于丰富hexo的文章也很多 记录一下自己的一些瞎操作. 在你的hexo目录下,你可以看到themes文件夹里有个默认的land ...

  9. 使用Hexo搭建一个简单的博客(二)

    昨天想着用Hexo和github搭一个自己简单的博客,记录一下自己踩过的坑,具体的流程就不重复了,主要参考了一下几篇文章 GitHub+Hexo 搭建个人网站详细教程 使用Hexo+Github一步步 ...

  10. 微信小程序初见+nodejs服务端 (一个简单的博客)

    推荐网址: 腾讯云快速开发(nodejs前后端):https://developers.weixin.qq.com/miniprogram/dev/qcloud/qcloud.html#%E5%AF% ...

随机推荐

  1. 【每日一题】【上右下左模拟&while循环体条件不满足时】54.螺旋矩阵-211110/220204

    给你一个 m 行 n 列的矩阵 matrix ,请按照 顺时针螺旋顺序 ,返回矩阵中的所有元素. 解答:while循环内部不满足也会继续走到结尾 import java.util.ArrayList; ...

  2. python之xlsx合并单元格

    需求背景: 工作中将数据保存xlsx文件之后,里面每一列中有很多重复的看着很不美观,需要将每一列中的相同值合并起来,是表格看起来美观简洁 处理前 处理后 直接上代码(内涵注释讲解) "&qu ...

  3. 重学c#系列——linq(1) [二十七]

    前言 简单介绍一下linq,linq很多人其实用的很熟练了,但是有些人不知道自己用的是linq. 正文 在介绍linq 之前,先介绍一下集合. public interface ICollection ...

  4. DOM(原生js事件绑定)

    一:原生js事件绑定 1.开关灯案例 <!DOCTYPE html> <html lang="en"> <head> <meta char ...

  5. Windows搭建Git服务器

    Windows如何搭建Git服务器 1.安装java环境 (1)下载安装java 注意(java的版本需要在1.7及以上) (2)配置java的环境变量 (3)检验java环境是否安装成功 2.下载安 ...

  6. JDBC中文乱码问题

    解决JDBC中文数据存入数据库乱码问题 ?useUnicode=true&characterEncoding=utf-8

  7. [C++]我的理解之内存对齐

    问题1:为什么要内存对齐? 平台原因:不是所有的平台都能访问到任意地址上的任何数据,如果在特定的地址上找不到数据的话就会抛出硬件异常. 性能问题:简单的来说如果没有使用内存对齐的话,相对于内存对齐,C ...

  8. 对 Pulsar 集群的压测与优化

    前言 这段时间在做 MQ(Pulsar)相关的治理工作,其中一个部分内容关于消息队列的升级,比如: 一键创建一个测试集群. 运行一批测试用例,覆盖我们线上使用到的功能,并输出测试报告. 模拟压测,输出 ...

  9. 超详细版本vue+capacitor(自定义capacitor插件)编写移动端应用

    我的环境 Node v16.13.0 npm v8.1.0 mac的话需要安装Xcode windows的话需要Java 8 JDK和Android Studio软件 本文以安卓开发为例 找一个自己喜 ...

  10. C#开发PACS医学影像三维重建(十四):基于能量模型算法将曲面牙床展开至二维平面

    在医学影像领域中,将三维重建中的人体组织展开平铺至二维,用来研判病灶和制定治疗方案的重要手段之一, 它能够将立体曲面所包含的信息更为直观的展示到二维平面上,常用的情景包括: 牙床全景图.平铺血管.骨骼 ...