免费搭建个人站点

效果预览：点击访问示例网站

准备：

1. Windows电脑。
   2.GitHub账号。

使用hexo框架搭建blog软件准备（1）Git：

• Git下载地址，参考网址：如何安装Git
• 生成SSH Key并关联GitHub
• Node.js：
  • Node.js下载地址
  • 安装过程：(1)按照安装过程依次点击即可，安装过程很简单。
    (2)安装Git：按照网上的安装方式进行安装就可以了。如何安装Git
• 安装Hexo（下面出现的检测全部是在git中进行的）
  —————————————————————————————————————
  检测Node.js安装是否成功：

node -v
npm -v

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

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

—————————————————————————————————————

创建一个仓库（repository）（例：hansonpang99.githb.io）

在Blog目录下安装一个hexo部署插件：

cnpm install --save hexo-deployer-git

找到Blog文件中的_config.yml文件，使用编译器打开，建议使用Visual Studio Code打开。
注：Visual Studio Code的好处：1.支持的语言种类多、视图简洁、拥有插件种类多

找到这部分代码，使用以下修改指令：

type: git
repository:仓库地址（将刚刚新建的GitHub仓库地址复制到这里就可以）
branch:master

更改后进行保存。

然后，在Git中输入以下命令，将本地文件部署到GitHub上的新仓库中：

hexo d

现在可以通过访问https://+自己的仓库名来访问部署到GitHub上的blog了（例：https://hansonpang99.githb.io）

进一步深化操作过程（更换Blog的主题）：

这里以yilia主题为例进行更换：

1. 下载yilia主题：

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

2. 在Git中输入以下命令，将新的主题克隆到本地：

   git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
   (克隆之后的本地位置)
   

3. 找到Blog文件中的_config.yml文件，使用编译器打开，建议使用Visual Studio Code打开。

4. 寻找这部分代码（即theme），将冒号后面的内容改为刚刚下载的yilia：

theme: yilia

5. 清除数据库：

hexo clean

6. 生成静态网站：

hexo generate

7. 部署到GitHub中：

hexo deploy

这样就实现了主题的更改。

通过以上的步骤，轻松实现了一个免费的个人博客站点的搭建，不仅可以展示自己的作品，还可以和他人进行技术交流。快来尝试一下吧！