在github上搭建我的博客并在线更新

换博客比更博还勤的我终于决定写一篇博客搭建教程了。。

FAQ

Q：$hexo$须要本地编译。$jekyll$虽然能够直接上传$md$。。可是若是在github上直接编辑也太难受了叭，毕竟不能在线预览。。。

A：对于$hexo$，博主目前也没有什么很好的办法233。(有个叫$Travis CI$彷佛能够作到)。因此这篇文章仅适用于$jekyll$主题的博客哦。$jekyll$其实也有些蛮好的主题的。

Q：那我知道了，找个$markdown$在线编辑器编辑好，而后直接去$github$上传不就好了么？？

A：你真的能忍受国内$github$的访问速度？？这里讲的方法能够在线更新哦。。。

Q：那我须要用到什么呢？？

A：一个$github$帐号(申请只须要邮箱)。一个浏览器。(最好有个国内代码托管平台(如码云)的帐号)。

搭建博客

首先来说如何在$github$上搭建一个博客。网上这种文章简直不要太多，可是仍是来写一下吧(精致)。大佬请直接跳过

申请帐号

真的是从零开始的呢。首先去github申请$github$帐号。 按要求填写就好了。。

直接continue

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

而后去邮箱里验证一下就能够啦。。

登上咱们的$github$帐号。

哇，我是有$github$帐号的人啦2333

建立仓库

点击右上角的加号，选择$newrepository$。

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

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

挑选主题

下面咱们就能够去挑选本身中意的主题了。前面讲过，此方法只适用于$jekyll$主题的博客。因此下面就以$jekyll$主题博客为例咯。

在这里你能够找到不少这种主题。挑一款本身喜欢的吧。

点进去一款主题，能够点击$Demo$预览。选好以后$download$便可。 因为站长已经咕了不少年。因此这个网站上不少主题已经不能预览了。

修改主题

咱们将下载下来的主题解压。能够见到大概以下文件(不必定彻底相同)。

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

若是你对这些css代码和html有必定了解，那么你能够展开思惟任意魔改了。

若是你是个新手，那么就跟随我来进行简单的修改，将博客变为本身的吧。

打开$config.yml$，将里面的信息修改成本身的。

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

对于不一样的主题，这里要改的内容不尽相同。之后慢慢修改就好了。

上传主题

回到刚才建立的仓库。而后点击Upload。(固然也可使用git，这里为了对大白们友好点。。)

直接将咱们的文件拖进去。(不要在外面套文件夹！！)传完以后，点击下方的$commit\ changes$

查看主题

而后就能够访问$username.github.io$(username是你在github上的用户名)查看本身的博客啦。

展现一下个人lj博客(表示换了几回以后更喜欢简洁点的)。。

更新博客

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

markdown编辑器

首先安利一个makrdown编辑器。

小书匠markdown编辑器

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

绑定仓库

该编辑器与其余的不一样点在于他能够绑定仓库。那么咱们若是和刚才本身的博客仓库绑定起来，而后在小书匠上面编辑不就能够在线更新了么。。

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

选择绑定

数据储存选择$github$。

而后他告诉咱们须要一个takentoken

按照他给的连接去申请，须要的权限在刚才小书匠的的申请页面有写，按要求勾选便可(宽心的我通常都是全选啦)。

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

而后一路肯定。

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

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

而后咱们只要将文章保存到$_posts$文件夹中就达到了更新博客的目的了。

更新

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

目录必定要选择$_posts$，名字按照原来自带文章的格式填写。

而后写就完了。

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

扩展

这个编辑器还资瓷绑定图片的保存库，你是否是也曾想过直接将图片复制进编辑器。惋惜被贫穷限制了想象力。如今你能够用本身的仓库来存图了。 建议使用国内代码托管平台储存图片，以加快访问速度。绑定方法与绑定文章仓库相似。本身去探究吧。。