效果预览:https://example.github.io/
准备阶段:1. Windows电脑。2. GitHub账号。3. 使用Hexo框架搭建Blog软件准备。
具体步骤如下:
- 安装Git:https://git-scm.com/
(安装过程:(1)点击安装,安装过程很简单。(2)按照网上的安装方式进行安装就可以了)
-
安装Node.js:https://nodejs.org/en/
-
安装Hexo。
检测Node.js是否成功:
node -v
npm -v
- 安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了):
npm install -g cnpm --registry=https://registry.npm.taobao.org
-
创建一个仓库(repository),例如:example.github.io
-
在Blog目录下安装一个hexo部署插件:
cnpm install --save hexo-deployer-git
- 修改_config.yml文件,具体如下:
打开Blog文件夹,找到_config.yml文件,使用文本编辑器打开。
找到以下代码(即Deployment):
deploy:
type: git
repo:
branch:
按以下步骤进行更改:
- 设置type为一个名字,建议写成git方便识别。
- reporepository仓库地址将刚刚新建的GitHub仓库地址复制到这里。
- branch设置管理员master。
保存并关闭文件。
-
在Git中输入hexo d命令,将本地文件部署到GitHub新建的仓库中。
-
通过访问https://+自己的仓库名就可以访问部署到GitHub上的blog了。
进一步深化操作过程(更换Blog的主题):
- 下载yilia主题:https://github.com/litten/hexo-theme-yilia.git
- 在Git中输入以下命令克隆地址:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
- 找到Blog文件中的_config.yml文件,使用文本编辑器打开。
- 查找到主题相关配置(即theme),将冒号后面的内容改为刚刚下载的yilia。
最后,清理数据库、生成静态网站并部署到GitHub中:
- 输入以下命令清除数据库:
hexo clean
- 生成静态网站:
hexo generate
- 部署到GitHub:
hexo deploy
这样就实现了主题更换。