编写Markdown博客并发布在Github Page是极客们所追捧的常识分享体例。响应的东西也层出不穷,从Octopress到Hexo,再到现在逐渐被人熟知并接管的VuePress,静态网页(博客)的建立正变得越来越简洁,软件布局变得加倍矫捷,显示气概变得加倍现代化。本文将介绍若何利用VuePress建立小我博客,请先确保你的当地已经安装好node.js运行情况以及npm保证理器。
0若何在云本家儿机上搭建运行情况
1. 新建一个存放博客项目标目次: mkdir morris-press
2. 初始化一个npm项目:npm init -y
在项目中安装vuepress依靠,vuepress今朝有两个版本0.x和1.x,这里选择安装1.x的最新版本:npm install -D vuepress@next
1. 新建docs文件夹,用来保留markdown格局的博客文章:mkdir docs
2. 新建一个markdown文件,用来做测试:echo '# Hello VuePress!' > docs/README.md
点窜package.json文件,标的目的scripts中增添两条号令:
"docs:dev": "vuepress dev docs",
"docs:build": "vuepress build docs"
在项目目次下执行当地衬着:npm run docs:dev
编译当作静态文件:npm run docs:build
编译后的文件生当作在 .vuepress/dist目次下
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!