Hexo 系列-2: 安装和配置

1、安装Node.js

选择一个稳定版本,比如 node-v12.15.0-x64.msi,选项默认,一路Next即可。
最后安装好之后,按Win+R打开命令提示符,输入node -v和npm -v,如果出现版本号,那么就安装成功了。

添加国内镜像源,使用阿里的国内镜像进行加速。
npm config set registry https://registry.npm.taobao.org

2、安装Git

安装选项还是全部默认,安装完成后在命令提示符中输入git –version验证是否安装成功(最后一步添加路径时选择Use Git from the Windows Command Prompt)。
没有选择这个的话,可以通过Git Bash启动shell运行命令验证。

3、注册Github账号

注册过程这个就赘述了,创建一个repository,名字一定要加.github.io后缀,README初始化也要勾上。
比如我的名字是 dbaspider.github.io,后续blog地址就是 https://dbaspider.github.io/。

另外,配置好Github提交代码所需的配置,注意配置好ssh key,建议打开本地保存用户和密码开关,
这样每次git push/pull代码时就不会弹出对话框再输入了。
git config –global credential.helper store

4、安装Hexo

使用npm命令安装Hexo,输入:
npm install -g hexo-cli

安装完成后,创建一个本地目录作为blog的本地保存目录(比如 C:\),确认命令行当前工作目录在此目录下,
执行下面命令初始化博客:
hexo init blog

按顺序输入以下三条命令,确认hexo blog已经初始化成功:

(1) 新建一条blob
hexo new test_my_site

(2) 生成blog页面
hexo g

(3) 启动本地hexo http服务
hexo s

5、推送网站到github上

推送需要先编辑blog目录下的 _config.yml 文件,做一些必须的配置。

(1) 站点显示和SEO配置,修改成自己的设置内容:
# Site
title: ‘大风起兮云飞扬’
subtitle: ‘进步每一天’
description: ‘dbaspider home’
keywords: dbaspider
author: dbaspider
language: zh
timezone: ‘Asia/Shanghai’

另外这里的url修改为实际的blog地址:
# URL
## If your site is put in a subdirectory, set url as ‘http://yoursite.com/child' and root as ‘/child/‘
url: https://dbaspider.github.io

(2) Github推送设置:
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: ‘git’
repo: https://github.com/dbaspider/dbaspider.github.io.git
branch: master

(3) 执行推送
先安装Git部署插件,输入命令:
npm install hexo-deployer-git –save
安装一次即可,后面就不用再安装了。

推送到Github的仓库上,分别输入三条命令:
hexo clean
hexo g
hexo d

第三条的 hexo d 就是部署网站命令,d是deploy的缩写。完成后,打开浏览器,在地址栏输入你的放置个人网站的仓库路径,即 https://dbaspider.github.io
顺利的话,你的blog就出来了(国内可能有些延迟,如果没有显示出来,可以过几分钟再刷新下即可)。