Hexo的使用

Hexo是一个静态博客框架
可以方便地创建自己的博客
但是hexo的markdown解释引擎并不是很好用……有时候会出现一些奇怪的效果……

基本用法

i其实主要参考Hexo官方文档即可
这里作简单归纳
安装就不说了,看文档

  • 初始化:
    进入要作为blog的文件夹
    hexo init
    npm install
  • 文章(.md):
    放入文件夹sources/_posts
    文章开头可以写入信息,最基本的有title, datetags
    内容要和冒号用空格隔开如:title: aaaa
    每个信息占用一行,tags可以有多个标签,如tags: - aaa - bbbb注意横线和标签内容也要用空格隔开,另外每个标签可以独占一行
    写完信息后,在信息的后面应该加入三个横线---表示信息结束
    总体大致如下:

    title: TITLE
    date: 2015/03/04
    tags: 
    - aaaaa
    - bbbbb
    
  • 生成静态页面
    hexo g

  • 本地查看
    hexo s
    输入网址0.0.0.0:4000查看
  • 部署到github

    • 在github上新建仓库
      仓库名必须是USERNAME.github.ioUSERNAME为github的用户名
    • 安装git-deploy插件:npm install hexo-deployer-git --save
    • 配置_config.yml文件:

      deployer:    
      - type: git
      - repo: http://github.com/USERNAME/USERNAME.github.io`    
      #USERNAME为github用户名     
      
    • 执行部署命令
      hexo d
      随后根据提示输入github帐号密码即可

      • 部署git需要配置好git用户名和邮箱
        每次commit都会记录这两个信息
        git config --global user.name "用户名"
        git config --global user.email "邮箱"
  • 更换主题
    以next主题为例
    clone https://github.com/iissnan/hexo-theme-nextthemes/next目录下
    修改_config.yml文件,将themes修改为next即可
  • 相关配置信息
    在文件_config.yml中,包括博客名,作者名,主题,部署方式等
  • 其他信息
    参照hexo官方文档和相关主题的官方文档

HTML、CSS、JS等资源的添加

  • source目录下新建目录,将资源放入其中即可调用
    hexo将自动在网站根目录下生成相应的目录和文件
  • HTML文件需要在文件内容头部加入layout: FALSE表示不对该文件使用布局
    但是此时HTML不会作为文章直接显示出来,需要自己在_post目录下写md文章来跳转

    比如我要把HTML格式的python的笔记挂上去
    我在source目录下新建了目录Note_for_Python,把笔记内容放到该目录下
    _post写一个md文章作为笔记内容的目录,比如要跳转到目录下的1.html文件——
    [1](/Note_for_Python/1.html)