如何在github上搭建自己个人博客并实时在线更新

[重要通告]如您遇疑难杂症,本站支持知识付费业务,扫右边二维码加博主微信,可节省您宝贵时间哦!

其实这事儿是一个朋友问的,当然我感觉可行就转载了一下,同时也防止被删除也挂载到自己博客;

FAQ#

Q:hexohexo需要本地编译。jekylljekyll虽然可以直接上传mdmd。。但是如果在github上直接编辑也太难受了叭,毕竟不能在线预览。。。

A:对于hexohexo,博主目前也没有什么很好的办法233。(有个叫TravisCITravisCI似乎可以做到)。所以这篇文章仅适用于jekylljekyll主题的博客哦。jekylljekyll其实也有些蛮好的主题的。

Q:那我知道了,找个markdownmarkdown在线编辑器编辑好,然后直接去githubgithub上传不就行了么??

A:你真的能忍受国内githubgithub的访问速度??这里讲的方法可以在线更新哦。。。

Q:那我需要用到什么呢??

A:一个githubgithub账号(申请只需要邮箱)。一个浏览器。(最好有个国内代码托管平台(如码云)的账号)。

搭建博客

首先来讲如何在githubgithub上搭建一个博客。网上这种文章简直不要太多,但是还是来写一下吧(精致)。大佬请直接跳过

申请账号

真的是从零开始的呢。首先去github申请githubgithub账号。
按要求填写就行了。。

直接continue

翻译一下,看心情添。。。

然后去邮箱里验证一下就可以啦。。

登上我们的githubgithub账号。

哇,我是有githubgithub账号的人啦2333

创建仓库

点击右上角的加号,选择newrepositorynewrepository

然后对仓库信息进行设置。注意箭头标识的几个地方。仓库名必须是username.github.iousername.github.io的形式。必须勾选publicpublic。下面那个用readme填充最好也选上,避免麻烦。

然后就有了一个用来搭建博客的仓库了。

挑选主题

下面我们就可以去挑选自己中意的主题了。前面讲过,此方法只适用于jekylljekyll主题的博客。所以下面就以jekylljekyll主题博客为例咯。

这里你可以找到很多这种主题。挑一款自己喜欢的吧。

点进去一款主题,可以点击DemoDemo预览。选好之后downloaddownload即可。
由于站长已经咕了很多年。所以这个网站上很多主题已经不能预览了。

修改主题

我们将下载下来的主题解压。可以见到大概如下文件(不一定完全相同)。

学校的xp系统是不是要暴露啦233

如果你对这些css代码和html有一定了解,那么你可以展开思维任意魔改了。

如果你是个新手,那么就跟随我来进行简单的修改,将博客变为自己的吧。

打开config.ymlconfig.yml,将里面的信息修改为自己的。

然后进入_posts文件夹,将里面自带的文章删除(删之前注意查看这些文章的起名格式和里面的书写格式,以后写文章会用到)。当然你想留着也可以。

对于不同的主题,这里要改的内容不尽相同。以后慢慢修改就行了。

上传主题

回到刚才创建的仓库。然后点击Upload。(当然也可以使用git,这里为了对大白们友好点。。)

直接将我们的文件拖进去。(不要在外面套文件夹!!)传完之后,点击下方的commit changescommit changes

查看主题

然后就可以访问username.github.iousername.github.io(username是你在github上的用户名)查看自己的博客啦。

展示一下我的lj博客(表示换了几次之后更喜欢简洁点的)。。

更新博客

终于到了重头戏啦。。。下面将如何在浏览器上直接更新博客。并不需要去githubgithub上传文件。

markdown编辑器

首先安利一个makrdown编辑器。

小书匠markdown编辑器

介绍一下他的功能。
1.编写markdown并在线预览(以及大多数编辑器能干的)
2.将图片和文章储存在自己绑定的开源仓库中。

绑定仓库

该编辑器与其他的不同点在于他可以绑定仓库。那么我们如果和刚才自己的博客仓库绑定起来,然后在小书匠上面编辑不就可以在线更新了么。。

首先我们点击左上角的小书匠按钮

选择绑定

数据储存选择githubgithub

然后他告诉我们需要一个takentoken

按照他给的链接去申请,需要的权限在刚才小书匠的的申请页面有写,按要求勾选即可(宽心的我一般都是全选啦)。

然后我们复制出来这个takentoken。(注意这个申请之后只能查看一次,建议找个地方保存好。)填写到小书匠里面对应的takentoken框里。然后那个仓库名称就填你的仓库名称(username.github.iousername.github.io)

然后一路确定。

点击中间回到编辑页面。你会看到左下角多了一栏。

这就是你仓库的文件目录了。

然后我们只要将文章保存到_posts_posts文件夹中就达到了更新博客的目的了。

更新

然后点击左上角新建。保存。

目录一定要选择_posts_posts,名字按照原来自带文章的格式填写。

然后写就完了。

快去看看你的博客有没有更新吧

扩展

这个编辑器还支持绑定图片的保存库,你是不是也曾想过直接将图片复制进编辑器。可惜被贫穷限制了想象力。现在你可以用自己的仓库来存图了。
建议使用国内代码托管平台储存图片,以加快访问速度。绑定方法与绑定文章仓库类似。

来源:https://www.cnblogs.com/wxyww/p/xiaoshujiang.html

问题未解决?付费解决问题加Q或微信 2589053300 (即Q号又微信号)右上方扫一扫可加博主微信

所写所说,是心之所感,思之所悟,行之所得;文当无敷衍,落笔求简洁。 以所舍,求所获;有所依,方所成!

支付宝赞助
微信赞助

免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。

您必须遵守我们的协议,如您下载该资源,行为将被视为对《免责声明》全部内容的认可->联系老梁投诉资源
LaoLiang.Net部分资源来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。 敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:service@laoliang.net
意在交流学习,欢迎赞赏评论,如有谬误,请联系指正;转载请注明出处: » 如何在github上搭建自己个人博客并实时在线更新

发表回复

本站承接,网站推广(SEM,SEO);软件安装与调试;服务器或网络推荐及配置;APP开发与维护;网站开发修改及维护; 各财务软件安装调试及注册服务(金蝶,用友,管家婆,速达,星宇等);同时也有客户管理系统,人力资源,超市POS,医药管理等;

立即查看 了解详情