猫熊小才天の书院
0%

Windows搭建Hexo系统

Posted on In Views: Valine:
Symbols count in article: 2.1k Reading time ≈ 2 mins.

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，输入

1
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 进入到刚创建的文件夹

1
2
3
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++打开，随便写入一点内容，做一次简单的提交，输入以下命令

1
2
3
4
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，输入

1
npm install -g hexo-cli

敲完回车可能没有任何提示，请一定要耐心等待
安装成功后，可以输入以下命令测试以下Hexo是否安装成功 

1
hexo version

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

4.2 初始化Hexo

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

1
2
3
4
hexo init
npm install
hexo g
hexo s

执行 hexo init时可能报错，fatal: unable to access 'https://github.com/hexojs/hexo-starter.git/': Failed to connect to github.com port 443 after 75010 ms: Couldn't connect to server，需要取消git网络代理，然后重试

1
2
git config --global --unset http.proxy
git config --global --unset https.proxy

这时候在浏览器中打开 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文件，修改文件最后部分

1
2
3
4
deploy:  
  type: git
  repository: http://github.com/yourname/yourname.github.io.git
  branch: master

yourname是github的账户名
保存，然后输入

1
2
hexo g
hexo d

如果出现以下异常

1
ERROR Deployer not found: git

尝试输入以下命令

1
$ npm install hexo-deployer-git --save

然后再次输入

1
2
hexo g
hexo d

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