效果预览:想要轻松建立自己的个人网页吗?

准备工具:

1. Windows电脑
2. Git账号
3. Hexo框架搭建的博客软件

第一步:安装Git

- 访问https://git-scm.com/来下载并安装Git。
- 安装过程十分简单,只需按步骤点击即可。

第二步:熟悉Node.js

- 前往https://nodejs.org/en/获取Node.js。
- 按照安装指引完成安装。

第三步:启动Hexo

在接下来出现的步骤中,所有的检测都是在git中进行的:

- 检测node安装是否成功:执行`node-v`返回版本号,以及`npm-v`返回版本号。

第四步:配置淘宝镜像源

由于连接可能不稳定,如果出现错误请不要害怕,多试几次就可以了。在命令行输入以下命令:

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

第五步:建立仓库(repository)

  • 以“hansonpang99.github.io”为例,建立一个GitHub仓库。
  • 打开你的博客目录,并在其中安装一个hexo部署插件:
cnpm install --save hexo-deployer-git

第六步:配置_config.yml文件

  • 找到Blog文件中的_config.yml文件,建议使用Visal Studio Code打开。

  • 在文件中找到以下代码:

    deploy:
      type: git
      repo: repository仓库地址
      branch: 分支名称
    

    修改如下:

    • repository改成git
    • 填写你的GitHub仓库地址到repo字段
    • branch设置为管理员用的master分支

保存在Git中进行更改,

  • 然后在Git里面输入hexo d将本地文件部署到GitHub新建的仓库中。

第七步:访问个人网页

通过访问https://+自己的仓库名,你就可以访问部署到GitHub上的blog了(例如:https://hansonpang99.github.io)。

进一步深化操作过程(更换Blog主题)

以yilia主题为例进行更换:

  • 首先下载yilia主题。

  • 在Git中输入以下命令进行克隆安装:

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

第八步:在_config.yml文件中进行更改

  • 打开Blog文件中的_config.yml文件,并在文件中使用编译器打开Visal Studio Code。

  • 选择以下代码(即theme):

    theme: yilia
    

    将冒号后面的内容改为刚刚下载的yilia主题。

完成以上步骤后,执行hexo clean清除数据库之类的操作,再用hexo g生成静态网站,最后用hexo d部署到GitHub中。这样你的个人网页就更换了主题啦!

以上就是轻松掌握创建个人网页的全攻略。希望对你有所帮助!