效果预览:
1. 安装条件
- 一台运行Windows系统的电脑
- 准备一个GitHub账号
参考网址:
- Git安装:[https://git-scm.com/](https://git-scm.com/)
- SSH Key生成与GitHub关联:【点击此处】(链接)
2. 安装流程:
(1)Node.js安装
- 按照官方安装指南进行安装,过程简单易懂。
- 官方安装教程:[https://nodejs.org/en/](https://nodejs.org/en/)
(2)Git安装
- 根据您所选的系统类型选择合适的安装包进行安装。
- 安装教程:【点击此处】(链接)
3. 开始搭建:
(1)创建GitHub仓库
- 生成个人专属的GitHub账号后,创建一个新的仓库。
- 示例:myhomepage(git.io)
(2)配置本地环境
- 在本地计算机中安装并初始化Hexo框架。
- 安装步骤:【点击此处】(链接)
检测node安装是否成功:
- 输入`node -v`,若返回版本号,则表示安装成功。
- 输入`npm -v`,若返回版本号,则表示npm也安装成功。
4. 部署到GitHub:
配置Git远程仓库
- 在Hexo项目的根目录下,运行命令:`git remote add origin [你的GitHub用户账号].github.io`
- 然后,将本地代码推送到远程仓库:`git push -u origin master`
访问个人网页:
通过访问【https://[你的GitHub用户名].gist.io】即可看到你创建的个人网页。
进一步深化操作过程(更换模板):
1. 下载新模板
- 你可以在网上找到众多免费的Hexo模板,这里以next主题为例。
- 下载链接:【点击此处】(链接)
2. 设置本地环境
- 在Hexo项目中,将下载的模板文件夹内容复制到`themes/your-theme-name`目录下。
- 更新Hexo配置文件`_config.yml`的`theme`字段为新的主题名称。
3. 生成静态页面,并部署:
- 清理数据库:`hexo clean`
- 生成静态文件:`hexo generate`
- 部署到GitHub:`hexo deploy`
这样,你就可以根据自己的喜好更换网页模板了。
Categories
新闻动态