效果预览:
准备:
- Windows电脑。
- 账号注册:前往https://www.github.com/注册GitHub账号使用。
安装过程:
(1)Node.js安装:按照以下步骤依次点击即可,过程简单易懂。请参考以下网址了解详细安装过程:Node.js官网。
(2)Git安装:直接在网上查找相应的安装教程进行安装即可。具体可参考以下网站:Git官方下载设置SSH Key。
(3)安装Hexo框架:以下检测操作均在Git中进行,请耐心完成。
——检测Node.js安装是否成功:
输入node -v
并按回车,如返回版本号则表示安装成功。
接着,输入npm -v
并按回车,查看npm版本信息。如果安装正常,则会显示版本信息。
——安装淘宝的镜像源:由于网络连接可能不稳定,出错时请多试几次即可。(若失败可尝试重新操作)
输入以下命令:
npm install -g cnpm --registry=https://registry.npm.taobao.org
创建仓库(repository):
以“www.mypage.com”为例进行说明。
- 在GitHub上新建一个名为“www.mypage.com”的仓库。
- 进入Hexo博客目录下,安装hexo-deployer-git部署插件:
cnpm install --save hexo-deployer-git
修改_config.yml配置文件:
打开博客目录中的_config.yml
文件,建议使用Visual Studio Code进行编辑。
修改如下代码段(注意:以下为示例代码,请根据自己的具体情况修改):
type: git
repo: https://github.com/MYNAME/www.mypage.git # 替换你的GitHub仓库地址
branch: master # 修改为管理员分支名
然后,在Git下输入以下命令将本地文件部署到GitHub上的Personal Page仓库中:
hexo d
访问个人主页网站:
通过以下链接可访问已上传的Hexo博客:
https://www.mypage.com
接下来,我们将介绍如何更改网站主题以提升视觉效果。
更换Blog主题:
这里以“KeepSimple”主题为例进行说明。
- 下载KeepSimple主题:在Git中输入以下命令下载。
git clone https://github.com/Choatery/hexo-theme-keepsimple.git themes/keepsimple
- 在博客目录下找到
_config.yml
文件,使用Visual Studio Code打开编辑。
修改如下代码段(注意:以下为示例代码,请根据自己的具体情况修改):
theme: keepsimple # 将主题名改为keepsimple
- 清除缓存:
首先,在Hexo中清除数据库、已部署的静态页和编译过的文件:
hexo clean
然后,使用命令生成新的静态网站:
hexo generate
最后,将更新的文件上传到GitHub。
hexo deploy
完成以上步骤后,你就可以拥有一个美观且实用的个人主页网站了!祝你在网络世界中大放异彩!