【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 gwj233，git config --global user.email 2403668241@qq.com
（3）创建本地ssh：ssh-keygen -t rsa -C "2403668241@qq.com，一路enter并找到/Users/自己电脑用户名/id_rsa.ssh文件，复制里面的ssh。
（4）到github账户设置中更新本地ssh
（5）验证是否配置成功ssh -T git@github.com

二、安装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
   
       
   
      
   
       
   1
       
   2
       
   3
       
   4
      

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博客绑定域名
七牛云

文章来源: gwj1314.blog.csdn.net，作者：小哈里，版权归原作者所有，如需转载，请联系作者。

原文链接：gwj1314.blog.csdn.net/article/details/79718614