免费的博客空间,漂亮的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

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

目录
相关文章
|
9月前
|
资源调度 前端开发 JavaScript
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
不花一分钱,用Hexo和GitHub Pages搭建个人博客🏢
191 0
|
9月前
使用github制作个人网站或者博客
使用github制作个人网站或者博客
86 0
|
9月前
|
前端开发
wordpress博客趣主题个人静态网页模板
博客趣wordpress页面模板适合个人博客,个人模板等内容分享。
170 0
Hexo+GithubPages免费搭建个人博客网站(下)
Hexo+GithubPages免费搭建个人博客网站(下)
|
Windows
Hexo+GithubPages免费搭建个人博客网站(上)
Hexo+GithubPages免费搭建个人博客网站
|
安全 JavaScript Serverless
基于函数计算快速搭建Vuepress博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Vuepress博客。
|
域名解析 网络协议 Shell
hexo博客功能扩展 - 使用七牛云作为图床服务
由于购买的是国外的域名,DNS解析较慢
189 0
免费的博客空间,漂亮的VuePress(四)
免费的博客空间,漂亮的VuePress
281 0
免费的博客空间,漂亮的VuePress(四)
|
安全 Serverless 对象存储
场景体验:基于函数计算快速搭建Vuepress博客
本场景介绍使用函数计算服务搭建一个Vuepress博客。
场景体验:基于函数计算快速搭建Vuepress博客
|
域名解析 缓存 JavaScript
GithubPages + Hexo 打造免费个人静态网页博客
作为程序员为什么要写技术博客,一方面是为了养成做笔记做总结的习惯,一方面也能做些有用的知识分享,提高写作能力,其实有很多不错的博客平台都可以用,比如在掘金发布博客文章,但是如何在不需要域名空间和博客程序下,低成本的拥有属于自己的博客网站呢?