在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编辑器。
介绍一下他的功能。
1.编写markdown并在线预览(以及大多数编辑器能干的)
2.将图片和文章储存在自己绑定的开源仓库中。
绑定仓库
该编辑器与其他的不同点在于他可以绑定仓库。那么我们如果和刚才自己的博客仓库绑定起来,然后在小书匠上面编辑不就可以在线更新了么。。
首先我们点击左上角的小书匠按钮
选择绑定
数据储存选择\(github\)。
然后他告诉我们需要一个taken
按照他给的链接去申请,需要的权限在刚才小书匠的的申请页面有写,按要求勾选即可(宽心的我一般都是全选啦)。
然后我们复制出来这个taken。(注意这个申请之后只能查看一次,建议找个地方保存好。)填写到小书匠里面对应的taken框里。然后那个仓库名称就填你的仓库名称(\(username.github.io\))
然后一路确定。
点击中间回到编辑页面。你会看到左下角多了一栏。
这就是你仓库的文件目录了。
然后点击我们只要将文章保存到\(\_posts\)文件夹中就达到了更新博客的目的了。
更新
然后点击左上角新建。保存。
目录一定要选择\(\_posts\),名字按照原来自带文章的格式填写。
然后写就完了。
快去看看你的博客有没有更新吧
扩展
这个编辑器还资瓷绑定图片的保存库,你是不是也曾想过直接将图片复制进编辑器。可惜被贫穷限制了想象力。现在你可以用自己的仓库来存图了。
建议使用国内代码托管平台储存图片,以加快访问速度。绑定方法与绑定文章仓库类似。自己去探究吧。。
在github上搭建个人博客并在线更新的更多相关文章
- 用Hexo在GitHub上搭建个人博客
我用Hexo在GitHub上搭建好了自己的博客,我的这第一篇博客就来说说搭建的过程. 1 环境配置 本文使用环境如下: Windows 10 node.js v8.1.3 git v2.13.2 np ...
- Github上搭建个人博客记录
1.注册,用户名一定要起好,别随便起. 2.登录后,新建一个仓库repositories.new一个. 命名为用户名.github.io.如果发现不一样进Settings修改,rename. 3.仓库 ...
- 使用Hexo在github上搭建个人博客
最近正好在学习前端开发,想着搭建一个属于自己的个人博客,把自己的技能树整理整理,温故而知新. 如果你有前端开发经验,那么搭建这样的博客就很简单了. 一 什么是Hexo Hexo 是一个快速.简 ...
- 在github上搭建个人博客
1.平台注册账号,新建域名 github(源码托管服务站):https://github.com/到GitHub官网,注册自己的账号,填好用户名,密码,邮箱,并完成邮箱验证就可以啦!默认的域名是htt ...
- 在github上搭建hexo博客
准备工作 安装git 系统是win10家庭版,采用git v1.9.5版本,比较简单,一路next直到finsh完成安装. 安装node.js hexo是基于node.js驱动的一款快速.简单且功能强 ...
- 使用Jekyll在Github上搭建个人博客 - 环境搭建
本地安装Jekyll 首先安装Ruby及gem Ruby的安装 Ruby官网进行下载 从RubyInstaller下载ruby [新手推荐] 我采用的是RubyInstaller,无脑简单 勾选时我配 ...
- 利用Octopress在github pages上搭建个人博客
利用Octopress在github pages上搭建个人博客 SEP 29TH, 2013 在GitHub Pages上用Octopress搭建博客,需要安装ruby环境.git环境等.本人在Fed ...
- 【一】Ubuntu14.04+Jekyll+Github Pages搭建静态博客
本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+ ...
- hexo在git上搭建个人博客
公司实习第一天接到的任务是:搭建一个基于Nodejs的开源项目的开发环境,接到任务时以为不是很困难,后来才知道该项目已于去年被废弃,搭配环境的时候遇到了不少问题,折腾了两天还是没有最终完成... 不过 ...
随机推荐
- kali换源
在/tec/apt/sources.list加入以下内容 #中科大更新源 deb https://mirrors.ustc.edu.cn/kali kali-rolling main non-free ...
- Excel催化剂开源第13波-VSTO开发之DataGridView控件几个小坑
Excel催化剂内部大量使用了DataGridView,这其中有一些小坑,花了力气才解决的,在此给广大开发者作简单分享. 为何要使用DataGridView而不是其他控件如ListBox.ListVi ...
- python课堂整理12---递归
一.递归特性 1.必须有一个明确的结束条件 2.每次进入更深一层递归时,问题规模相比上次递归都应有所减少 3.递归效率不高,递归层次过多会导致栈溢出(在计算机中,函数调用是通过栈(stack)这种数据 ...
- 头部姿态估计 - OpenCV/Dlib/Ceres
基本思想 通过Dlib获得当前人脸的特征点,然后通过旋转平移标准模型的特征点进行拟合,计算标准模型求得的特征点与Dlib获得的特征点之间的差,使用Ceres不断迭代优化,最终得到最佳的旋转和平移参数. ...
- context创建过程解析(一)之deployDescriptors
总结:主要是创建Context对象,并且将默认context配置,host级别配置,context配置的值设置进去,设置docBase,如果是war包就解压到webapp的目录中,重新设置docBas ...
- java反射原理及Class应用
反射:框架设计灵魂 框架:半成品软件,可以在框架基础上进行软件开发,简化编码 反射:将类的各个组成部分封装我其他对象,这就是反射机制 好处: 1.可以在程序运行过程中,操作这些对象 2.可以解耦, ...
- PyCharm 配置 Git 教程
之前给大家介绍了 Git 安装及使用指南,今天再给大家介绍一下在 PyCharm 中使用 Git. 1 打开 File -> Settings -> Version Control -&g ...
- python 接口测试环境准备
1.之前用python做appium测试,今天想要尝试下做接口测试 发现在pycharm下,import requests总是报错 : no model named requests 联想到应该是没 ...
- c&c服务器(command and control server)
远程命令和控制服务器,目标机器可以接收来自服务器的命令,从而达到服务器控制目标机器的目的.该方法常用于病毒木马控制被感染的机器.
- Spring框架使用@Autowired自动装配引发的讨论
问题描述 有同事在开发新功能测试时,报了个错,大致就是,在使用 @Autowired 注入时,某个类有两个bean,一个叫a,一个叫b. 一般这种情况应该声明注入哪个bean,他没有声明,他不知道这个 ...