利用hexo生成自己的博客

2018-04-28

利用hexo生成自己的博客


什么是hexo

Hexo 是一个基于 Node.js 的静态博客程序,可以方便的生成静态网页托管在github和Heroku上。

你可以把它当成是一个类似wordPress的一键构建工具

hexo准备

  1. 安装hexo全局环境

    cnpm install hexo -g 或者 npm install hexo -g

  2. 全局环境安装好后,可以到一个新的文件夹下,执行下面的操作

    hexo init

    Alt text
    init后出现图片中的信息,将代码clone至当前文件夹并安装依赖,但是有可能会安装失败,这时删除node_modules再cnpm install 就行了

  3. 生成静态文件

    hexo g

  4. 部署本地服务器

    hexo s
    部署完成后,可以输入localhost:4000到浏览器中打开看,一个默认的博客网站就生成了,大概是这样滴
    Alt text

  5. 更换模板

    这样的网站肯定不能符合每个人的需求,好在我们可以更换模板用来选择我们喜欢的。
    https://hexo.io/themes/ hexo的官方模板库
    Alt text
    拿我用的举例:
    点击进入你需要的模板(是一个github的仓库)
    Alt text
    你可以在文件夹下的themes下找到才安装的clean-blog
    Alt text
    改好之后,执行以下步骤

  • hexo.clean (清除缓存)
  • hexo.g(重新生成静态文件)
  • hexo.s

    再次打开以后就变成了新的模板内容了

6.发布到github上

hexo 支持发布到github上的对应的仓库 github可以自动部署的代码并托管在github的网站下
还是在_config.yml配置文件下

  • type 是对应的发布方式
  • repo 是对应的仓库
  • branch 是对应的分支(我一般都是master)
  • message 对应的commit (提交的信息)
    Alt text
    运行hexo d 来执行部署

7.发布新的文章

搭博客的目的是为了发表文章,所以如何发布一篇文章了
hexo new <文章的名字>
会生成一个md文件在source/_posts下面
你的文章就是一个md文件。

然后重复

  • hexo.clean (清除缓存)
  • hexo.g(重新生成静态文件)
  • hexo.d