Vuepress

Vuepress 从名字上看就知道跟Vue关系不一般,是的它是基于Vue进行开发的。Vue的官网也是使用这个框架来做的。他的好处是比较适合 专题类文章, 对Markdown语法完全支持,通知支持代码高亮,比较适合技术类文章, 但是稍微有些难度, 适合有点经验的开发同学。



​​https://java.springlearn.cn/ (opens new window)​​

​​#​​ 一、Vuepress

​​Hexo​​​ 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 ​​hexo (opens new window)​​

​​#​​ 二、像数 1, 2, 3 一样容易

这里是Vuepress原生主题,比较简单。



# 安装
yarn global add vuepress # 或者：npm install -g vuepress

# 新建一个 markdown 文件
echo '# Hello VuePress!' > README.md

# 开始写作
vuepress dev .

# 构建静态文件
vuepress build .



1 2 3 4 5 6 7 8 9 10 11


注意

注意 请确保你的 Node.js 版本 >= 8.6。



​​#​​ 三、主题安装

这里只推荐一个主题,本网站的主题也是使用的这个。

​​#​​​ 3.1 ​​vuepress-theme-hope(opens new window)​​ 



npm init vuepress-theme-hope



1


注意目录一定要在.vuepress/config.js



// .vuepress/config.js
const { config } = require("vuepress-theme-hope");

module.exports = config({
  // your config here
});



1 2 3 4 5 6