【博客篇】
前言:
通过Github(pages),0成本搭建个人博客
简单实用,5分钟搞定!
无需特殊基础,仅需一定电脑使用经验
【教程】
1.首先我们需要拥有一个Github账号,请自行注册:Github
2.打开此项目地址Gmeek
下拉,点击通过模板创建仓库
或直接点击本篇博客上文相同字样。
输入项目名称 【Repository name】
(注意:以用户名+.+github+.+io形式命名可获得相应免费域名)
示例 02halei.github.io
3.相关设置
点击settings
点击Pages
选择source
点击Github Actions
部署完的界面如下
然后点击进入Issues,并点击New Issues撰写博客文章
以后要发布博客文章也是这样编辑(注意!请使用Markdown语法编写)
注意这里一定要选择一个标签,也可以自定义
编辑完后点击Create
我们再更改博客标题及基本信息介绍
在Code中打开config.json文件
如图选择就地编辑
依次为博客标题,博客简介,博客头像
博客头像可以右键Github头像,选择在新标签页打开,复制并使用此链接更改
更改后点击保存
编辑完博客基本信息,进入Actions部署博客(注意:下面那个箭头是博客文章内容,与此步骤无关,无需理会)
这里一定要运行一下,进入build Gmeek(第一次编写搭建博客或更改博客基本信息时需要,后续撰写博文无需运行)
点击Run workflow
继续点击Run workflow
最后在Code中可查看博客地址及基本信息
这样我们的博客就搭建成功了!!
问题说明
毕竟Github的国内访问延迟很大,但github.io的访问延迟还可以,如图可做一定参考
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