效果预览:

准备:

  1. Windows电脑。
  2. 账号注册:前往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”为例进行说明。

  1. 在GitHub上新建一个名为“www.mypage.com”的仓库。
  2. 进入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”主题为例进行说明。

  1. 下载KeepSimple主题:在Git中输入以下命令下载。
git clone https://github.com/Choatery/hexo-theme-keepsimple.git themes/keepsimple
  1. 在博客目录下找到_config.yml文件,使用Visual Studio Code打开编辑。

修改如下代码段(注意:以下为示例代码,请根据自己的具体情况修改):

theme: keepsimple # 将主题名改为keepsimple
  1. 清除缓存:
    首先,在Hexo中清除数据库、已部署的静态页和编译过的文件:
hexo clean

然后,使用命令生成新的静态网站:

hexo generate

最后,将更新的文件上传到GitHub。

hexo deploy

完成以上步骤后,你就可以拥有一个美观且实用的个人主页网站了!祝你在网络世界中大放异彩!

Share: Facebook Twitter Linkedin

Comments are closed.