效果预览:[个人网站展示链接](#)
准备阶段:
1. 确保您拥有Windows电脑。
2. 使用GitHub账号搭建个人Blog软件——准备工作如下(1)GitHub[注册地址](https://github.com/)。(2)参考网址:Git安装[具体教程链接](#)。
步骤一:
(1) 安装Node.js,过程依次点击即可,非常简单。[官方安装教程](https://nodejs.org/en/)
(2) 接着安装Git,按照网上的步骤进行就ok了。[详细教程](https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html)。
(3) 紧接着安装Hexo,以下检测均须在Git中进行。(——)
检测Node.js安装情况:
- 输入`node-v`,查看返回版本号。
- 输入`npm-v`,查看返回版本号。
步骤二:
(1)安装淘宝的镜像源,如出现错误请多次尝试(因为网络连接可能不稳定)。输入:`npm install -g cnpm --registry=https://registry.npm.taobao.org`
(2)创建一个仓库(repository),例如:`hansonpang99.github.io`。
(3)在Blog目录下安装Hexo部署插件,输入:`cnpm install --save hexo-deployer-git`。
步骤三:
1. 在Blog文件中找到`_config.yml`文件并用编译器打开,建议使用Visual Studio Code。
2. 找到以下部分代码,进行更改(如果没有则添加):
```yaml
deploy:
type: git
repository: <your-repository-url>
branch: master
-
更改type为一个名字,建议写成git方便识别。然后复制您新建的GitHub仓库地址粘贴到repository字段,branch分支设置为管理员master。
-
完成更改后保存,然后在Git中输入
hexo d将本地文件部署到GitHub新建的仓库中。
步骤四:
- 访问
[https://+您的仓库名.github.io](https://your-repository-name.github.io)`即可访问您部署在GitHub上的blog了(例如:hansonpang99.github.io)。
进一步深化操作过程:
- 更换Blog的主题,以下以yilia主题为例进行更换。
(1) 下载yilia主题:git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
(2)找到Blog文件中的_config.yml文件用编译器打开。
(3)找到这部分代码(即theme)并将冒号后面的内容改为刚刚新建的yilia。
步骤五:
- 然后依次执行以下命令:
hexo clean 清除数据库等垃圾信息
hexo generate 生成静态网站
hexo deploy 将现在文件部署到GitHub中
这样就实现了主题的更改。