准备阶段:
-
电脑配置:
- 需要一台运行Windows系统的电脑。
- 事先注册一个GitHub账号。
-
基础软件安装:
- 访问Git官方网站(https://git-scm.com/)下载并安装Git。
- 安装Node.js,具体安装过程可参考官网教程(https://nodejs.org/en/)。
以下是详细的安装步骤:
(1)Node.js安装:按照安装向导依次点击下一步即可完成。整个安装过程非常简单。
(2)安装Git:按照网上提供的安装方式进行安装,具体教程可参考(https://www.cnblogs.com/ximiaomiao/p/714456.html)。
-
使用Hexo框架搭建网站:
在安装好所需软件后,开始进行网站的相关配置和编码。
(1)检测Node.js安装是否成功:
node -v npm -v如果显示版本号,则表示Node.js已成功安装。
(2)安装淘宝镜像源:
由于连接可能不稳定,如果出现错误,请不要害怕多尝试几次,直至成功。
npm install -g cnpm --registry=https://registry.npm.taobao.org(3)创建一个仓库(repository):在GitHub上创建一个新的仓库,例如:hansonpang99.github.io.
-
安装Hexo部署插件:
在Blog目录下安装hexo-deployer-git插件:
npm install --save hexo-deployer-git -
配置_config.yml文件:
打开 Blog 目录下的 _config.yml 文件,使用编译器进行编辑。推荐使用 Visual Studio Code(https://code.visualstudio.com/),它支持多种语言种类,具有简洁的视图和多功能插件。
在文件中找到以下部分并对其进行修改:
deploy: type: git repository: 仓库地址 branch: master将以上代码中的“仓库地址”替换为刚才创建的GitHub仓库名称,将branch设置为master。然后保存修改。
-
同步本地文件到GitHub:
在命令行中执行以下命令,将本地的Blog文件部署到GitHub上的新仓库:
hexo d -
访问个人官网:
部署成功后,通过访问 https://你的仓库名称.github.io 即可查看你的个人官网。
-
进一步操作:更换Blog主题:
此处以yilia主题为例说明如何更换博客主题。
(1)下载yilia主题:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia(2)修改_config.yml文件中的theme字段,将其值改为yilia:
theme: yilia(3)清除数据库文件:
hexo clean(4)生成静态网站并部署:
hexo g -d
至此,你已经成功创建了一个炫酷的个人官网,并且可以根据自己的需求调整主题和样式。现在,快来展示你的个人品牌吧!