0%

实验报告

准备工作

该博客用的是Hexo框架,基于Node.js,搭建博客首先需要有一个GitHub账号并且配置了SSH Keys

1、创建GitHub仓库

在github中点击New repository创建一个名为hulelewin.github.io的仓库

2、安装Git

通过下载安装程序来安装
验证:执行git –version如果输出类似git version 版本号 说明安装成功

3、安装Node.js

通过HomeBrew来安装
brew install node

4、安装Hexo

1、首先需要创建一个用来存放Github本地仓库文件的目录
2、选中创建的目录(文件夹)右键选择使用Gti Bash Here打开Git命令窗口
3、输入命令:这里可能需要用到taobao网址进行安装
注:之后再次使用命令则是以cnpm开头~而不是npm
4、正式开始安装hexo:输入命令 cnpm install -g hexo-cli
5、初始化Hexo:hexo init
6、这时创建的文件夹下多出许多文件
7、启动hexo,本地浏览博客:
输入命令:hexo s
浏览器输入localhost:4000
关闭hexo ctrl + c

5、设置ssh

1、生成sshkey
输入命令:cd ~/.ssh进入.ssh文件
输入命令:ssh-keygen -t rsa -C ‘注册时的邮箱地址’
2、使用记事本打开id_rsa.put文件并复制生成的key
3、在已登陆的Github主页点击右侧头像 》 Settings设置
4、再点击SSH and GPG keys 》 New SSH key
5、将刚刚在.ssh目录下所复制id_rsa.put文件中的信息复制进key
6、本地进行验证:ssh -T git@github.com 并且输入yes之后,行末尾会显示用户名
7、绑定成功

上传博客

1、用记事本打开并修改本地仓库目录下_config.yml文件
2、在文件的末尾修改(repository属性的地址就是之前创建仓库后所保存的http地址)
3、安装上传工具:cnpm install hexo-deployer-git
4、生成文件:hexo g
5、本地预览:hexo s浏览器输入:localhost:4000(ctrl + c 关闭)
6、部署到Github:hexo d

从浏览器访问博客

浏览器输入用户名.github.io(Github仓库名)

问题

1、初始化Hexo 的时候报错

问题:FATAL E:\blog not empty, please run hexo init on an empty folder and then copy your files into it。

解决:如果当输入hexo init的时候出现这些,表示没有清空文件夹
删除blog下的所有文件,重新进行hexo init

2、部署到Github的时候报错

问题:ERROR Deployer not found: git
解决:重新安装git

3、hexo本地测试运行重启后页面空白

问题:WARN No layout: index.html
解决:(1)把主题文件放在theme文件夹下(2)此时在theme主题下保存文件夹的名称为:hexo-theme-next-0.4.0,修改为next(主题名称)

4、使用github.io地址访问一直报404

解决:将原仓库名hulelewin.github.io后缀修改成hulele.github.com,等个几秒钟强刷https://hulelewin.github.io/地址,就能看到网站正常显示。