温馨提示:
1.使用Hexo搭建网站基本不花钱。
2.本教程适用于hexo-butterfly主题,其他的主题不能保障完全可以运行。
3.本教程适用于接触电脑,0基础代码的小白,大佬就别纠结了OMO。
4.魔改有风险,请记得备份!!!

此教程可不备份,请按照步骤小心执行

#介绍
GitHub是一个面向开源及私有软件项目的托管平台,因为只支持Git作为唯一的版本库格式进行托管,故名GitHub。
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

#软件准备
在进行代码前,你需要做一些准备。

安装node.js

1.先下载安装文件🔗 https://nodejs.org/en/download/
选择适合自己系统的安装包。你是WIN10-64位就下载对应的。
建议选择exe安装包。
2.进入安装界面
一顿狂按“下一步”就对了。(除非你对电脑十分掌握)

安装Git

1.先下载安装文件🔗 https://git-scm.com/downloads
2.进入安装界面
一顿狂按“下一步”就对了。(除非你对电脑十分掌握)

安装Notepad++

1.先下载安装文件🔗 https://notepad-plus-plus.org/downloads/
2.进入安装界面
一顿狂按“下一步”就对了。(除非你对电脑十分掌握)

检查是否安装成功
1
2
3
git --version
node -v
npm -v

按下WIN + R
输入cmd
分别输入上述代码。
出现如图的即为成功。
CMD

#Hexo安装与配置
1.先在你需要安装的地方新建一个文件夹。命名可以为中文。
2.进入文件夹后右键空白区域,点击“git bash here”(以后简称Bash)
3.输入下面一串指令

1
npm install hexo-cli -g

3.5温馨提示:
①在Bash中按下Ctrl + cCtrl + v是不管用的。建议右键手动复制粘贴。
②在Bash中,用鼠标选中文字后会自动粘贴,所以不要手滑随便拉鼠标哦!
4.请确保文件夹是空的后输入下面指令

1
2
hexo init
npm install hexo-deployer-git --save

安装好后,你的文件夹应该就有东西了。
5.安装完成后,输入指令

1
2
hexo generate
hexo server

其中,可以简写成
hexo g 和hexo s
等待出现“INFO Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.”即为成功。
现在,你可以访问http://localhost:4000/ 来本地查看。

#将本地的部署到Github上

部署前置

1.注册 Github 账户:访问 Github 官网https://github.com/ ,点击 Sign Up 注册账户
请注意:请谨慎起名,你的github账号名称就决定了你的网站网址。
2.创建项目代码库:点击 New repository 开始创建,步骤及注意事项见图:
1
2
其中,输入格式就输入成“hello.github.io”的类似即可。
3.配置 SSH 密钥:只有配置好 SSH 密钥后,我们才可以通过 git 操作实现本地代码库与 Github 代码库同步。
在Bash中输入以下命令

1
ssh-keygen -t rsa -C "你的github所使用的邮箱"

4.接下来会出来一堆代码 你只需要狂按回车直到不出代码即可。

1
2
3
4
5
6
7
8
9
10
11
12
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/you/.ssh/id_rsa):
//到这里可以直接“回车”将密钥按默认文件进行存储
Enter passphrase (empty for no passphrase):
//这里是要你输入密码,其实不需要输什么密码,直接“回车”就行
Enter same passphrase again:
Your identification has been saved in /c/Users/you/.ssh/id_rsa.
Your public key has been saved in /c/Users/you/.ssh/id_rsa.pub.
The key fingerprint is:
//这里是各种字母数字组成的字符串,结尾是你的邮箱
The key's randomart image is:
//这里也是各种字母数字符号组成的字符串

运行以下命令。

1
clip < ~/.ssh/id_rsa.pub

它会将SSH公钥的内容复制到系统粘贴板上。
在此期间不要复制任何东西,以免覆盖内容。
5.点击网址:https://github.com/settings/ssh/new
其中:title随便填,Key中粘贴你的SSH公钥(已经在你的剪切板了)
其他的不要动,直接点Add SSH key即可,可能会让你输入密码。
6.在你的文件夹BASH输入

1
ssh -T git@github.com

出现Are you sure you want to continue connecting(yes/no)?时请填 yes
出现Hello XXX,巴拉巴拉 时则OK
7.Git会根据用户的名字和邮箱来记录提交,GitHub也是用这些信息来做权限的处理,输入以下命令进行个人信息的设置,把名称和邮箱替换成你自己的,名字可以不是 GitHub 的昵称,但为了方便记忆,建议与 GitHub 一致

1
2
git config --global user.name "此处填你的用户名"
git config --global user.email "此处填你的邮箱"
开始部署

8.点击你的文件夹的“_config.yml”(请使用Notepad++打开)
9.找到“deploy”,补充成下方所示的样子

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

XXX是你的github用户名。
10.现在在Bash中输入

1
hexo g -d

10.5补充一下:别人说的三连指的是

1
2
3
hexo cl
hexo g
hexo d或者hexo s

#访问博客
你的博客地址:https://XXX.github.io 现在别人也可以访问这个网址了。