免费的博客空间,漂亮的VuePress(二)

简介: 免费的博客空间,漂亮的VuePress

2. 配置VuePress

一直比较喜欢vue的官方文档的样式,也提供了开源的VuePress,地址为https://vuepress.vuejs.org/zh/

也是类似风格的文档样式。

16.png根据指南菜单里的说明,创建一个以VuePress为框架模板的网站。

VuePress 需要 Node.js >= 8.6

2.1 创建并进入一个新目录

mkdir vuepress-starter && cd vuepress-starter

2.2 使用包管理器进行初始化

yarn init # npm init

2.3 将 VuePress 安装为本地依赖

yarn add -D vuepress # npm install -D vuepress

2.4 创建第一篇文档

mkdir docs && echo '# Hello VuePress' > docs/README.md

2.5 在 package.json 中添加一些 scripts

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

2.6 在本地启动服务器

yarn docs:dev # npm run docs:dev

VuePress 会在 http://localhost:8080 启动一个热重载的开发服务器。

17.png

这肯定不是我们想要的漂亮页面,我们再设置一下。

目录
相关文章
另辟蹊径,利用宝塔快速搭建一个VuePress博客
另辟蹊径,利用宝塔快速搭建一个VuePress博客
1730 0
另辟蹊径,利用宝塔快速搭建一个VuePress博客
|
2月前
使用github制作个人网站或者博客
使用github制作个人网站或者博客
18 0
|
10月前
|
安全 JavaScript Serverless
基于函数计算快速搭建Vuepress博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Vuepress博客。
84 0
|
域名解析 网络协议 Shell
hexo博客功能扩展 - 使用七牛云作为图床服务
由于购买的是国外的域名,DNS解析较慢
135 0
|
存储 API 开发工具
Hexo博客功能扩展 - 图床介绍和迁移
上面就是所有的图床使用了,可以看到图床的选择还是很多的,这里不推荐渣浪的库来存自己的图片,比较推荐使用稳定的SM.MS或者路过图床这种比较稳定而且运行时间比较久的网站,并且对于使用用户有比较好的支持
172 0
|
存储 弹性计算 安全
场景体验:基于函数计算快速搭建Vuepress博客
本场景介绍使用函数计算服务搭建一个Vuepress博客。
免费的博客空间,漂亮的VuePress(四)
免费的博客空间,漂亮的VuePress
255 0
免费的博客空间,漂亮的VuePress(四)
|
JavaScript 前端开发
VuePress 博客搭建系列 33 篇正式完结
本篇聊一聊我为什么会写这个系列,以及写作这个系列中的一些感悟。
336 0
VuePress 博客搭建系列 33 篇正式完结
|
JavaScript
搭建 VuePress 博客,你可能会用到的一些插件
「这是我参与2022首次更文挑战的第8天,活动详情查看:2022首次更文挑战」。
713 0
搭建 VuePress 博客,你可能会用到的一些插件
|
JavaScript
免费的博客空间,漂亮的VuePress(一)
免费的博客空间,漂亮的VuePress
414 0
免费的博客空间,漂亮的VuePress(一)