安装Hexo
1、前提已经安装了nodejs(点击安装nodejs指导),首先安装 Hexo ,完成后初始化Hexo,将会在指定文件夹中新建所需要的文件。
$ npm install hexo-cli -g
$ hexo init <folder>
$ cd <folder>
$ npm install
2、安装项目所需的依赖项
会生成以下文件:
需要说明的是:_config.yml是博客项目的配置文件;package.json是项目的依赖项文件;scaffolds保存了Markdown文件的模板,也就是向新添加的Markdown文件中默认填充的内容;source目录下有一个名为_post的目录,我们稍后可以将编写好的Markdown文件放到该目录,这样就可以利用Hexo将Markdown文件处理成博客的静态页面,生成的静态页面将置于public目录下;themes文件夹保存了博客使用的主题。
3、生成静态页面
$ hexo generate
#或者简写
$ hexo g
4、启动服务:
$ hexo server
启动服务器。默认情况下,访问网址为: http://localhost:4000/
将博客托管到github
我们可以利用GitHub网站提供的Pages服务来托管我们的博客。在GitHub Pages的首页上就有一个教程指导我们如何托管自己的网站,当然第一步得在GitHub上注册一个属于自己的账号,登录成功之后才能进行后续的操作。
1、根据自己的用户名创建一个仓库,仓库一定要取名为“用户名.github.io”。例如:我在GitHub上的用户名是jackfrued,那么我的托管博客项目的仓库一定要命名为jackfrued.github.io。
2、修改博客项目的配置文件_config.yml,配置使用GitHub来部署该博客项目。
# 省略上面的内容
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/myname/myname.github.io.git
branch: master
上面的配置中,type指定了使用git进行项目部署,repo指定了部署项目的git仓库的URL,我们这里使用的是HTTPS的地址,如果之前配置过密钥对也可以使用SSH的地址,branch指定了将代码同步到仓库中的哪一个分支,通常master分支就是发布项目最终工作成果的分支,也称为项目的主分支。
3、安装名为hexo-deployer-git的部署器插件,通过该插件就能实现一键部署。
npm install hexo-deployer-git --save
4、一键部署到GitHub
hexo deploy -g
或者
hexo generate -d
我在执行的时候报错:
报错的原因是我的git没有配置用户名和email,所以无法push到github上,这里需要配置下(配置方法)
windows系统的项目目录下右键—点击 git bash here
然后会弹窗命令窗口,输入:
$ git config --list
继续
$ git config --global user.name "输入你的用户名"
$ git config --global user.email "输入你的邮箱"
然后重新执行下命令就ok了。
下面是我发布后的页面
更换主题
选择主题并clone到项目的themes目录下
$ git clone https://github.com/chaooo/hexo-theme-BlueLake.git themes/BlueLake
再安装依赖
clean且重新发布到github
更多操作信息请点击访问Hexo官网