在网上寻找·了一些利用github搭建个人博客的教程后选定的是使用hexo和github搭建个人博客,好处是1.利用github发布博客只需要买个域名或者不买都行,花费较少。2.全是静态文件,访问速度快 。3.数据绝对安全,基于github的版本管理,想恢复到哪个历史版本都行。4.博客内容可以轻松打包、转移、发布到其它平台 5.hexo可以使用别人制作好的模板,简单,方便还美观对于我这种前端渣渣来说方便了很多。闲话就到这,下面是具体的操作。
1.创建仓库
新建一个名为你的用户名.github.io的仓库,比如说,如果你的github用户名是username,那么你就新建username.github.io的仓库(必须是你的用户名,其它名称无效),对应于访问地址 http://username.github.io
2.绑定域名
这一步个人没有去绑定,这边暂且略过,直接进入下一步
3.配置SSH key
$ ssh-keygen -t rsa -C "邮件地址"
然后连续3次回车,最终会生成一个文件在用户目录下,打开用户目录,找到.ssh\id_rsa.pub文件,记事本打开并复制里面的内容,打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key.将刚复制的内容粘贴到key那里,title随便填,保存。
$ ssh -T git@github.com
如果提示Are you sure you want to continue connecting (yes/no)?,输入yes,然后会看到:
You've successfully authenticated, but GitHub does not provide shell access.
看到这个信息说明SSH已配置成功!
此时你还需要配置:
$ git config --global user.name "username"// 你的github用户名,非昵称
$ git config --global user.email "xxx@qq.com"// 填写你的github注册邮箱
4.使用hexo写博客
hexo官网: http://hexo.io
github: https://github.com/hexojs/hexo
按照官网上文档安装,文档地址https://hexo.io/zh-cn/docs/
安装后要在本地初始化。在电脑的某个地方新建一个名为hexo的文件夹,比如我的是C:\hexo,由于这个文件夹将来就作为你存放代码的地方,所以最好放在能记住的地方。
在本地hexo目录下,进行初始化。
$ hexo init
初始化完成后目录如下
$ hexo g # 生成
$ hexo s # 启动服务
服务启动后默认使用4040端口,进入打开浏览器访问 http://localhost:4000 即可看到内容,很多人会碰到浏览器一直在转圈但是就是加载不出来的问题,一般情况下是因为端口占用的缘故。
这是我本地启动的效果,这是使用了别人做好的主题,在这个网页可以去寻找这些主题 https://hexo.io/themes/。找到合适的主题后找到主题的github,下载到本地目录下:
$ cd /c/hexo/
$ git clone https://github.com/具体的项目地址 themes/博客文件夹
完成后会在themes文件夹下生成一个文件,修改hexo文件夹下_config.ym文件,theme: landscape改为theme: 博客文件夹,然后重新执行hexo g来重新生成,hexo s去本地看是否成功。出现问题,可以先执行hexo clean来清理一下public的内容,然后再来重新生成和发布。
本地没问题后就需要把代码上传到github,首先配置_config.yml中有关deploy的部分(注意不要写错):
deploy:
type: github
repository: https://github.com/liuxianan/liuxianan.github.io.git
branch: master
然后$ hexo d上传代码到github,再去http://username.github.io 就可以看到博客的效果了。