Posted on

效果预览：https://jeremcol.

githb.io/archives/index.html

准备：

  1. windows电脑

  2. Git账号，使用hexo框架搭建个人网站（1）Git：https://git-scm.com/

  3. 参考网址：

  4. Node.js环境：https://nodejs.org/en/

安装过程：

  1. 安装Node.js：按照官方的安装步骤依次点击即可，安装过程非常简单。

  2. 安装Git：按照网上的教程进行安装。

  3. 安装Hexo：以下操作全部在command中完成（下面出现的检测都是在git中进行的）。

检测Node.js安装是否成功：

node -v
npm -v

返回对应版本号即表示安装成功。

安装淘宝的镜像源（如果出错就重试，因为连接可能不稳定，不要害怕多试几次就可以了）：

npm install -g cnpm --registry=https://registry.npm.taobao.org

创建个人博客仓库：

  1. 在GitHub上创建一个新仓库（如：hansonpang99.github.io）

  2. 在本地安装hexo部署插件：

cnpm install --save hexo-deployer-git

找到Blog目录下的_config.yml文件，使用编译器打开，建议使用Visual Studio Code（注：Visual Studio Code的好处有：支持多种编程语言、界面简洁、拥有丰富的插件等）。

修改_config.yml文件中的相关部分：

  • type：修改为git
  • repository：粘贴刚才新建的GitHub仓库地址
  • branch：管理员master分支

保存更改后，在Git中执行以下命令将本地文件部署到GitHub上的新仓库：

hexo d

最后，通过访问https://+自己的仓库名就可以看到部署到GitHub上的个人博客了（如：https://hansonpang99.github.io）

为了使网站更加个性化，我们可以更换网站主题。以下以yilia主题为例进行说明。

  1. 下载yilia主题：
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

  1. 找到Blog目录下的_config.yml文件，使用编译器打开，建议使用Visual Studio Code。

  2. 在_config.yml文件中找到theme配置项，将其值修改为yilia主题：

theme: yilia

清理数据库并生成静态网站：

hexo clean && hexo generate && hexo d

这样，我们就成功更换了博客的主题，实现了网站个性化的需求。

通过以上步骤，我们就能高效地搭建一个属于自己的个人网站。希望这篇快速搭建个人网站的全程攻略能对大家有所帮助！