编写Markdown博客并发布在Github Page是极客们所追捧的常识分享体例 。 响应的东西也层出不穷 ， 从Octopress到Hexo ， 再到现在逐渐被人熟知并接管的VuePress ， 静态网页（博客）的建立正变得越来越简洁 ， 软件布局变得加倍矫捷 ， 显示气概变得加倍现代化 。 本文将介绍若何利用VuePress建立小我博客 ， 请先确保你的当地已经安装好node.js运行情况以及npm保证理器 。
0若何在云本家儿机上搭建Node.js运行情况
文章插图
需要这些哦
node.js 运行情况（最新LTS版本）
npm 保证理东西（最新版）
方式/
11. 新建一个存放博客项目标目次： mkdir morris-press
2. 初始化一个npm项目：npm init -y
文章插图
2在项目中安装vuepress依靠 ， vuepress今朝有两个版本0.x和1.x ， 这里选择安装1.x的最新版本：npm install -D vuepress@next
文章插图
31. 新建docs文件夹 ， 用来保留markdown格局的博客文章：mkdir docs
2. 新建一个markdown文件 ， 用来做测试：echo '# Hello VuePress!' > docs/README.md
文章插图
4点窜package.json文件 ， 标的目的scripts中增添两条号令：
"docs:dev": "vuepress dev docs",
"docs:build": "vuepress build docs"
文章插图
5在项目目次下执行当地衬着：npm run docs:dev
编译当作静态文件：npm run docs:build
【快速上手 使用VuePress写博客】编译后的文件生当作在 .vuepress/dist目次下
文章插图
文章插图
文章插图
文章插图
以上内容就是快速上手 使用VuePress写博客的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何在微信使用360桌面助手
- 怎样使用中国移动App亲密付
- 怎样使用前程无忧APP创建简历找工作
- jmeter如何使用随机变量，详细教程
- 如何使用美团购买电影票
- 如何使用ps软件制作望远镜下观察的星球图片
- B站视频如何快速进入并下载？
- 怎样使用美团App购买电影票
- Photoshop中色阶如何使用？
- 如何使用PS的曲线配合混合模式快速调色