8 5 月, 2026

黑龙江省娇馨化妆品有限公司

免费搭建个人网站的快速指南

效果预览:你的网站地址

准备工作:

  1. Windows电脑
  2. GitHub账号
  3. Hexo框架搭建blog软件准备

首先,我们需要在Git上注册一个账户。你可以通过访问https://github.com/来创建一个新的账户或者使用已有的GitHub账号。

参考网址:

安装步骤:

  1. 安装Node.js

按照安装过程依次点击即可,安装过程很简单。

  1. 安装Git

按照网上的安装方式进行安装就可以了。

  1. 安装Hexo

以下是详细的步骤:

  • 检测node安装是否成功:
node -v (返回版本号)
npm -v (返回版本号)
  • 安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了):
npm install -g cnpm --registry=https://registry.npm.taobao.org

创建仓库:

  1. 创建一个仓库(repository)(例:yourname.github.io):
  2. 在Blog目录下安装Hexo部署插件:
cnpm install --save hexo-deployer-git
  1. 找到Blog文件中的_config.yml文件,使用编译器打开(建议使用Visual Studio Code):
  • 注:Visual Studio Code的好处:
    • 支持的语言种类多。
    • 视图简洁。
    • 拥有插件种类多。

找到这部分代码,(原始的是没有repo和branch的,而且type后面也没有东西)对这段代码进行更改:

# Theme settings

theme: your-theme-name

# Deployment configuration
deploy:
  type: git
  repository: https://github.com/yourname/yourname.github.io.git
  branch: master
  • type一个名字,建议写成git方便识别
  • reporepository仓库地址将刚刚新建的GitHub仓库地址复制到这里就可以了
  • branch分支这里设置管理员master

更改后进行保存。

部署到GitHub:

在Git里面输入:

hexo d

本地文件将被部署到GitHub上。

通过访问https://yourname.github.io就可以访问部署到GitHub上的blog了。

进一步深化操作过程——更换Blog的主题

这里以Next主题为例进行更换。

  1. 下载Next主题

在Git中输入:

git clone https://github.com/iissnan/hexo-theme-next.git themes/next
  1. 修改_config’yml文件

找到这部分代码(即theme),将冒号后面的内容改为刚刚复制的Next主题。

  1. 清除数据库
hexo clean
  1. 生成静态网站
hexo generate
  1. 部署到GitHub
hexo deploy

这样,你就完成了更换Hexo博客主题的操作。继续完善你的个人网站吧!

Share: Facebook Twitter Linkedin

Comments are closed.