Windows搭建Hexo系统

date: 2018-11-16 17:10:51

updated: 2018-11-16 20:04:43

1.安装Git

下载Windows下的Git客户端并安装，安装很简单，基本一路Next下去

2.安装Node.js

下载Node.js，安装Node.js也是一路Next下去，打开命令行输入node如果出现一个向右的箭头就说明安装成功

3.配置Github

3.1 注册账户

3.2 新建repository

owner是ABC的话，那么Repository.name就必须是 ABC.github.io，与你的github账号的名称一致，否则在之后输入网址时会报404错误

3.3 配置Github SSH密钥

打开Git Bash，输入

ssh-keygen -t rsa -C "your's emaill address"

注意要加引号

然后回车，会提示你文件保存的路径，这时候按回车键确认

然后会提示你输入密码，输入即可（输入密码是看不到的），然后会确认输入一次，就可以在刚刚的路径看到生成了两个文件，一个是id_rsa，另一个是id_rsa.pub，打开id_rsa.pub然后选中里面的全部内容，复制下来。

登录github，点击头像可以看到setting选项，点击进入

然后可以看到左边有一个SSH and GPG keys选项

点击就可以看到以下界面，点击New SSH

Title随便填写，主要是为了方便管理密钥，然后把刚刚拷贝的内容粘贴到Key里面去，然后点击Add SSH key。

Github上的配置就完成了

3.4 创建本地仓库与Github同步

在本地任意一个分区的任意位置创建一个文件夹，路径及文件夹名不要有中文。打开Git Bash，cd 进入到刚创建的文件夹

git init
git config --global user.name "Your's name"
git config --global user.email "Your's email address"

要带着引号

其中的Your's name替换成github账户的名称，Your's email address替换成你的邮件地址即可

然后再当前的文件夹下面新建一个README.md文件，然后右键用notepad++打开，随便写入一点内容，做一次简单的提交，输入以下命令

git add README.md
git commit -m "first commit"
git remote add origin git@github.com:yourname/yourname.github.io.git
git push -u origin master

运行成功之后，进入到git仓库中就可以看到有README.md文件

4.安装Hexo

4.1 安装

打开Git Bash，输入

npm install -g hexo-cli

敲完回车可能没有任何提示，请一定要耐心等待

安装成功后，可以输入以下命令测试以下Hexo是否安装成功

hexo version

如果能看到hexo的版本号信息，就表示安装成功了

4.2 初始化Hexo

在本地任意一个分区的任意位置创建一个文件夹，路径及文件夹名不要有中文。打开Git Bash，cd 进入到刚创建的文件夹，输入以下命令

hexo init
npm install
hexo g
hexo s

这时候在浏览器中打开 localhost:4000 就可以看到hexo生成的博客

hexo常用指令

hexo g 生成静态文件

hexo s 启动本地服务器进行预览

hexo d 部署到github上发布

hexo clean 清除缓存

hexo new "abc" 新建文章 在source_posts路径下

hexo new page "pageName" 新建页面

4.3 配置Hexo到Github上

在hexo的文件夹中打开_config.yml文件，修改文件最后部分

deploy:
  type: git
  repository: http://github.com/yourname/yourname.github.io.git
  branch: master

yourname是github的账户名

保存，然后输入

hexo g
hexo d

如果出现以下异常

ERROR Deployer not found: git

尝试输入以下命令

$ npm install hexo-deployer-git --save

然后再次输入

hexo g
hexo d

这时候会弹出一个对话框，输入github上的账号和密码，运行成功后，在浏览器中输入http://yourname.github.io查看博客首页