美文网首页
[坑の初体验]基于hexo框架博客搭建初体验

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

作者: 飞盏 | 来源:发表于2017-10-21 18:01 被阅读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
    

    部署到github

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


      创建工程
    • 拷贝仓储地址


      拷贝仓储地址
    • 配置根目录下的_config.yml文件加入如下配置
    deploy:
         type: git
         repo: https://${username}:${password}@github.com/xytyzgf/blog.git  #仓储地址
         branch: master
    
    • 部署
    hexo clean  #清理
    hexo generate #生成静态网页
    hexo deploy #远程部署 
    

    未完待续

    相关文章

      网友评论

          本文标题:[坑の初体验]基于hexo框架博客搭建初体验

          本文链接:https://www.haomeiwen.com/subject/ruziuxtx.html