tutorials

Tech stack collection about Tutorials Point -

View the Project on GitHub

Hexo

Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds.

If you see some simple themes, see here

Setup & Installation

requirenments

install hexo

$ npm install -g hexo-cli

init blog

$ hexo init blog
$ cd blog
$ npm install

You can use tree command in current folder path.

├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes
_config.yml

See here

package.json

Application data.

{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "hexo": {
    "version": "3.2.2"
  },
  "dependencies": {
    "hexo": "^3.2.0",
    "hexo-generator-archive": "^0.1.4",
    "hexo-generator-category": "^0.1.3",
    "hexo-generator-index": "^0.2.0",
    "hexo-generator-tag": "^0.2.0",
    "hexo-renderer-ejs": "^0.2.0",
    "hexo-renderer-stylus": "^0.3.1",
    "hexo-renderer-marked": "^0.2.10",
    "hexo-server": "^0.2.0"
  }
}
scaffolds

When you create a new post, Hexo bases the new file on the scaffold.

$ hexo new photo "My Gallery"
source

Source folder. This is where you put your site’s content. Hexo ignores hidden files and files or folders whose names are prefixed with _ (underscore) - except the _posts folder. Renderable files (e.g. Markdown, HTML) will be processed and put into the public folder, while other files will simply be copied.

themes

such as system automatic landscape, and I found some other simple and liked themes:

Configuration

Site

title: Hexo
subtitle:
description:
author: John Doe
language:
timezone:

URL

## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://yoursite.com
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

Directory

source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

Writing

new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
  enable: true
  line_number: true
  auto_detect: false
  tab_replace:

Category&Tag

default_category: uncategorized
category_map:
tag_map:

Date/Time format

## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss

Pagination

## Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page

Extension

## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape

Commands

$ hexo init [folder]

$ hexo new layout <title>
  • -d, –deploy Deploy after generation finishes
  • -w, –watch Watch file changes
$ hexo generate

$ hexo publish [layout] <filename>
  • -p, –port Override default port
  • -s, –static Only serve static files
  • -l, –log Enable logger. Override logger format.
$ hexo server

$ hexo deploy

$ hexo clean

$ hexo list

Migration

First, install the hexo-migrator-rss plugin.

$ npm install hexo-migrator-rss --save
$ hexo migrate rss <source>

Move all files in the Jekyll _posts folder to the source/_posts folder.

Modify the new_post_name setting in _config.yml:

new_post_name: :year-:month-:day-:title.md

Move all files in the Octopress _posts folder to the source/_posts folder.

Modify the new_post_name setting in _config.yml:

new_post_name: :year-:month-:day-:title.md

First, install the hexo-migrator-wordpress plugin.

$ npm install hexo-migrator-wordpress --save
$ hexo migrate wordpress <source>

First, install the hexo-migrator-joomla plugin.

$ npm install hexo-migrator-joomla --save
$ hexo migrate joomla  <source>