[坑の初体验]基于hexo框架博客搭建初体验
2017-10-21 本文已影响0人
飞盏
美好的开头
猛然发现,现在凡是会装逼的技术团队都在搞技术博客,比如阿里的中间件团队博客(卧槽,这不是硬广,非利益相关),仔细观察发现,该博客是基于由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
插件安装截图
](https://img.haomeiwen.com/i8595440/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 #远程部署