效果预览:示例站点链接
准备工作:
- Windows电脑。
- GitHub账号。
- 使用Hexo框架搭建博客软件。
准备工作(1):GitHub
请访问GitHub官网注册一个账户。
参考网址:
- Git安装教程:Git官方安装方式
- SSH密钥生成与添加:SSH-keygen-link
准备工作(2):Node.js
请前往Node.js官网下载并安装。
安装过程:
- (1)按照安装过程依次点击即可,安装过程很简单。
- (2)安装Git按照网上的安装方式进行安装就可以了。
准备工作(3):Hexo框架
安装完成后,在命令行中进行以下操作:
检测Node.js是否成功安装:node -v(回车后应返回版本号)
检测npm是否成功安装:npm -v(回车后应返回版本号)
安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了):
npminstall-gcnpm --registry=https://registry.npm.taobao.org
创建仓库(repository)
在GitHub上创建一个名为你的用户名.github.io的新仓库。例如:如果你的用户名是exampleuser,那么仓库地址就是exampleuser.github.io。
安装Hexo部署插件
npm install --save hexo-deployer-git
配置_config.yml文件
找到Blog目录下的_config.yml文件,使用编译器打开(建议使用Visual Studio Code)。找到以下代码:
deploy:
type: git
repo: https://github.com/你的用户名/你的用户名.github.io.git
branch: master
修改为:
deploy:
type: git
repo: [仓库地址]
branch: [分支信息,如:master、gh-pages]
保存设置。
部署到GitHub
现在你的Hexo博客已经配置好了,执行以下命令:
hexo generate
hexo deploy
你就可以通过访问[你的用户名].github.io来访问你的个人站点了。例如:如果我的用户名是exampleuser,那么就是exampleuser.github.io。
进一步深化操作过程(更换主题)
下面以默认主题为例进行更换:
1.克隆一个喜欢的Hexo主题到本地
git clone [克隆地址] themes/[主题名称]
2.找到Blog目录下的_config.yml文件,使用编译器打开。将以下代码修改为你的主题名字:
theme: [主题名称]
3.执行以下命令来更新配置:
hexo clean
hexo generate
hexo deploy
现在,你的Hexo博客已经成功更换了主题。你可以自由地探索和尝试不同的主题样式。希望这篇教程能帮助你快速搭建自己的个人网站!