GitHub+Hexo搭建个人博客(一)GitHub新建一个blog项目

GitHub服务器

  1. 拥有一个github账号
    点击注册
GitHub+Hexo搭建个人博客(一)GitHub新建一个blog项目_第1张图片
http://oxv1k8kvi.bkt.clouddn.com/18-4-8/76246206.jpg
  1. 点击新建一个项目

    GitHub+Hexo搭建个人博客(一)GitHub新建一个blog项目_第2张图片
    http://oxv1k8kvi.bkt.clouddn.com/18-4-8/78245725.jpg

    注意:Repository name为自己github账号的名字(例如我的账号YH-Chen) + .github.io,博客地址就是该名字yh-chen.github.io
    如果是自定义的名称(例如Danboard),博客的地址就变成yh-chen.github.io/Danboard
    GitHub+Hexo搭建个人博客(一)GitHub新建一个blog项目_第3张图片
    http://oxv1k8kvi.bkt.clouddn.com/18-4-8/87001795.jpg

  2. 设置博客

    进入项目,选择settings

    1) 如果Repository name直接是xxx.github.io,直接拉到最后,可以看到GitHub Pages,它已经自动生成博客链接了,打开链接只显示标题xxx.github.io。

    如果你拥有自己的个性域名,先解析到你的博客地址,再在Custom domain里填写你的域名,就可以使用自己的域名登录自己的博客了。

    GitHub+Hexo搭建个人博客(一)GitHub新建一个blog项目_第4张图片
    http://oxv1k8kvi.bkt.clouddn.com/18-4-8/56948412.jpg

    点击choose a theme可以选择github默认的博客主题

    GitHub+Hexo搭建个人博客(一)GitHub新建一个blog项目_第5张图片
    http://oxv1k8kvi.bkt.clouddn.com/18-4-8/38485573.jpg

    选择之后,它会打开创建项目时保存的README.md文件,编辑的内容为markdown语言基础,以后的博客也是用markdown来编辑。直接点击commit changes就可以了。

    2) 如果Repository name是一般的名称,同样在设置中拉到GitHub Pages,将Source改为master branch就可以,其他的就跟上面一样了。

    GitHub+Hexo搭建个人博客(一)GitHub新建一个blog项目_第6张图片
    http://oxv1k8kvi.bkt.clouddn.com/18-4-8/27575556.jpg

编辑博客

  1. git工具

    Git(读音为/gɪt/。)是一个开源的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。---百度百科

    点击下载

    github是一个面向开源软件项目的托管平台。虽然github上提供了文件编辑和上传的功能,但使用起来并不方便,所以将项目clone到本地,在本地进行编辑,再通过git(也可以使用githubDestop桌面客户端)上传到平台,这里就需要了解一下git的基础命令和配置了。

  2. clone博客项目到本地

    点击clone or download,复制链接

    GitHub+Hexo搭建个人博客(一)GitHub新建一个blog项目_第7张图片
    http://oxv1k8kvi.bkt.clouddn.com/18-4-8/46483343.jpg

    打开git bash,输入命令

    $ git clone https://github.com/XXX/XXX.github.io.git
    
  3. 编辑简单的博客

    $ echo "Hello World!" > index.html
    $ git add index.html
    $ git commit -m "Init commit"
    $ git push origin master
    

    打开链接之后,发现只有Hello World!了。

  4. 没有结束!!!

    现在只是完成初步工作,拥有了一个博客,在本地也备份了一份文件,但博客还是空空的,什么格式都没有,下一步就是要利用Hexo弄出一个博客框架。

参考链接

  • GitHub Pages
  • 三分钟在GitHub上搭建个人博客

你可能感兴趣的:(GitHub+Hexo搭建个人博客(一)GitHub新建一个blog项目)