效果预览:https://example.com准备好以下工具:
- Windows电脑
- 注册GitHub账号
使用Hexo框架搭建个人网站准备(1)GITHUB准备:
- 访问官网 https://github.com/ 了解相关操作步骤。
参考网址:
- Git安装教程 https://www.cnblogs.com/ximiaomiao/p/714456.html
- SSH Key生成与管理 https://fenggege.com/sing-ssh-key-link-github-photo-tor.html
(2)Node.js环境准备:
- 访问官网 https://nodejs.org/en/ 下载并安装Node.js。
安装过程:
- 依次点击“Next”按钮进行默认安装。
- 安装完成后,在命令提示符或终端中输入以下命令验证安装成功:
node -v // 返回版本号
npm -v // 返回版本号
(3)安装Hexo
- 在Git中执行以下命令安装Hexo:
npm install -g hexo-cli
检测Node.js环境是否正确:
- 执行以下命令,如无错误输入则表示安装成功:
node -v // 返回版本号
npm -v // 返回版本号
- 安装淘宝镜像源(如果连接不稳定,可尝试多次):
npm install -g cnpm --registry=https://registry.npm.taobao.org
创建仓库(repository):
- 在GitHub上创建一个新仓库,例如:yourname.github.io。
- 克隆该仓库到本地:
git clone https://github.com/yourname/yourname.github.io.git
在Blog目录下安装Hexo部署插件:
cnpm install --save hexo-deployer-git
配置_config.yml文件:
- 打开Blog目录中的_config.yml文件,使用支持的语言种类多、视图简洁、拥有插件多的编译器,如Visual Studio Code。
- 找到以下代码段:
# Deployment
deploy:
type: git
repository:
branch:
- 修改配置信息:
type
:设置为git。repository
:将GitHub仓库地址复制到此位置。branch
:设置管理员权限的分支名,例如master。
保存后,在Git中输入以下命令将本地文件部署到GitHub上:
hexo d
访问部署后的个人网站:
- 打开浏览器,输入以下网址,即可访问您新建的个人网站:
https://yourname.github.io
进一步深化操作过程(更换主题):
-
以yilia主题为例进行更换。
-
下载yilia主题,执行以下命令:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
-
打开Blog目录中的_config.yml文件,使用支持的语言种类多、视图简洁、拥有插件多的编译器,如Visual Studio Code。
-
找到以下代码段:
# Theme
theme:
-
将冒号后面的内容修改为刚刚下载的yilia主题名称。
-
输入以下命令清除数据库,并重新生成静态网站:
hexo clean hexo g
-
再次输入以下命令将文件部署到GitHub上:
hexo d
现在您已成功更换个人站点的主题。通过不断学习和实践,相信您能打造出属于自己独一无二的个人网站!祝您创作愉快!