用hexo搭建了个人线上博客

前言

  • 看见好多人的博客下面都有hexo的标志,因此我就想他们是怎么有这么样的一个又精美,又简单的线上博客呢?node

  • 抱着这样的心理,就去Google了发现了是有一个hexo的基于node.js的开发部件。而后就照着官方文档去学习了一下。git

记录下开发流程

  • 首先你必需要先安装一个hexo-cli的命令行工具github

    npm install hexo-cli -g
  • 采用官方给的资料面试

    $ hexo init blog
    $ cd blog
    $ npm install 
    $ hexo s

    按照提示打开https://127.0.0.1:4000就能显示一个原始的blog页面。这个页面只有home页和archives页面可是这种风格也是挺喜欢的。npm

  • 选择主题https://hexo.io/themes/
    官方文档提供了不少的主题咱们能够用git添加到咱们的项目里边。hexo

    1. 我这里选择了minos主题,这个主题主要吸引个人是页面。看着挺清爽的,可是有些人可能会不喜欢,第一色泽比较单一,主色调为黑色。工具

    2. 下载到本身项目的主题文件夹下学习

      $ git clone https://github.com/ppoffice/hexo-theme-minos.git themes/minos 
      $ cd themes/minos
      $ git pull
    3. 修改_config.ymlspa

      将这个文件下的theme的主题改为theme: minos
    4. 将minos主题下的_source里边的所有复制到source文件夹下命令行

    5. 主目录下运行hexo s

搭载到github.io上去

  • 先建立一个[yourgithubname].github.io

  • 将blog里边的public目录下的文件所有拷到这个项目仓库里

  • 访问[yourgithubname].github.io

  • 大功告成,你的hexo博客搭建好了

项目实现后的截图

  • home页
    图片描述

  • archives页
    图片描述

  • categories页
    图片描述

  • tags页
    图片描述

后记

  • 我在about里边插入了个人简历,有要招兵买马的能够给个面试的机会,若是对着个感兴趣也能够给我个star。若是你也想搭建这么一个博客咱们也能够聊聊~吹吹牛逼~

相关文章
相关标签/搜索