1 概述

Github Pages可以用来托管个人网站,静态的,便于用来实现博客,可以在一个仓库的settings中开启:

Gridea是一个静态博客写作客户端,所有文件都在本地,没有数据库,实现简单,支持Markdown

2 准备工作

  • 一个Gthub账号
  • 一个Github Pages的仓库
  • 一个Gridea客户端
  • (可选)一个域名

3 Github Pages

仓库名是:

用户名.github.io

需要公开仓库与一个REDAME.md文件,然后创建。

进入设置开启Github Pages


下拉找到Github Pages:

默认使用master分支,可以选择主题.

然后在浏览器输入刚才创建的仓库名就可以访问了.

4 Gridea

理论上来说这样就完成了,但是如果想更好看和更方便管理一些,就要用Gridea

下载之后直接打开,进入设置:

域名与仓库名一样,分支填master(或main),邮箱自己填,这里说一下Token,打开设置中的开发者设置:

新建一个Token

只需要勾选仓库相关的权限,名字可以随便。

复制填入。

然后可以测试一下连接:

若失败请返回前几步看看哪里出错。

设置好了之后可以设置主题等,自定义美化。

设置好了之后可以先预览再同步。

同步完成后就可以在浏览器输入

用户名.github.io

进行访问了。

5 绑定域名(可选)

如果购买了域名的话,可以绑定到自己的域名上面,笔者的域名是阿里云上购买的,因此这里以阿里云的为例,进入域名的解析页面,添加两个记录:

第一个记录类型是CNAME,主机记录是www,记录值为仓库的名字。

第二个记录类型是A,主机记录是@,记录值为ping仓库名字得到的ip

若成功的话会这样显示:

添加之后在Gridea的客户端中设置的CNAME添加域名:

使用左下角的按钮测试一下,测试通过之后就可以通过域名访问了。

如果想通过HTTPS访问,直接在Github Pages中设置Enforce HTTPS即可(解析域名之后需要一定时间才可以勾选)。

之后就可以通过HTTPS访问了。

Github Pages+Gridea搭建个人博客相关推荐

  1. Github Pages + Hugo 搭建个人博客

    文章目录 Github Pages + Hugo 搭建个人博客 零.效果 一.创建 Github 库 二.安装 Hugo 和 Git 三.新建 Hugo 网站 四.选择 Hugo 主题 五.新建文章 ...

  2. GitHub Pages + Hexo搭建个人博客网站,史上最全教程

    文章目录 一.准备工作 1. GitHub账号 2. 安装Git 3. 安装NodeJS 二.创建仓库 三.安装Hexo 四.更换主题 1. NexT 主题 2. Fluid主题 五.创建文章 六.个 ...

  3. 使用GitHub+Hexo+live2d搭建个人博客

    使用GitHub+Hexo+live2d搭建个人博客 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 安装hexo sudo n ...

  4. 如何使用Github+Hexo快速搭建个人博客

    如何使用Github+Hexo快速搭建个人博客 可以移步地址:https://zyt505050.gitee.io/2019/01/27/ru-he-shi-yong-github-hexo-kuai ...

  5. GitHub+hexo+win10 搭建个人博客

    GitHub+hexo+win10 搭建个人博客 个人感觉这篇很详细,值得收藏. http://hujichn.github.io/2016/04/06/Win10上利用github+hexo建立博客 ...

  6. 使用Pages+Hexo搭建个人博客总结

    Github Pages是Github免费给开发者提供的一款托管个人网站的产品,而Hexo是一款基于Node.js的静态博客框架,拥有依赖少.易安装.易使用的特性,它们的组合非常适合快速搭建个人博客. ...

  7. github page+jekyll搭建个人博客总结

    前言 github page: github提供了一块空间让我们可以当服务器用,所以我们就利用这块空间来搭建博客,我们可以把代码放在这里面,而且他还给我们提供了一个域名(username.github ...

  8. hexo同时在github和gitcafe搭建个人博客

    说明 自己在使用hexo搭建静态博客的时候踩了许多坑,最终去官网看教程搞定了, 建议用hexo搭建个人博客的时候,最好看清教程的日期和使用的版本,这样就 不会因为版本的不同导致的问题了.建议先去hex ...

  9. 【GitHub.io/Github Pages使用教程】从头开始搭建自己的Github Pages,打造个人博客网站,展示个人简历、项目、文档或想要与世界共享的任何其他内容

    巨人半边莲 如果你曾征服乞力马扎罗山,留意过海拔 3,657-4,267 米处的尖顶植物,这种植物有时形似绿色大柱子(或'花序'),从中间长出花序. 那么你就可能看到许多巨人半边莲,这些植物生长在非洲 ...

最新文章

  1. thinkphp5如何使用layout
  2. Codeforces 140D - New Year Contest
  3. 腾讯优图发布四大平台产品,持续开放视觉AI能力
  4. python3九九乘法表儿歌下载_Python3基础 九九乘法表
  5. [导入]如何动态生成table(javascript)
  6. Git学习文档之一 学习文档-发布
  7. MongoDB 学习-MongoDB 的基本操作(二)
  8. slf4j+log4j在Java中实现日志记录
  9. ps分辨率像素英寸和厘米的区别_南南带你免费学习超级强大的做图软件-PS(第一章:第二节)...
  10. xmake vs cmake对比分析
  11. Java sychronized关键字总结(二)
  12. Ttest + 秩和检验
  13. 数据库应用技术课程设计之商城管理系统
  14. AQS之ReenReadWriteLock
  15. Grafana的介绍与使用
  16. 04.ElasticSearch之IK分词器的安装与使用
  17. Pytorch 叶子张量 leaf tensor (叶子节点) (detach)
  18. 机器学习(周志华)算法目录
  19. OCR在转转游戏的应用
  20. Android学习之优化美女图片浏览器

热门文章

  1. Python之函数定义(3)
  2. 小游戏画面清晰自适应手机全屏
  3. Android CLAT
  4. flexible.js原理理解
  5. APP导航使用短视频来播放
  6. Qt下Double转int会出问题,所以自己写个四舍五入的函数
  7. python基础语法—语句
  8. 分类网络位置测试图片生成
  9. 基于协同过滤的电影推荐系统
  10. J2EE 中的数据库连接类