超详细!最新版GitHub+Hexo搭建个人博客/网站教程
一、准备工作
电脑配置:Windows7系统
所需软件1:git,下载地址:https://www.git-scm.com/download/ ,安装方法在网上搜索一下
所需软件2:nodejs,下载地址:https://nodejs.org ,与普通软件安装一样。安装完成后,查看版本:node -v,查看nodejs版本。
所需管理器:cnpm,由于国内网络问题直接使用npm包时下载后续插件很慢,所以使用这个taobao的镜像源,访问比较快,可以直接代替npm下载各种包。安装方法在cmd命令中输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org
二、创建本地博客
1、下载hexo博客框架
打开cmd窗口输入:cnpm install -g hexo-cli
hexo -v 验证安装成功
2、初始化本地博客框架
在自己电脑合适的目录下创建文件夹:blog 任意文件名都可以,在文件目录下打开cmd窗口输入:hexo init
初始化完成后会自动在blog目录下生成一下文件
3、启动hexo博客
在cmd窗口输入:hexo s
使用http://localhost:4000在浏览器中打开,就可以看到blog界面
到此,hexo博客在本地就算搭建完成了
三、把个人博客部署到远端GitHub中
在GitHub上建立远端网址项目,如何建立请大家在网上找相关方法,很简单。有一点要注意:项目名最好是 xxx.github.io,其中xxx是你自己的GitHub账号名
1、配置参数
打开_config.yml文件,添加相关配置
repo后面填写下面的地址,切记冒号后面留一个空格,不然后面会失败!!!
2、安装hexo部署插件
在当前目录下打开cmd窗口输入:cnpm install hexo-deployer-git --save
3、部署到GitHub上
在cmd窗口输入:hexo g
在cmd窗口输入:hexo d,第一次输入会提示需要输入GitHub邮箱和账号
依次按要求输入GitHub的账号和密码,如下:
最后再次输入:hexo d,执行完成后就可以使用xxx.github.io访问了,比如我的是:zsc1220.github.io
4、更新博客后的上传
在blog目录下cmd输入:hexo g 和 hexo d,上传后GitHub博客不会很快更新,可能需要等待半小时后,博客才会更新!