zoukankan      html  css  js  c++  java
  • hexo搭建博客

     hexo简介

    Hexo是一个简单、快速、强大的基于 Github Pages 的博客发布工具,支持Markdown格式,有众多优秀插件和主题。

      官网: http://hexo.io
      github: https://github.com/hexojs/hexo

    4.2. 原理

    由于github pages存放的都是静态文件,博客存放的不只是文章内容,还有文章列表、分类、标签、翻页等动态内容,假如每次写完一篇文章都要手动更新博文目录和相关链接信息,相信谁都会疯掉,所以hexo所做的就是将这些md文件都放在本地,每次写完文章后调用写好的命令来批量完成相关页面的生成,然后再将有改动的页面提交到github。

    4.3. 注意事项

    安装之前先来说几个注意事项:

    1. 很多命令既可以用Windows的cmd来完成,也可以使用git bash来完成,但是部分命令会有一些问题,为避免不必要的问题,建议全部使用git bash来执行;
    2. hexo不同版本差别比较大,网上很多文章的配置信息都是基于2.x的,所以注意不要被误导;
    3. hexo有2种_config.yml文件,一个是根目录下的全局的_config.yml,一个是各个theme下的;

    4.4. 安装

    $ npm install -g hexo

    4.5. 初始化

    在电脑的某个地方新建一个名为hexo的文件夹(名字可以随便取),比如我的是F:Workspaceshexo,由于这个文件夹将来就作为你存放代码的地方,所以最好不要随便放。

    $ cd /f/Workspaces/hexo/
    $ hexo init

    hexo会自动下载一些文件到这个目录,包括node_modules,目录结构如下图:

    $ hexo g # 生成
    $ hexo s # 启动服务

    执行以上命令之后,hexo就会在public文件夹生成相关html文件,这些文件将来都是要提交到github去的:

    hexo s是开启本地预览服务,打开浏览器访问 http://localhost:4000 即可看到内容,很多人会碰到浏览器一直在转圈但是就是加载不出来的问题,一般情况下是因为端口占用的缘故,因为4000这个端口太常见了,解决端口冲突问题请参考这篇文章:

    http://blog.liuxianan.com/windows-port-bind.html

    第一次初始化的时候hexo已经帮我们写了一篇名为 Hello World 的文章,默认的主题比较丑,打开时就是这个样子

    更多设置可以参考:

  • 相关阅读:
    [leetcode]Longest Common Prefix
    [leetcode]Container With Most Water
    [leetcode]Regular Expression Matching
    [leetcode]Palindrome Number
    [leetcode]String to Integer (atoi)
    [leetcode]Reverse Integer
    [leetcode]ZigZag Conversion
    [leetcode]Longest Palindromic Substring
    [leetcode]Add Two Numbers
    poj 1228 Grandpa's Estate
  • 原文地址:https://www.cnblogs.com/xingxia/p/hexo.html
Copyright © 2011-2022 走看看