0%

Hexo博客使用教程

整理了一下Hexo博客使用方法和技巧。不定期更新Hexo的主题。

最直接的文档资料获取:Hexo官网

Windows下Hexo安装配置

  • 下载安装GitBash
  • 安装Node.js
  • 安装Hexo
    1. npm install -g hexo-cli
    2. npm install hexo --save

Mac下Hexo安装配置

最近新入手一台Mac。在此记录下Mac的Hexo配置。

  • 安装Node。先安装Homebrew。然后运行命令sudo brew install node
  • 安装Hexo。正常情况下,运行命令:sudo npm install -g hexo-cli
    但是不知道是网络不好还是怎样,一直报Error。尝试sudo npm install -g hexo-cli --registry=https://registry.npm.taobao.org成功!

新建Hexo博客

在某个文件下运行以下两个命令。

  • hexo init
  • npm install
  • Hexo 3.0之后模块有一些调整。也许你还需要运行以下两个命令:
    • npm install hexo-server --save
    • npm install hexo-deployer-git --save

这个时候Hexo博客就初始化好了。博客Markdown文件放在/source/_posts文件夹下面。

Hexo常用命令

  1. hexo new draft title新建标题为title的草稿。路径为source/_drafts/title.md。打开文件用Markdown写博客。
  2. hexo publish post title_drafts/title.md发布到本地(移动到source/_posts/title.md)。这个时候需要打开该文件,填入category和tag。在正文部分添加摘要,并在摘要后面添加<!--more-->
  3. hexo deploy将博客发布到github。简化版命令hexo d
  4. hexo server在本机建立服务器,实时浏览博客更新的效果。带上draft参数hexo server --draft可以看草稿的效果。简化版命令hexo s
  5. hexo generate生成博客的各种文件,保存在public目录下。简化版命令hexo g
  6. hexo clean清理博客文件。有时候hexo生成的博客会有点奇怪,需要先clean再generate。

Markdown基础

  • Markdown 语法说明 (简体中文版)

  • Markdown兼容HTML。因此可以在Markdown中嵌入HTML标签。

  • # 标题#可以有1-6个,对应不同大小的标题。

    # 一级标题
    ## 二级标题
    ### 三级标题
    #### 四级标题
    ##### 五级标题
    ###### 六级标题
    
  • 段落与段落之间需要空一行。但是,markdown会把空白的多行都认为是只空一行,如果需要空多行。添加<br />

  • 引用。> 引用的文字

    Hello World!

  • 无序列表。

  • item1

  • item2

  • item3

  • 有序列表。

  1. item1
  2. item2
  3. item3
  • 行内代码。`Code`,效果Code
  • 代码块。
    ```
    Code Block
    ```
  • 分割线。----------------------------------
  • 链接。[Link Title](http://www.baidu.com)
  • 图片。将图片放在/source/img/下面,引用图片语法![Image Title](/img/1.jpg)。或者在括号内输入图片网址引用网络图片。
  • 文字加粗。**Text**
  • 斜体。*Text*
  • 表格
    1
    2
    3
    4
    | 标题          | 标题          | 标题  |
    | ------------- |:-------------:| -----:|
    | 左对齐 | 居中 | 右对齐|
    | 注意第二行 | 冒号的 | 使用 |

效果:

标题 标题 标题
左对齐 居中 右对齐
注意第二行 冒号的 使用

主题