【Web前端】hexo+GitPages搭建博客

hexo建站

Hexo是基于node的,上传需要用到git,上传后存储到github上面。

一、配置环境

1、安装Node, 用来生成静态页面的

(1)下载地址:https://nodejs.org/en/
(2)凡是带npm的都是node的命令。
(3)cmd输入node -v查看是否成功配置了环境变量

2、申请GitHub, 项目托管

没账号的创建账号,有账号的创建一个yourname.github.io的公共仓库。

3、安装Git, Mac的话Xcode自带有Git

(1)下载地址:https://git-for-windows.github.io/
(2)打开gitbash并配置github账户信息配置(YourName和YourEail都替换成你自己的)
像这样:git config --global user.name gwj233git config --global user.email [email protected]
(3)创建本地ssh:ssh-keygen -t rsa -C "[email protected],一路enter并找到/Users/自己电脑用户名/id_rsa.ssh文件,复制里面的ssh。
(4)到github账户设置中更新本地ssh
(5)验证是否配置成功ssh -T [email protected]

二、安装hexo

1、安装hexo软件

这一步详细见官方说明文档入门
(1)创建一个文件夹,存放hexo的软件
(2)终端执行 sudo npm install -g hexo 安装hexo
(3)初始化 hexo init

2、关联hexo和github
  1. 建立关联, 我的blog在本地/Users/blog, 打开_config.yml文件, 翻到最下面, 改成

    deploy:
      type: git
      repo: https://github.com/UserName/BlogName.github.io.git
      branch: master
    
  2. 执行npm install hexo-deployer-git -save

3、使用git上传hexo文件
  1. 清空旧的网页页面, hexo clean
  2. 生成新的网页页面, hexo generate
  3. 同步到Github上, hexo deploy

参考资料
Hexo官方文档
hexo从零开始到搭建完整
Git本地配置
hexo+Github搭建属于自己的博客
hexo博客搭建+个人定制
20分钟教你使用hexo搭建github博客
hexo搭建的Github博客绑定域名
七牛云

你可能感兴趣的:(【Web前端】hexo+GitPages搭建博客)