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

hexo建站

0x01 配置环境

1. 安装Node, 用来生成静态页面的
2. 安装Git, Mac的话Xcode自带有Git
3. 申请GitHub, 项目托管

0x02 安装hexo

1. 首先创建一个文件夹,如blog,用户存放hexo的配置文件,然后进入blog里安装Hexo。
2. 终端执行 sudo npm install -g hexo 安装hexo
3. 初始化 hexo init

0x03 配置Github

1. 建立与你用户名对应的仓库, 仓库名必须为”BlogName.github.io“, 固定写法

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

   deploy:
    type: git
    repo: https://github.com/UserName/BlogName.github.io.git
    branch: master

3. 执行npm install hexo-deployer-git —save

0x04 常用命令

1. 清空旧的网页页面, hexo clean
2. 生成新的网页页面, hexo generate
3. 同步到Github上, hexo deploy

参考资料
Gwj’s OI Blog
Hexo官方文档
hexo+Github搭建属于自己的博客
hexo博客搭建+个人定制
hexo从零开始到搭建完整
20分钟教你使用hexo搭建github博客
hexo搭建的Github博客绑定域名
hzwer本博客搭建教程及说明
NexT使用文档
NexT开源项目Git教程
NexT图标使用
hexo的next主题个性化配置教程
动动手指，不限于NexT主题的Hexo优化（SEO篇）
枫叶主机
127mp3外链
七牛云