效果预览:
想要轻松打造独一无二的个性化网址?快来跟随我们一步步操作吧!
准备阶段:
- 电脑配置
在开始之前,请确保您的电脑已安装以下软件:- Windows电脑系统
- Git账号
- Hexo框架搭建日志软件(例如GitHub)
参考资料:
- Git安装指南:https://git-scm.com/
- SSH密钥连接GitHub教程:http://xanfengge.com/sing-ssh-key-link-githb-photo-tor.html
- Node.js安装教程:https://nodejs.org/en/
安装过程:
(1) Node.js安装
按照以下步骤依次点击进行操作,安装过程非常简单:
- 访问Node.js官网下载所需版本
- 双击安装文件,跟随向导完成安装
(2) Git安装
按照网上的安装方式进行安装即可,具体教程请参考:https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html
(3) 安装Hexo
以下所有检测操作均在Git中完成:
检测Node.js安装是否成功:
node -v # 返回版本号
npm -v # 返回版本号
安装淘宝镜像源(如出现错误,请多尝试几次)
npm install -g cnpm --registry=https:// registry.npm.taobao.org/
创建仓库:
- 创建个人或组织账户的GitHub仓库:(例如:yourname.github.io)
- 在Blog目录下安装一个Hexo部署插件:
cnpm install --save hexo-deployer-git - 修改_config.yml文件:
- 在你的Blog目录中找到_config.yml文件,用编译器打开(例如使用Visual Studio Code)。
- 找到以下代码块并进行修改:
deploy: type: git repo: <repository url> branch: [branch name] - 填写内容:
- type:选择git
- repo:将你刚刚创建的GitHub仓库地址粘贴到此字段
- branch:设置管理员分支名称,例如master
保存配置后,在Git中输入以下命令:
hexo d -g
部署至GitHub:
- 通过访问
https://[你的用户名].github.io(例如:http://yourname.github.io)即可访问你刚刚部署到GitHub上的博客了。
个性化操作:
接下来,我们将进一步介绍如何更换博客主题来打造独特的视觉效果。
更换博客主题
以下以yilia主题为例进行展示:
- 下载yilia主题:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia - 修改_config.yml文件:
- 仍然在_yourname.github.io\source_themes下找到_config.yml文件,使用编译器打开。
- 找到以下代码块并进行修改:
theme: [theme name] - 将冒号后面的内容更改为刚刚下载的yilia主题名称。
集成操作
- 在完成以上步骤后,执行以下命令进行整合:
hexo clean # 清除数据库等
hexo g # 生成静态网站
hexo d # 部署到GitHub
恭喜你!现在我们已经成功将全新的个性化网址发布了,赶快去看看吧!祝你使用愉快!