1. 环境准备(git、nodejs、gitHub)
2. 安装Hexo
3. 配置Hexo
4. 将Hexo与github page 联系起来
5. 使用nexT主题
环境准备(git、nodejs、gitHub)
-
windows系统下安装git
先从官网下载最新版本的Git,官网下载
,双击进行安装,一直next到底,选择默认设置。
按下 Win 键和 R 键打开运行窗口,输入 cmd,输入:git --version
输出打印信息,即安装成功 -
windows系统下安装nodejs
首先在NodeJS官方网址下载安装包,按需下载相应版本,默认安装可以了。
安装完成后,Window+R 打开运行窗口,输入cmd命令,输入node,敲回车。
输出打印信息,即安装成功
- Github配置
1、 注册Github(如果有账号,请跳过该步骤
进入官网,按要求输入信息,完成注册
2、创建代码库
登陆之后,点击页面右上角的加号,选择New repository
3、代码库设置
填写Repository name,格式是yourname.github.io(如我的名字是hehui0316,这里就填 hehui0316.github.io),Description 可写可不写:
安装Hexo
1、安装hexo,执行如下命令
npm install -g hexo-cli
npm install hexo --save
hexo -v
安装成功
配置Hexo
创建一个用于存放博客文件的文件夹,如我在E盘创建了一个文件夹blog,初始化Hexo
e: //进入E盘
cd blog
hexo init //初始化
npm install
hexo g //生成
hexo s //服务
提示出现:
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
在浏览器中打开http://localhost:4000/,即可看到本地部署页面:
将Hexo与github page 联系起来
- 配置Git信息
git config --global user.name "yourname" //yourname换成你的名字
git config --global user.email "youremail@.com" //youremail@.com换成你的邮箱
ssh-keygen -t rsa -C "youremail@.com" //生成密钥,youremail@.com换成你的邮箱
cd ~/.ssh //检查是否已经有SSH Key
ls //列出该文件下的文件,看是否存在 id_isa 和 id_isa.pub 文件
- 生成密钥
ssh-keygen -t rsa -C "youremail@.com" //youremail@.com换成你的邮箱
- 添加密钥到ssh-agent
eval "$(ssh-agent -s)"
ssh-add ~/.ssh/id_rsa //添加生成的 SSH key 到 ssh-agent
-
登陆Github, 添加 ssh
把id_rsa.pub文件里的内容复制到下图所示位置
该文件在默认目录C:\Users\Administrator.ssh中
添加到github
-
配置Deployment
在_config.yml文件中,(该文件就在你去前面设置的blog文件夹中)找到Deployment,然后按照如下修改:
deploy:
type: git
repo: git@github.com:yourname/yourname.github.io.git //yourname换成你的名字
branch: master
- 写博客、发布文章
hexo new post "我个人博客的第一篇博客!"
这时候在我的 电脑的目录下E:\blog\source\ _posts 将会看到 我个人博客的第一篇博客!.md 文件用MarDown编辑器打开就可以编辑文章了。文章编辑好之后,运行生成、部署命令:
hexo g
hexo d
部署成功后访问你的地址,https://yourName.github.io,将可以看到生成的文章。
(记住yourname是你自己设置的名字)
使用nexT主题
- 下载主题(路径是E:/blog/themes/next)如果git太慢,直接去GitHub
拉下来,解压到此路径下。
git clone https://github.com/iissnan/hexo-theme-next themes/next
启用nexT主题打开站点配置文件 _config.yml,找到 theme 字段,并将其值更改为 next。
- 启用nexT主题
配置文件 _config.yml,找到 theme 字段
theme: next
生成、部署即可看
hexo g
hexo d
更多参数的修改,美化页面可见参考官网