安装Node.js

官网下载:Node.js
安装一直点next即可
最后测试是否安装成功
win+r打开命令行提示符,输入cmd,之后输入node -vnpm -v,如果显示版本号即为成功

安装Git

下载分布式管理工具Git主要使用此工具来使本地部署的网页搭载到GitHub上去,安装选项全为默认,安装完成后在命令提示符中输入git --version来验证是否安装成功。

注册Github

打开GitHub网站,新建一个项目,如图:
然后如图,输入自己项目的名字,后面一定要加.github.io后缀,README初始化也要勾选上。名称一定要和你的GitHub的名字完全一样
然后项目就建成了,点击settings,向下拉到最后有个pagesSoure处选择deploy from a branch上面的链接就是自己网站。

安装Hexo

在合适的地方建一个文件夹,用来存放自己的博客文件,在该目录下右键然后点击git bash here,打开git的控制台窗口,以后我们所有的操作都在git里面运行
定位到目录下,输入npm i hexo-cli -g安装hexo。可能会有几个报错,无视即可。
安装完后输入hexo -v验证是否安装成功。

然后我们要初始化网站,输入hexo init初始化文件夹,接着输入npm install安装必备的组件。
这样本地的网站的配置也做好了,输入hexo g生成静态网页,然后输入hexo s打开本地服务器,输入网站就能看到自己的博客了


ctrl+c关闭本地服务器

连接GitHub与本地

首先在桌面上右键打开git bash,然后输入命令

1
2
git config --global user.name“yourname”
git config --global user.email“[email protected]

用户名和邮箱根据你注册的github的信息自行修改。
然后生成密钥ssh key:

1
ssh-keygen -t rsa -c “[email protected]

然后按照提示一直回车即可。
打开github,在头像下点击settings,再点击ssh and GPG keys,新建一个ssh名字随便。
在git bash中输入

1
cat ~/.ssh/id_rsa.pub

将输出的内容复制到新建的ssh框中,点击确定保存。
输入ssh -T [email protected],如果如图所示出现你的用户名就成功了

打开博客根目录下的_config.yml文件,这是配置文件,可以修改配置信息。
修改最后一行的配置:

1
2
3
4
5
6
7
deploy:

  type: git

  repo: [email protected]:yourname/yourname.githu.io.git

  branch: main

然后修改文件中url和添加root(可以先不修改如果上传博客后发现网页没显示样式再修该即可)

1
2
url:你的博客网址
root:/

自定义域名

购买一个域名

然后在域名解析网站添加A记录

然后再GitHub page中输入自己的域名