效果预览:快速轻松构建个性化个人网站的实用技巧
准备:
- 一台Windows电脑。
- 一个GitHub账号。
搭建步骤:
-
使用hexo框架搭建blog软件(1)Githttps://git-scm.com/,参考网址:http://www.cnblogs.com/ximiaomiao/p/714456.html
-
安装Git:https://www.csdn.net/column/details/91784.html(安装过程很简单)
-
安装Node.js:https://nodejs.org/en/
-
检测Node和环境配置是否成功:
- node -v (返回版本号)
- npm -v (返回版本号)
-
修改环境变量为淘宝镜像源,提高下载速度(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了):
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 创建一个仓库(repository)(例如:yourname.github.io)
- 在Blog目录下安装一个hexo部署插件:
cnpm install --save hexo-deployer-git
-
修改配置文件_config.yml:
- 打开Config.yml文件,推荐使用Visal Studio Code打开,它支持多种语言,视图简洁,拥有丰富的插件。
- 找到以下内容并进行修改:
deploy: type: git repository: https://github.com/yourname/yourname.github.io.git branch: master
-
部署网站到GitHub:
- 在本地输入命令hexo d,将本地文件部署到GitHub新创建的仓库中。
-
访问网站:https://yourname.github.io(例如:https://hansonpang99.github.io)
进一步深化操作过程:
- 更换博客主题,以下以yilia主题为例进行更换:
- 下载yilia主题:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
- 修改_config.yml文件:
- 找到以下内容并修改为刚刚新建的yilia:
theme: yilia
- 清除数据库,生成静态网站,部署到GitHub:
hexo clean
hexo g
hexo d
通过以上步骤,你就可以快速轻松地构建一个个性化个人网站啦!