Github Pages + jekyll 搭建极简个人博客

白嫖一个博客2333

背景:                                            

没有自己的服务器又想拥有一个自己的博客网站(白嫖)

准备工作:                                  

1.一个GitHub账号(上不了GitHub的可以自行搜索)
2.一个域名、一个Cloudflare账号(非必须)
3.一个GitHub Desktop软件(非必须)
4.一个编辑器(非必须)

一、创建一个Repository     

1.点击LOFFER,进入LOFFER大佬的GitHub Repository页面,然后点Use this template,如图所示。
https://github.com/FromEndWorld/LOFFER

Github Pages + jekyll 搭建极简个人博客

2.仓库名称有固定的格式: username.github.io,其中username必须是Github账户的用户名,http://github.io是固定的,这个地址将会成为个人站点的网站地址。

Github Pages + jekyll 搭建极简个人博客

注意: username如果不是Github账户名,这个仓库就会成为username.github.io的子站点,比如访问地址会是:username.github.io/aaa.github.io。可见,username.github.io是Github默认分配给你的域名,同名仓库即代表着默认网站内容。而username.github.io/仓库名称,是用来访问你的其它仓库的地址。

3.点击Create repository from template,你很快就会看到如下页面,GitHub已经将LOFFER中所有的文件复制到你的新代码库中。

下一步,点击Settings,进入相关设置。

Github Pages + jekyll 搭建极简个人博客

向下拉页面,你会看到“GitHub Pages”,这是GitHub内置的网站host服务,选择master,如图所示:

Github Pages + jekyll 搭建极简个人博客

在几秒钟后,刷新此页面,你通常会看到这个绿色的东西(如果没看到,多等一会),你的网站已经发布成功,点击这个链接,即可查看:

Github Pages + jekyll 搭建极简个人博客

你可能会看到网站长得很丑,这是因为样式表尚未从正确的地址加载,没关系,请继续下一步。

二、设置站点信息                  

三、发布文章                                

将文章上传到GitHub代码库页面里的 _posts  文件夹内,稍作等待即可在主页查看。注意参照自带模板的写法(建议使用Markdown语法,站内有详细教程)

四、亿点点小补充                       

1.可以使用GitHub Desktop同步本地,实现文章本地编辑与GitHub同步。

2.可以ping一下自己的GitHub Page网址查看博客的ip地址,在仓库内找到CNAME,加上自己的域名cloudflare将ip解析到域名,完美。

3.编辑器个人使用typora很是不错,可以链接图床,很方便。

最后附上typora下载地址:

如有不妥,敬请指正。

-> 加入科技玩家交流群组:点击加入 注意:
1.文中二维码和链接可能带有邀请性质,请各位玩家自行抉择。
2.请勿通过链接填写qq号与密码、银行卡号与密码等个人隐私信息。
3.禁止纯拉人头,拉app注册等信息,发现必小黑屋。
4.同一种信息仅发一次,多发会被删除。
5.文章中源码或APP等,无法保证其绝对安全,需自行辨别。
6.文章关联方不想展示也可以微信站长“socutesheep”删除。
本文由 @Archu 发布。如若转载,请注明出处: 科技玩家 » Github Pages + jekyll 搭建极简个人博客

给TA买糖
共{{data.count}}人
人已买糖
教程玩家投稿精选文章

青龙Tools (公测) – 青龙面板的变量第三方手动/半自动管理中间件

2022-4-21 22:39:53

教程玩家投稿精选文章

傻妞web插件编写指南

2022-4-24 22:44:08

221 条回复 A文章作者 M管理员
贴心提醒
请认真对待作者付出,勿发表无意义言论,触发过滤规则的评论将无法提交,包含敏感词的评论会自动变成待审核状态哦。
  1. 七年

    辛苦了,学习一下

  2. slimei

    谢谢大佬分享,谢谢!

  3. seatom

    继续加油哦,争取发表更多优秀帖子

  4. kevinloved

    第一步飛去github 沒看到template 啊!!!

  5. 萝卜头

    谢谢,分享学习了

  6. sen

    学习一下

  7. 厉害喽

    学习一下

  8. 幻念

    感谢分享,插眼学习

  9. 幻念

    辛苦大佬分享了,我先学习一下

  10. 消消

    学习一下

  11. seatom

    感谢分享,谢谢楼主,赞

  12. 这是一个名字

    谢谢大佬分享,谢谢!

  13. 幻念

    感谢分享,让我好好学习一下

  14. Oraer

    辛苦了,学习一下

  15. 无华

    谢谢分享

  16. LAzySleep

    继续加油哦,争取发表更多优秀帖子

  17. 幻念

    先看看,不明白的地方再问

  18. 小董同学

  19. 彩虹

    辛苦了,学习一下

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索