2025年8月6日
效果预览:[点击查看您的网站](https://yournewsite.com)
准备:
1. Windows电脑。
2. Git账号。
步骤一:
参考网址:[Git安装教程](https://www.git-scm.com)
[SSH Key生成与配置](https://gitee.com/imaple/sing-ssh-key-link-githb-photo-tor)
步骤二:
安装Node.js
[点击下载Node.js](https://nodejs.org/)
安装过程如下:
1. 点击“安装”,按照提示操作即可,安装非常简单。
2. 安装Git
按照网上的安装流程进行安装。
步骤三:
安装Hexo(以下是Git中的检测步骤)
检测node安装是否成功:`node -v`(显示版本号)
检测npm版本:`npm -v`
步骤四:
安装淘宝的镜像源
如果出现错误,请不要害怕,多试几次就可以了。
`npm install -g cnpm --registry=https://registry.npm.taobao.org`
步骤五:
建立仓库
创建一个新的GitHub仓库(例:yourname.github.io)
在Blog目录下安装一个Hexo部署插件:
`cnpm install --save hexo-deployer-git`
步骤六:
配置_config.yml文件
使用编译器打开_config.yml文件,建议使用Visual Studio Code。
找到这部分代码:
type: git
reporitory:
branch:
更改如下:
- `type`改为`git`
- `repository`填写你的GitHub仓库地址
- `branch`改为`master`
步骤七:
部署到GitHub
在Git中输入以下命令,将本地文件部署到GitHub新建的仓库中:
`hexo d -g`
然后通过访问https://yourname.github.io就可以访问你在GitHub上部署的网站了。
进一步深化操作过程(更换主题)
这里以yilia主题为例进行更换:
首先下载yilia主题:
`git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia`
然后找到Blog目录下的_config.yml文件,使用编译器打开。
将theme后面的内容改为hexo-theme-yilia。
步骤八:
清理和生成静态网站
在命令行中输入以下命令进行清理、生成静态网站和部署:
`hexo clean && hexo gen && hexo d -g`
现在你已经成功搭建了一个个人网站!