使用hexo+github 5分钟创建个人博客

使用hexo+github 5分钟创建个人博客

---

1. 准备工作

• 安装Node.js ：官网链接
• 安装git (见我之前文章): 文章链接
• 安装配置Hexo：随便一个文件夹右键选择Git Bash Here

# 安装hexo
npm install hexo-cli g

2.初始化博客文件夹

1）初始化

• 新建一个博客文件夹并进入
• 继续右键选择Git Bash Here打开git控制台
• 新建博客：hexo init blog
• 切换到博客目录：cd blog
• 安装hexo的扩展插件：npm install
• *（非必要）*安装其他插件：

npm install hexo-server --save
npm install hexo-admin --save
npm install hexo-generator-archive --save
npm install hexo-generator-feed --save
npm install hexo-generator-search --save
npm install hexo-generator-tag --save
npm install hexo-deployer-git --save
npm install hexo-generator-sitemap --save

2）博客操作

• 生成静态文件：hexo generate 或 hexo g
• 启动本地web服务（http://localhost:8000/）:
  hexo server -p 8000 或 hexo s -p 8000
  此时可以在浏览器访问http://localhost:8000/就可以看到自己的第一个博客

3.部署到github

1）在github新建一个仓库

注意仓库名字一定要是：用户名.github.io ，我的是HanXuchang.github.io

2）部署到github

项目根目录下找到 _congif.yml，找到 deploy 字段并填写完整，下面请开始你上学时最擅长的事情：抄写！

deploy:
  type: git
  repo: <你的仓库地址> # https://github.com/HanXuchang/HanXuchang.github.io.git
  branch: master

抄写完毕！但是！我们需要额外的一个工具来帮助我们推到仓库上，那就是！那就是！那就是 hexo-deployer-git。搞它！

npm install hexo-deployer-git --save

全部搞定后，就可以把项目自动部署到 github 上了！！！😀😀😀😀

hexo clean

hexo deploy

3）查看效果

浏览器访问：https://用户名.github.io/ 即可看到效果。