快速上手 使用VuePress寫博客

編寫Markdown博客并發布在Github Page是極客們所追捧的常識分享體例 。 響應的東西也層出不窮 , 從Octopress到Hexo , 再到現在逐漸被人熟知并接管的VuePress , 靜態網頁(博客)的建立正變得越來越簡潔 , 軟件布局變得加倍矯捷 , 顯示氣概變得加倍現代化 。 本文將介紹若何利用VuePress建立小我博客 , 請先確保你的當地已經安裝好node.js運行情況以及npm保證理器 。
0若何在云本家兒機上搭建Node.js運行情況

快速上手 使用VuePress寫博客



需要這些哦
node.js 運行情況(最新LTS版本)
npm 保證理東西(最新版)
方式/
11. 新建一個存放博客項目標目次: mkdir morris-press
2. 初始化一個npm項目:npm init -y

快速上手 使用VuePress寫博客



2在項目中安裝vuepress依靠 , vuepress今朝有兩個版本0.x和1.x , 這里選擇安裝1.x的最新版本:npm install -D vuepress@next

快速上手 使用VuePress寫博客



31. 新建docs文件夾 , 用來保留markdown格局的博客文章:mkdir docs
2. 新建一個markdown文件 , 用來做測試:echo '# Hello VuePress!' > docs/README.md

快速上手 使用VuePress寫博客



4點竄package.json文件 , 標的目的scripts中增添兩條號令:
"docs:dev": "vuepress dev docs",   
"docs:build": "vuepress build docs"

快速上手 使用VuePress寫博客



5在項目目次下執行當地襯著:npm run docs:dev
編譯當作靜態文件:npm run docs:build
【快速上手 使用VuePress寫博客】編譯后的文件生當作在 .vuepress/dist目次下

快速上手 使用VuePress寫博客



快速上手 使用VuePress寫博客



快速上手 使用VuePress寫博客



快速上手 使用VuePress寫博客




以上內容就是快速上手 使用VuePress寫博客的內容啦 , 希望對你有所幫助哦!

    猜你喜歡