使用VuePress写博客(快速上手)

编写Markdown博客并发布在Github Page是极客们所追捧的常识分享体例。响应的东西也层出不穷,从Octopress到Hexo,再到现在逐渐被人熟知并接管的VuePress,静态网页(博客)的建立正变得越来越简洁,软件布局变得加倍矫捷,显示气概变得加倍现代化。本文将介绍若何利用VuePress建立小我博客,请先确保你的当地已经安装好node.js运行情况以及npm保证理器。

0若何在云本家儿机上搭建运行情况

东西/原料

  • node.js 运行情况(最新LTS版本)
  • npm 保证理东西(最新版)

方式/步调

  1. 1

    1. 新建一个存放博客项目标目次: mkdir morris-press

    2. 初始化一个npm项目:npm init -y

  2. 2

    在项目中安装vuepress依靠,vuepress今朝有两个版本0.x和1.x,这里选择安装1.x的最新版本:npm install -D vuepress@next

  3. 3

    1. 新建docs文件夹,用来保留markdown格局的博客文章:mkdir docs

    2. 新建一个markdown文件,用来做测试:echo '# Hello VuePress!' > docs/README.md

  4. 4

    点窜package.json文件,标的目的scripts中增添两条号令:

    "docs:dev": "vuepress dev docs",   

    "docs:build": "vuepress build docs"

  5. 5

    在项目目次下执行当地衬着:npm run docs:dev

    编译当作静态文件:npm run docs:build

    编译后的文件生当作在 .vuepress/dist目次下

  • 发表于 2019-03-08 19:46
  • 阅读 ( 870 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具