超详细!最新版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博客不会很快更新,可能需要等待半小时后,博客才会更新!

猜你喜欢

转载自blog.csdn.net/zsc201825/article/details/88914780
今日推荐