效果预览:想要轻松建立自己的个人网页吗?
准备工具:
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中。这样你的个人网页就更换了主题啦!
以上就是轻松掌握创建个人网页的全攻略。希望对你有所帮助!