效果预览:https://example.com/
准备阶段:
- 准备一台Windows电脑。
- 在您的GitHub账号中注册或登录。
参考网址:
- GitHub官网:https://github.com/
- Git安装教程:https://www.cnblogs.com/ximiaomiao/p/714456.html
安装过程:
-
安装Node.js:
- 访问Node.js官方网站下载安装包。
- 依次点击“下一步”,按照默认选项进行安装。
-
安装Git:
- 在浏览器地址栏中输入“https://git-scm.com/”访问GitHub官网,查看Git安装教程并按照说明操作。
-
安装Hexo框架:
检测Node.js安装是否成功:
node -v
npm -v
如果返回版本号,则表示安装成功。
安装淘宝的镜像源(确保连接稳定):
npm install -g cnpm --registry=https:// registry.npm.taobao.org
创建仓库(repository):
- 注册或登录GitHub账号。
- 新建一个公开的个人仓库(例如:hansonpang99.github.io)。
在Blog目录下安装Hexo部署插件:
cnpm install --save hexo-deployer-git
配置_config.yml
文件:
- 使用文本编辑器打开Blog根目录下的
_config.yml
文件。 - 找到如下配置段:
deploy: type: git repository: https://github.com/用户名/仓库名.git branch: master
- 将以上配置信息修改为自己的GitHub仓库地址。
部署到GitHub:
hexo d
访问个人站点:
通过浏览器访问https://+您的仓库名
即可查看您的个人网站。
进一步深化操作过程(更换博客主题):
以yilia主题为例,进行主题更换:
-
下载yilia主题:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
-
配置theme字段:
- 打开Blog根目录下的
_config.yml
文件。 - 找到如下配置段:
theme: yilia
- 将冒号后面的内容修改为刚刚克隆的主题名称。
- 打开Blog根目录下的
-
清除数据库、生成静态网站并部署:
hexo clean && hexo g && hexo d
完成以上步骤,您就可以自由构建个人站点了!