使用hexo搭建站点并部署到github

环境安装

安装git

安装node.js

Node.js 官网 下载Nodejs安装程序，使用命令 node -v 查看是否安装成功。

安装hexo

安装完nodejs后通过以下命令安装hexo

npm install hexo-cli -g 

hexo安装完成后查看版本号

hexo -v

初始化hexo自定义站点目录

hexo init myblog(站点目录)

主题下载：hexo主题
将主题放至themes目录下
切换主题：修改站点目录下文件_config.yml

站点建完后

cd myblog  //进入改目录
hexo g  //生成静态文件
hexo server  //运行

访问博客地址：localhost:4000

Quick Start

Install Hexo

$ npm install hexo-cli -g

Install with brew on macOS and Linux:

$ brew install hexo

Setup your blog

$ hexo init blog
$ cd blog

Start the server

$ hexo server

Create a new post

$ hexo new "Hello Hexo"

Generate static files

$ hexo generate

上传文件到github仓库

创建仓库

生成ssh（密钥）添加到GitHub

git config --global user.name "yourname"
git config --global user.email "youremail"

到c盘用户目录下看到gitconfig文件，则执行成功，可以点开看文件内容

创建.ssh密钥

ssh-keygen -t rsa -C "youremail"

GitHub上点击个人找到setting

设置ssh key，拷贝公钥保存即可

打开gitbash，查看是否成功
输入ssh -T git@github.com

这样就说明连接成功了

环境都处理完后，上传文件

hexo部署到github

在站点目录下打开git bash
运行以下命令

hexo clean
hexo g
hexo d

部署遇到的问题

执行hexo d报错

ERROR Deployer not found: git

解决方案
这是因为没有安装hexo-deployer-git插件,在站点目录下输入下面的命令安装插件再次执行命令hexo d就好了

npm install hexo-deployer-git --save

部署到github后访问出现404

指定需要发布的版本后稍微等几分钟就可以访问了

js、css等路径404，页面样式乱掉

解决: 站点目录下_config.yml文件添加url、root发布新版本即可
url: https://username.github.io/
root: 配置根目录(github上创建的仓库名)