GitHub+Hexo搭建个人博客（二）配置Hexo博客基础框架

什么是 Hexo？

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。---来自“Hexo文档”

配置环境

1. Node.js

   Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
   Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。
   Node.js 的包管理器 npm，是全球最大的开源库生态系统。

   什么是npm？

   允许用户从NPM服务器下载别人编写的第三方包到本地使用。

   允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。

   允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

   总而言之，就是要使用npm来安装Hexo

2. 安装Hexo

   打开Git Bash 或是 命令管理器，执行以下命令就可以了，这样本地就有了hexo的包

   路径一般在C:/Users/用户名/AppData/Roaming/npm/hexo

   $ npm install hexo-cli -g
   

部署博客

1. hexo实例

   • 创建一个文件夹，存放blog的配置文件

   • 执行hexo命令

     $npm init
     

   • 初始完成，可以看到文件夹中多了以下文件： http://oxv1k8kvi.bkt.clouddn.com/18-3-31/54678877.jpg

     node_modules：依赖包（一些黑操作，官网有相应的包，也可以自己编写）
     scaffolds：文章模板（post默认、page、draft）
     source：存放文章（/_post/xx.md）
     themes：主题（默认landscape，有点丑，hexo官网预览，下载自己心仪的主题）
     _config.yml：整个博客的配置（themes中也有一个同名文件，为了区分前者称为站点配置文件 ，后者称为主题配置文件）
     package.json：应用程序的信息

2. 部署到github

   • 打开站点配置文件 ：_config.yml，Ctrl+F找到deploy，进行如下配置，最后保存

     deploy:
       type: git
       repo: 你的github项目地址
       branch: master
     

     你的github项目地址

   http://oxv1k8kvi.bkt.clouddn.com/18-3-31/49030858.jpg

   • 执行下面命令

     $ hexo clean
     $ hexo generate
     $ hexo server
     

     hexo文件解释与命令，请参照Hexo文档

   • 进行本地预览

     打开浏览器输入：localhost:4000

     hexo server默认打开的是4000端口

     如果不能打开，有可能是4000端口被其他程序给占用了

     第一种方法，请看端口被占用的解决方法

     第二种方法，切换端口

     $ hexo server -p [端口号]
     

     http://localhost:4000

• 上传到GitHub服务器

  如果预览没问题的话，就可以上传到服务器了

  $ hexo clean
  $ hexo generate
  $ hexo deploy
  

3. ​ 发布文章

   $ hexo new [layout] <title>
   

   layout：文件夹scaffolds中的文章模板（post默认、page、draft），也可以自定义

   title：文章标题

   最后还是一样预览再发布到github服务器就ok啦~

   ​

参考链接

• Hexo文档
• 使用hexo+github搭建免费个人博客详细教程