Gridea+GitPage+Gittalk 搭建个人博客

👋通过Gridea+GitPage 搭建属于自己的博客!
👻GitPage 负责提供 Web 功能!
😽Gridea 作为本地编辑器,方便 push 文章!
🏷本文讲解如何使用 Gridea+GitPage 服务+域名(可选)搭建个人博客!

前置准备

  • Github 账号
  • 下载好 Gridea
  • 域名(可选)

零、搭建步骤

  1. 创建 github 仓库,用来存放你的 Blog;
  2. 为该仓库开启 GitPage 服务,开启从 web 访问你的 Blog 的功能;
  3. 开启 Token ,便于 Girdea 访问仓库并推送文章;
  4. 配置 Gridea,开启 blog 远程访问,自定义主题等;
  5. 个性化域名设置(可选);
  6. 为博客添加评论功能(可选);
  7. 增加百度统计(可选);
  8. 添加访问量显示(可选);
  9. CND加速,加速国内访问速度(可选);

一、创建仓库

  1. 首先登录你的 github
  2. 然后点击你头像左侧的 【+】,下拉菜单 【New repository】开始新建仓库
  3. 填写仓库信息:
    1. Repository name下边的方框填上你的仓库名;
    2. Description (optional)填写上你关于这个仓库的描述,一会生成README用;
    3. 勾选上 Add a README file
  4. 然后点击【Create repository】创建完成

二、开启 GitPage

  1. 进入你刚创建好的仓库中,点击上方的【Settings】进入设置;
  2. 点击左侧的【Pages】找到Branch,将下边的分支选为master
  3. 勾选下方的Enforce HTTPS强制启用 HTTPS 访问;
  4. 上方会提示Your site is live at http://xxx.github.io/仓库名,点击右方的 【Visit site】就可以访问你的博客了。

三、开启 Token

开启 Token 可以通过 Token 来访问你的 github,具体步骤如下:

  1. 点击的的头像,在弹出的菜单中,点击下方的【Settings】;
  2. 点击左侧最下方的【Developer settings】;
  3. 找到左侧的【Personal access tokens】展开,点击下方的【Tokens(classic)】;
  4. 点击最上方的【Generate new token】展开,点击【Generate new token(classic)】;
  5. 在新的页面中的Note中填入你创建这个Token的目的,随便填;
  6. Expiration是指这个 Token 的有效期,按需选择;
  7. 最后勾选下边的repo

四、配置 Gridea

  1. 点击左侧的【远程】,进入到基础配置
  2. 按如下方式填写:
    在这里插入图片描述

五、自定义域名(可选)

首先需要准备你自己的域名,可以去域名商买,这里以腾讯云为例:
进入你的域名控制台,找到你的域名,点击【解析】,记录类型选择CNAME,记录值填上你的 GitPage 网址;
在这里插入图片描述

这里要改两部分的内容:GitPage 和 Gridea 设置,具体如下:

  1. GitPage,找到Custom domain,填上你的域名,点击【save】;
  2. Gridea,将上边步骤四的域名CNAME中填上你的域名。

六、添加评论功能(可选)

参见:在Gridea中配置Gitalk评论系统——记忆一隅
📘Note:Gittalk 使用的仓库可以和博客不是同一个仓库。

七、增加百度统计(可选)

参考:gridea #issue 558

八、添加访问量显示(可选)

参见:网站添加存活时间显示

九、利用 Cloudflare 加速国内访问(可选)

参见:GitHub pages+自定义域名(腾讯云域名)+cloudflare加速
📘Note:不是很稳定,感觉没有折腾的必要。

常见问题

  1. Gridea 同步失败
    描述:在代理后,点击同步按钮始终失败。
    方案:点击打开远程配置选项,按以下路径设置:HTTP代理->Proxy->地址:127.0.0.1->端口:7890(你自己的代理的本地端口)

  2. 主题不加载CSS样式
    描述:使用自定义域名后,访问博客没有主题样式
    方案:将 Gridea 的【远程设置】中域名CNAME都换成自己的域名即可

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/71694.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

原生Js Canvas去除视频绿幕背景

Js去除视频背景 注: 这里的去除视频背景并不是对视频文件进行操作去除背景 如果需要对视频扣除背景并导出可以使用ffmpeg等库,这里仅作播放用所以采用这种方法 由于uniapp中的canvas经过封装,且 uniapp 的 drawImage 无法绘制视频帧画面&…

TOWE雷达光敏感应开关,让生活更智能、更安全

现代生活中,智能家居成为人们追求品质生活的必备之选。其中,照明控制的智能化已然成为一种趋势,传统的灯光开关需要人们手动操作,既不方便,有时候也会造成资源的过度浪费,而雷达光敏感应开关的出现&#xf…

QT之形态学操作

形态学操作包含以下操作: 腐蚀 (Erosion)膨胀 (Dilation)开运算 (Opening)闭运算 (Closing)形态梯度 (Morphological Gradient)顶帽 (Top Hat)黑帽(Black Hat) 其中腐蚀和膨胀操作是最基本的操作,其他操作由这两个操作变换而来。 腐蚀 用一个结构元素…

【MySQL】MySQL的安装,登录,配置和相关命令

文章目录 前言一. 卸载不需要的环境二. 获取MySQL的yum源三. 安装MySQL和启动四. 尝试登录MySQL方法1:获取临时root密码方法2:没有密码方法3:配置文件 五. 简单配置结束语 前言 本篇文章是基于云服务器;Linux:Centos7…

Leetcode.174 地下城游戏

题目链接 Leetcode.174 地下城游戏 hard 题目描述 恶魔们抓住了公主并将她关在了地下城 d u n g e o n dungeon dungeon 的 右下角 。地下城是由 m x n 个房间组成的二维网格。我们英勇的骑士最初被安置在 左上角 的房间里,他必须穿过地下城并通过对抗恶魔来拯救公…

Vuepress样式修改内容宽度

1、相关文件 一般所在目录node_modules\vuepress\theme-default\styles\wrapper.styl 2、调整宽度,截图中是已经调整好的,在我电脑上显示刚刚好。

【Maven教程】(五)仓库:解析Maven仓库—布局、分类和配置,远程仓库的认证与部署,快照版本,依赖解析机制,镜像和搜索服务 ~

Maven 仓库 1️⃣ 什么是Maven仓库2️⃣ 仓库的布局3️⃣ 仓库的分类3.1 本地仓库3.2 远程仓库3.3 中央仓库3.4 私服 4️⃣ 远程仓库的配置4.1 远程仓库的认证4.2 部署至远程仓库 5️⃣ 快照版本6️⃣ 从仓库解析依赖的机制7️⃣ 镜像8️⃣ 仓库搜索服务8.1 Sonatype Nexus8.2…

微信小程序开发---事件的绑定

目录 一、事件的概念 二、小程序中常用的事件 三、事件对象的属性列表 四、bindtap的语法格式 (1)绑定tap触摸事件 (2)编写处理函数 五、在事件处理函数中为data中的数据赋值 六、事件传参 七、bindinput的语法格式 八、…

⛳ MVCC 原理详解

🎍目录 ⛳ MVCC 原理详解🐾 一、事务回顾📐 1.1、什么是数据库事务,为什么要有事务🎉 1.2、事务包括哪几个特性?🎍 1.3、事务并发存在的问题1.3.1、脏读1.3.2、不可重复读1.3.3、幻读 &#x1f…

Linux命令200例:Yum强大的包管理工具使用(常用)

🏆作者简介,黑夜开发者,CSDN领军人物,全栈领域优质创作者✌。CSDN专家博主,阿里云社区专家博主,2023年6月csdn上海赛道top4。 🏆数年电商行业从业经验,历任核心研发工程师&#xff0…

LeetCode 1123. Lowest Common Ancestor of Deepest Leaves【树,DFS,BFS,哈希表】1607

本文属于「征服LeetCode」系列文章之一,这一系列正式开始于2021/08/12。由于LeetCode上部分题目有锁,本系列将至少持续到刷完所有无锁题之日为止;由于LeetCode还在不断地创建新题,本系列的终止日期可能是永远。在这一系列刷题文章…

09-JVM垃圾收集底层算法实现

上一篇:08-JVM垃圾收集器详解 1.三色标记 在并发标记的过程中,因为标记期间应用线程还在继续跑,对象间的引用可能发生变化,多标和漏标的情况就有可能发生。 这里我们引入“三色标记”来给大家解释下,把Gcroots可达性…

Java 内部类

目录 一、什么是内部类及为何要有内部类 二、四种内部类 1.成员内部类 成员内部类定义: 获取成员内部类对象的方法: 成员内部类获取外部类变量: 额外: 2.局部内部类 局部内部类定义: 如何实现内部类当中的方法: 3.静态内…

【opencv】多版本安装

安装opencv3.2.0以及对应的付费模块 一、安装多版本OpenCV如何切换 按照如下步骤安装的OpenCV,在CMakeLists.txt文件中,直接指定opencv的版本就可以找到相应版本的OpenCV,为了验证可以在CMakeLists.txt文件中使用如下指令输出版本验证&…

二、创建个人首页页面

简介 改造 App.vue 创建一个展示页面,实现一个可以轮播的功能效果。欢迎访问个人的简历网站预览效果 本章涉及修改与新增的文件:style.css、App.vue、assets 一、 自定义全局样式 将 style.css 中的文件样式内容替换为如下代码 /* 初始化样式 --------------------------…

python-爬虫-xpath方法-批量爬取王者皮肤图片

import requests from lxml import etree获取NBA成员信息 # 发送的地址 url https://nba.hupu.com/stats/players # UA 伪装 google header {User-Agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.3…

CSS笔记(黑马程序员pink老师前端)盒子阴影,文字阴影

盒子阴影 属性值为box-shadow,盒子阴影不占空间,不影响盒子之间的距离. 值说明h-shadow必需,水平阴影位置,允许为负值v-shadow必需,水平阴影位置,允许为负值blur可选,模糊距离,数值越大影子越模糊spread可选,影子的尺寸color可选,影子的颜色inset可选, 将外阴影改为内阴影(省…

微服务04-Gateway网关

作用 身份认证:用户能不能访问 服务路由:用户访问到那个服务中去 负载均衡:一个服务可能有多个实例,甚至集群,负载均衡就是你的请求到哪一个实例上去 请求限流功能:对请求进行流量限制,对服务…

sklearn中make_blobs方法:聚类数据生成器

sklearn中make_blobs()方法参数: n_samples:表示数据样本点个数,默认值100 n_features:是每个样本的特征(或属性)数,也表示数据的维度,默认值是2。默认为 2 维数据,测试选取 2 维数据也方便进行可视化展示…

FPGA实战小项目2

基于FPGA的贪吃蛇游戏 基于FPGA的贪吃蛇游戏 基于fpga的数字密码锁ego1 基于fpga的数字密码锁ego1 基于fpga的数字时钟 basys3 基于fpga的数字时钟 basys3