[开发工具]hexo学习笔记

配置hexo环境

• 安装Node.js

  https://nodejs.org/en/download/
  

• Node.js学习教程

  https://www.runoob.com/nodejs/nodejs-install-setup.html
  

• 安装hexo框架

  npm install -g hexo-cli
  

创建hexo文件夹

• 初始化文件夹

  新建文件夹并执行指令

  hexo init
  

• 安装npm依赖

  npm install
  

• 生成静态网页

  hexo generate
  

• 将博客部署到本地

  hexo server
  

• 访问本地博客

  http://locakhost:4000
  

  注意：有时候在浏览器输入http://locakhost:4000，没有出现网页，可能是因为4000端口被占用了。可以使用hexo s -p 5000，改为5000端口或者其他端口就可以了。

安装主题

• 下载主题

  git clone -b master https://gitee.com/iamjerryw/hexo-theme-butterfly.git themes/butterfly
  

• 修改根文件夹中的_config.yml内的theme设定，即可切换主题

• 出现问题

  extends includes/layout.pug block content #recent-posts.recent-posts include includes/recent-posts.pug include includes/pagination.pug 
  

  解决方法：

  执行指令：

  • npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive
    

  • hexo clean
    

  • hexo g
    

  • hexo s
    

超强干货来袭

云风专访：近40年码龄，通宵达旦的技术人生