|
| 1 | +import Guide from '~/components/layout/guide' |
| 2 | +import Snippet from '~/components/snippet' |
| 3 | +import Caption from '~/components/text/caption' |
| 4 | +import { GenericLink } from '~/components/text/link' |
| 5 | +import { Image } from '~/components/media' |
| 6 | + |
| 7 | +export const meta = { |
| 8 | + title: 'Deploy Hexo with ZEIT Now', |
| 9 | + description: 'Create a Hexo blog and deploy it live with ZEIT Now.', |
| 10 | + published: '2019-10-31T12:00:00.860Z', |
| 11 | + authors: ['msweeneydev'], |
| 12 | + url: '/guides/deploying-hexo-with-zeit-now', |
| 13 | + image: |
| 14 | + 'https://og-image.now.sh/**Deploy%20Hexo%20Blogs**%20%3Cbr%2F%3E%20with%20ZEIT%20Now.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.zeit.co%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fzeit-black-triangle.svg&images=https%3A%2F%2Fwww.stickpng.com%2Fassets%2Fimages%2F5848087ecef1014c0b5e48eb.png&widths=300&widths=300&heights=300&heights=300', |
| 15 | + editUrl: 'pages/guides/deploying-hexo-with-zeit-now.mdx', |
| 16 | + lastEdited: '2019-10-31T10:03:34.000Z' |
| 17 | +} |
| 18 | + |
| 19 | +[Hexo](https://hexo.io/) is a fast, simple, and powerful blog framework powered by Node.js. |
| 20 | + |
| 21 | +Create and deploy a new Hexo blog with ZEIT Now without the setup using the button below. |
| 22 | + |
| 23 | +<a href="https://zeit.co/new/project?template=https://github.com/zeit/now-examples/tree/master/hexo"> |
| 24 | + <Image src="https://zeit.co/button" width={104} height={36} align="left" /> |
| 25 | +</a> |
| 26 | + |
| 27 | +Alternatively, set up a Hexo blog locally and deploy using Now CLI with the following steps. |
| 28 | + |
| 29 | +## Step 1: Set Up Your Hexo Project |
| 30 | + |
| 31 | +Set up a Hexo blog with [`npx`](https://www.npmjs.com/package/npx) and move into the project directory: |
| 32 | + |
| 33 | +<Snippet dark text="npx hexo init my-hexo-blog && cd my-hexo-blog" /> |
| 34 | +<Caption>Initializing a Hexo blog with <GenericLink href="https://www.npmjs.com/package/npx">npx</GenericLink> and moving into the project directory.</Caption> |
| 35 | + |
| 36 | +## Step 2: Deploying Your Hexo Blog with ZEIT Now |
| 37 | + |
| 38 | +With a Hexo blog set up, it is ready to deploy live with [Now](/docs/v2). |
| 39 | + |
| 40 | +Using [Now CLI](/download), deploy your app with **a single command**: |
| 41 | + |
| 42 | +<Snippet dark text="now" /> |
| 43 | +<Caption>Deploying your Hexo blog with Now CLI.</Caption> |
| 44 | + |
| 45 | +If you want to deploy your Hexo blog when you push to a Git repository, you can use either [Now for GitHub](/docs/v2/integrations/now-for-github/) or [Now for GitLab](/docs/v2/integrations/now-for-gitlab/) to have your project automatically deployed on every push, and the [production domain](https://zeit.co/docs/v2/custom-domains/#adding-a-domain) updated on push to master. |
| 46 | + |
| 47 | +export default ({ children }) => <Guide meta={meta}>{children}</Guide> |
| 48 | + |
| 49 | +export const config = { |
| 50 | + amp: 'hybrid' |
| 51 | +} |
0 commit comments