用hexo和Github Pages搭建免费博客

2017-03-24  本文已影响0人  kevinYY

用hexo和Github Pages搭建免费博客

环境要求

当然,你还需要有一个github帐号,如果没有去github官网创建一个即可

安装hexo

hexo官网有详细的安装部署步骤,可以直接去对着官网的指示lu。

  1. 全局安装hexo
$ npm install -g hexo-cli
$ hexo

执行hexo显示版本号等信息,则证明安装成功。安装过程无报错,但提示hexo command not found,
则可能是环境变量的问题。

  1. 安装完成后,使用hexo生成需要的文件
$ hexo init <folder>
$ cd <folder>
$ npm install

具体文件含义,配置信息官网有详细介绍。

  1. 生成静态文件
    $ hexo generate
  2. 发布
    如果是本地运行,执行hexo server,即可在localhost:4000查看你的博客啦。但是,默认主题不是很好看···

如何将博客部署到github

  1. 配置github

    1. 建立github仓库,名称yourname.github.io
    2. 生成添加密钥
      ssh-keygen - rsa -C "github的注册邮箱地址"
      然后一直回车。会得到两个文件id_rsa和id_rsa.pub,用记事本打开id_rsa.pub,Ctrl + a复制里面的所有内容,
      然后到github个人设置页面添加一个sshkey
  2. 部署到github
    将刚刚hexo生成的那个文件里面找到最外层的配置文件_config_yml,拉到最下面:

deploy:
     type: git
     repo: 你的github仓库地址
     branch: master

然后安装部署工具:npm install hexo-deployer-git --save
最后生成静态文件并部署到github:

hexo generate
hexo deploy

以上命令可以简写成hexo g -d;
大功告成!


如何更换主题

将大象塞进冰箱要三步,更换hexo主题只要两步:

  1. 将主题下载到themes文件夹中(无论你怎么下载都行)
  2. 将站点下的_config.yml配置文件中的主题配置更换成你下载的主题的文件夹名称
    这里有详细教程

使用hexo,如果换了电脑怎么更新博客?

办法无非就是将博客源代码和静态文件分开管理。
一个库,两个分支分别存储这两个文件就很不错。但是
git的分支,弄了一上午没弄好。退而求其次,建立了连个仓库,一个放hexo generate 生成的文件。就是yourname.github.io的master里的文件。
一个放源代码,就是你电脑上博客目录的某些文件。
参考

上一篇下一篇

猜你喜欢

热点阅读