效果预览:[个人网站地址]
准备阶段:
-
环境搭建:
- 操作系统:Windows电脑
- Git账号:在GitHub注册一个账户
- 框架选择:使用hexo框架搭建blog软件
参考网址:
- Git下载:https://git-scm.com/
- Git安装教程:https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html
- Node.js下载:https://nodejs.org/en/
安装过程:
-
Node.js安装:
依次点击即可,安装过程非常简单。 -
Git安装:
按照网上的安装方式进行安装就可以。 -
Hexo安装(以下操作均在git中完成):
——检测node是否安装成功:
node -v(返回版本号),npm -v(返回版本号)——安装淘宝的镜像源(如果错误就重试,因为连接可能不稳定,不要害怕多试几次就可以了):
npm install -g cnpm --registry=https://registry.npm.taobao.org
建立仓库:
- 新建一个GitHub repository(例:hansonpang99.github.io)
- 在Blog目录下安装Hexo部署插件(以下操作在git中完成):
cnpm install --save hexo-deployer-git
修改_config.yml文件:
- 找到并打开Blog文件夹中的_config.yml文件,建议使用Visual Studio Code编辑器。
- 修改配置部分:
- type:改为
hexo - repository:复制刚刚新建的GitHub仓库地址
- branch:设置为管理员权限的master分支
- type:改为
部署到GitHub:
- 在命令行中输入
hexo d,将本地文件部署到GitHub上。
访问网站:
通过访问https://+你的仓库名(例: https://hansonpang99.github.io)即可查看部署在GitHub上的blog。
深化操作过程——更换Blog的主题:
以yilia主题为例进行更换:
- 下载yilia主题,命令为
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia - 找到Blog文件夹中的_config.yml文件,将其中的
theme值改为刚才克隆的yilia - 清理数据库:
hexo clean - 生成静态文件:
hexo generate - 部署到GitHub:
hexo deploy
这样就实现了主题的更换。