效果预览:[个人网站展示链接]
准备:
- 安装Windows电脑。
- 注册GitHub账号并使用Hexo框架搭建个人博客。
参考网址:
- Hexo官方文档:https://hexo.io/
- Git安装教程:https://www.cnblogs.com/ximiaomiao/p/714456.html
- SSH Key生成与配置:http://anfengge.com/sing-ssh-key-link-githb-photo-tor
步骤一:Node.js环境搭建
- Node.js官网下载:https://nodejs.org/en/
- 安装过程中按照提示操作,过程简单快捷。
步骤二:安装Git
- 根据网上教程进行安装。
- 官方Git客户端下载:https://git-scm.com/
步骤三:安装Hexo
- 在Blog目录下运行以下命令进行全局安装:
npm install -g hexo-cli - 安装完成后,检查是否成功:
hexo-version
步骤四:镜像源设置
- 由于国内连接不稳定,建议使用淘宝的镜像源:
npm config set registry https://registry.npm.taobao.org
步骤五:创建GitHub仓库
- 登录GitHub,新建一个个人博客仓库(如:username.github.io)。
- 复制克隆地址。
步骤六:安装Hexo部署插件
- 在Blog目录下运行以下命令:
npm install --save hexo-deployer-git
步骤七:配置_config.yml文件
- 使用Visual Studio Code打开Blog目录中的_config.yml文件。
- 找到如下代码并修改:
deploy: type: git repo: <克隆地址> branch: master - 保存退出。
步骤八:部署博客至GitHub
- 在Git终端输入以下命令将本地文件部署至GitHub:
hexo d
效果预览:
访问以下链接即可查看您的个人网站:
[https://<用户名>.github.io](https://.github.io)
进一步操作:
更换博客主题:以yilia为例
-
下载yilia主题:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia -
在_config.yml文件中找到theme配置项,修改为新下载的主题名。
-
运行以下命令清除数据库缓存、生成静态网站并部署至GitHub:
hexo clean && hexo generate && hexo d
通过以上步骤,您就已经成功搭建了一个属于自己的个性个人网站。快来动手试试吧!