【博客篇】

前言:

通过Github(pages),0成本搭建个人博客
简单实用,5分钟搞定!
无需特殊基础,仅需一定电脑使用经验

【教程】

1.首先我们需要拥有一个Github账号,请自行注册:Github

2.打开此项目地址Gmeek

下拉,点击通过模板创建仓库
或直接点击本篇博客上文相同字样。
Image

输入项目名称 【Repository name】
(注意:以用户名+.+github+.+io形式命名可获得相应免费域名)

示例 02halei.github.io

然后点击创建储存库 【Create repository】
Image

3.相关设置

点击settings

Image

点击Pages

Image

选择source

Image

点击Github Actions

Image

部署完的界面如下

Image

然后点击进入Issues,并点击New Issues撰写博客文章

以后要发布博客文章也是这样编辑(注意!请使用Markdown语法编写)

Image

注意这里一定要选择一个标签,也可以自定义

Image

编辑完后点击Create

Image

我们再更改博客标题及基本信息介绍

Image

Code中打开config.json文件

Image

如图选择就地编辑

Image

依次为博客标题,博客简介,博客头像

Image

博客头像可以右键Github头像,选择在新标签页打开,复制并使用此链接更改

Image

更改后点击保存

Image

编辑完博客基本信息,进入Actions部署博客(注意:下面那个箭头是博客文章内容,与此步骤无关,无需理会)

Image

这里一定要运行一下,进入build Gmeek(第一次编写搭建博客或更改博客基本信息时需要,后续撰写博文无需运行)

Image

点击Run workflow

Image

继续点击Run workflow

Image

最后在Code中可查看博客地址及基本信息

Image

这样我们的博客就搭建成功了!!

Image

问题说明

毕竟Github的国内访问延迟很大,但github.io的访问延迟还可以,如图可做一定参考
Image
PC端图片加载速度基本正常,手机端可能加载较困难,特别是一些浏览器,可使用流量改善。

进阶内容

添加文章访问计数,图片预览,文章目录显示功能
在config.json文件内添加配置

注意,末尾逗号,下面代码直接添加在中间行即可

"allHead":"<script src='https://blog.meekdai.com/Gmeek/plugins/GmeekBSZ.js'></script>",
"allHead":"<script src='https://blog.meekdai.com/Gmeek/plugins/GmeekVercount.js'></script>",
"script":"<script src='https://blog.meekdai.com/Gmeek/plugins/GmeekTOC.js'></script><script src='https://blog.meekdai.com/Gmeek/plugins/lightbox.js'></script>",

其他推荐

HEXO模板博客
https://blog.fiveth.cc/p/bb32/#%E6%90%AD%E5%BB%BA%E4%BB%93%E5%BA%93

夜梦星尘 | 折腾日记
更为精细的博客,需要一定基础,有兴趣可以看一下
Hexo博客的Github部署系列教程

哈雷0V0

ヾ(≧▽≦*)o 转载请注明出处——哈雷0V0