最新动态

打造零成本个人网站指南

2025年8月31日

效果预览：https://jeremcol.githb.io/archives/index.html

准备阶段：

  1. 携带一台Windows电脑。
  2. 使用hexo框架搭建个人博客软件。

具体操作：

  • 在Git上注册账户：https://git-scm.com/
  • 参考网址：https://www.cnblogs.com/ximiaomiao/p/7144563’anfengge.com/sing-ssh-key-link-githb-photo-tor.html（如何使用SSH密钥）
  • 安装Node.js：https://nodejs.org/en/（安装过程简单，只需按照步骤点击即可）

下面开始安装Git：

  • 在Windows电脑上安装Git，按照网上提供的安装方法进行Install。
  • 安装Hexo框架。

检测是否安装成功：

  • 输入node -v查看Node.js版本。
  • 输入npm -v查看 npm 版本。

下面我们使用淘宝的镜像源来提高下载速度：

  • 使用npm命令安装cnpm --registry=https://registry.npm.taobao.org
  • 创建一个Git仓库（Repository）：hansonpang99.githb.io
  • 在Blog目录下安装hexo-deployer-git插件：npm install –save hexo-deployer-git

修改_config.yml文件：

  • 打开Blog目录下的_config.yml文件，使用Visual Studio Code编辑器。
  • 修改以下配置：
    • 将type: git前的原始内容替换为git
    • 将repository: </your-repo>替换为你刚刚创建的Git仓库地址
    • 将branch: [your-branch-name]设置为你想要部署到的分支，如master

保存并关闭文件。

将本地文件部署到GitHub：

  • 打开Git命令行工具，输入hexod -d将网站部署到你的GitHub仓库中。

接下来，你可以通过访问https://hansonpang99.githb.io来浏览你的博客了。

进一步操作（更换主题）：

  1. 下载yilia主题：点击下载
  2. 将下载的主题克隆到本地hexo文件夹中，例如git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
  3. 打开Blog目录下的_config.yml文件，将theme配置项修改为你刚刚克隆的yilia主题路径。
  4. 使用以下命令进行网站生成和部署：
hexo clean           # 清除数据库等
hexo generate        # 生成静态网页
hexo deploy          # 站点发布到GitHub

通过以上步骤，你就可以轻松地打造一个零成本的个人网站了！