用hexo和Github Pages搭建免费博客
环境要求
- node.js
直接在node中文网下载最新版的nodejs。 - git
直接去git这里下载一个即可。
当然,你还需要有一个github帐号,如果没有去github官网创建一个即可
安装hexo
hexo官网有详细的安装部署步骤,可以直接去对着官网的指示lu。
- 全局安装hexo
$ npm install -g hexo-cli
$ hexo
执行hexo
显示版本号等信息,则证明安装成功。安装过程无报错,但提示hexo command not found
,
则可能是环境变量的问题。
- 安装完成后,使用hexo生成需要的文件
$ hexo init <folder>
$ cd <folder>
$ npm install
具体文件含义,配置信息官网有详细介绍。
- 生成静态文件
$ hexo generate
- 发布
如果是本地运行,执行hexo server
,即可在localhost:4000
查看你的博客啦。但是,默认主题不是很好看···
如何将博客部署到github
-
配置github
- 建立github仓库,名称yourname.github.io
- 生成添加密钥
ssh-keygen - rsa -C "github的注册邮箱地址"
然后一直回车。会得到两个文件id_rsa和id_rsa.pub,用记事本打开id_rsa.pub,Ctrl + a复制里面的所有内容,
然后到github个人设置页面添加一个sshkey
-
部署到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主题只要两步:
- 将主题下载到themes文件夹中(无论你怎么下载都行)
- 将站点下的_config.yml配置文件中的主题配置更换成你下载的主题的文件夹名称
这里有详细教程
使用hexo,如果换了电脑怎么更新博客?
办法无非就是将博客源代码和静态文件分开管理。
一个库,两个分支分别存储这两个文件就很不错。但是,
git的分支,弄了一上午没弄好。退而求其次,建立了连个仓库,一个放hexo generate 生成的文件。就是yourname.github.io的master里的文件。
一个放源代码,就是你电脑上博客目录的某些文件。
参考
网友评论