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

2017-10-21  本文已影响0人  飞盏

美好的开头

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

基础准备

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

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

部署到github

deploy:
     type: git
     repo: https://${username}:${password}@github.com/xytyzgf/blog.git  #仓储地址
     branch: master
hexo clean  #清理
hexo generate #生成静态网页
hexo deploy #远程部署 

未完待续

上一篇下一篇

猜你喜欢

热点阅读