效果预览:轻松构建个人网站的快速指南
准备阶段:
- 确保你的Windows电脑满足基本的硬件要求。
- 注册一个GithHub账号。
- 使用Hexo框架搭建个人网站。
GithHub参考:
https://github.com/
安装过程:
- Node.js安装:按照官方安装指南点击,操作简单易懂。
- Git安装:网上有多种安装方式可供选择。
Hexo安装(以下步骤均在Git中进行):
-
检测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
- 找到Blog文件中的
_config.yml文件,使用编译器打开(推荐Visual Studio Code)。
配置说明:
- 注:Visual Studio Code的优势:支持多种语言、简洁的视图以及丰富的插件。
- 找到相关代码:
type一个名字,建议写成gitrepo仓库地址:复制你刚刚新建的GithHub仓库地址branch分支:设置管理员为master
- 保存更改后,在Git中输入
hexo d将本地文件部署到Github上的新仓库。
访问网站:
- 通过访问 https://yourname.github.io 访问你刚刚创建的个人网站。
- 进一步深化操作过程(更换网站主题):
- 以yilia主题为例进行更换。
主题更换步骤:
- 下载yilia主题:
- 在Git中输入:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
- 在Git中输入:
- 找到Blog文件中的
_config.yml文件,使用编译器打开。 - 找到相关代码:
- 将
theme后面的内容改为刚刚克隆的yilia主题名称。
- 将
- 使用以下命令进行操作:
hexo clean清除数据库hexo generate生成静态网站hexo deploy部署到Github
这样,你就成功完成了个人网站的搭建和主题更换。现在,你可以尽情地展示你的才华和创意了!