Posted on by author

免费构建个人网站的诀窍

效果预览：点击预览

准备阶段：

  1. 确保你的电脑安装了Windows操作系统。

  2. 在GitHub上注册一个账号。

  3. 使用Hexo框架搭建个人网站博客软件。

具体步骤如下（以下操作均在Git中完成）：

步骤一：环境搭建

安装Node.js

按照官方安装指南依次点击，过程简单易懂。参考网址

安装Git

按照网上教程进行安装。参考网址

安装Hexo

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

  • 在终端输入 node -v 查看Node.js版本。
  • 输入 npm -v 检查npm版本。

步骤二：配置淘宝镜像源

由于网络连接不稳定，可能会出现错误，请尝试多次，直到成功为止。

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

步骤三：创建仓库

建立一个个人仓库（例如：your-username.github.io）。

步骤四：安装Hexo部署插件

在Blog目录下，使用以下命令安装Hexo的GitHub部署插件：

cnpm install --save hexo-deployer-git

步骤五：配置_config.yml文件

打开 _config.yml 文件，建议使用Visual Studio Code打开。

repo: 'github.com/your-username/your-username.github.io'
branch: 'master'
type: git

将以上代码添加到 deploy 部分并进行保存。

步骤六：部署网站

在终端中输入以下命令，将本地文件部署到GitHub上：

hexo d

现在，你已经成功创建了个人网站！

如果你想进一步加深操作过程，如更换主题等，以下是具体步骤：

更换Blog主题

以更换yilia主题为例：

  1. 下载yilia主题。在Git中输入命令：

    git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

  2. 打开 _config.yml 文件，将 theme 的值改为刚克隆的主题名字 yilia。

  3. 清除数据库（可选）：

    hexo clean

  4. 生成静态网站：

    hexo g

  5. 部署至GitHub：

    hexo d

现在，你的博客已经换上了新主题！

通过以上步骤，你就可以免费构建一个属于你自己的个人网站，让你的思想和知识得以展示和分享。祝你搭建成功！

author

Related Posts