Need help with hexo-generator-amp?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

tea3
129 Stars 26 Forks MIT License 178 Commits 6 Opened issues

Description

AMP ⚡ HTML (Accelerated Mobile Pages) generator for Hexo.

Services available

!
?

Need anything else?

Contributors list

# 339,858
CSS
HTML
Shell
morphol...
54 commits
# 596,987
printer
C++
C
Shell
5 commits
# 516,376
HTML
amp-htm...
hexo
Node.js
5 commits
# 424,987
CSS
HTML
amp-htm...
hexo
4 commits
# 391,994
amp-htm...
hexo
C++
C
2 commits
# 46,611
Go
eclipse
qunit
jasmine
2 commits
# 104,847
ionic
crdt
HTML
TypeScr...
2 commits
# 655,427
CSS
HTML
amp-htm...
Shell
2 commits
# 36,309
wechat
Markdow...
wxss
markdow...
2 commits
# 705,392
CSS
HTML
amp-htm...
hexo
1 commit
# 589,998
CSS
HTML
amp-htm...
hexo
1 commit

hexo-generator-amp

AMP ⚡ HTML (Accelerated Mobile Pages Project HTML) generator for Hexo.

DEMO: HTML | AMP HTML

Screenshot

Overview

You able to generate an AMP site with almost little effort.

Installation

$ npm install hexo-generator-amp --save

If you occur

ERROR Plugin load failed:
error or
DTraceProviderBindings.node
error , please see below.

To publish AMP HTML, please refer to the following simple procedure.

1. Edit your theme

You must add AMP HTML's link to non-AMP.

Accelerated Mobile Pages Project - Prepare Your Page for Discovery and Distribution

First, add the following in your template files. For example , Please edit

themes/(your-theme)/layout/_partial/head.ejs
as following . For example , in hexo-theme-landscape you will edit
themes/landscape/layout/_partial/head.ejs
.
  

Please refer follow as about how to use this plugin with based other templates.

To change path of AMP HTML , please see wiki.

2. Set the quick option

Please set the following options. Please edit

_config.yml
.
# hexo-generator-amp
# The following settings is the quick start options.

generator_amp: templateDir: amp-template assetDistDir: amp-dist logo: path: sample/sample-logo.png width: 600 height: 60 substituteTitleImage: path: sample/sample-substituteTitleImage.png width: 1024 height: 800 warningLog: false # To display warning, please set true.

To set the detail option , please see wiki.

3. Run server

Starts a local server. By default, this is at

http://localhost:4000/
.
$ hexo clean
$ hexo server

This plugin generated the AMP HTML. Please open

http://localhost:4000/your-posts-parmalink/amp/
in browser.

If occured plugin error , Please refer #17 and other issue .

4. Validate AMP HTML

This plugin generated the AMP HTML. Output file path is

./your-posts-parmalink/amp/
. Next , you should validate AMP HTML with the following procedure.
  1. Please open your AMP HTML page in Chrome DevTools.
  2. The Chrome DevTools console can check for AMP HTML. please Append
    http://localhost:4000/your-posts-parmalink/amp/#development=1
    to the URL. Please see below for the details.

Accelerated Mobile Pages Project - Validate AMP Pages

How to validate AMP - my blog (Japanese)

To validate automatically from commandline , please see wiki - Automatically Validate AMP HTML option.

5. Deploy

If no AMP HTML Validation error is displayed , verification is complete . Please deploy at the end.

$ hexo clean
$ hexo server
$ hexo generate
$ hexo deploy -g

When the deployment is completed , Please check the AMP report

Wiki

Please see the wiki for detailed usage.

License

MIT

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.