[坑の初体验]基于hexo框架博客搭建初体验

美好的开头

猛然发现，现在凡是会装逼的技术团队都在搞技术博客，比如阿里的中间件团队博客（卧槽，这不是硬广，非利益相关），仔细观察发现，该博客是基于由hexo生成的。在捣鼓了大半天的以后，碰到了一些小问题，然后一步步搞定和解决，其实还是挺有成就感的。好了，第一次写博客有点紧张，废话不多说，咱们开始吧（好水~~）；

基础准备

hexo的运行依赖node.js框架，以及需要git作为仓储和发布工具；

• node.js
  node.js下载地址
  node.js下载的是win x64的最新版本；
  安装完成之后，需要在系统环境变量中配置参数；
• git bash
  git bash 下载地址
  git bash下载的是win x64的最新版本
  安装完成之后，需要在系统环境变量中配置参数；

hexo安装部署

• 创建工程目录
  在windows环境下，创建一个工程目录用于存放hexo文件，例如将其存放于

D:\coding\blog

随后以超管权限打开windows powerShell 或 cmd 命令行，定位到上述目录，执行安装命令

  npm install hexo-cli g

hexo客户端安装完成

踩坑提示
win用户必须以超管权限打开命令行，否则会导致访问权限不足而无法进行后续安装；以win10为例，win+x呼出功能菜单，选择windows powershell(管理员)即可；

执行安装语句

# 初始化博客文件夹
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

插件安装截图

]( http://upload-images.jianshu.io/upload_images/8595440-237c5201a13923c6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

准备就绪，发射

• 本地预览

# 生成静态页面
hexo generate
# 开启本地服务器
hexo s

• 打开浏览器，地址栏中输入：http://localhost:4000/就能本地预览刚才部署的文件了

部署到github

• 首先需要在github创建工程目录

  
  
  

  创建工程

• 拷贝仓储地址

  
  
  

  拷贝仓储地址
• 配置根目录下的_config.yml文件加入如下配置

deploy:
     type: git
     repo: https://${username}:${password}@github.com/xytyzgf/blog.git  #仓储地址
     branch: master

• 部署

hexo clean  #清理
hexo generate #生成静态网页
hexo deploy #远程部署 

未完待续