一款基于vuepress的个人博客主题

DemoA vuepress-based animation blog theme, simple, beautiful, multi-color, multiple custom functions, providing article poster sharing, talk, photo album, comment and other features

一款基于vuepress的动漫类博客主题，简洁，漂亮，多色彩，多种自定义功能，提供文章海报分享，说说，相册，评论，侧边栏，自动生成文章侧边栏等特色功能

Feature

• 简洁美观 细节精致，界面简约漂亮，毛玻璃效果
• 开箱即用 下载便可直接使用
• 自动生成文章侧边栏 自动为文章所在目录下的所有md文件生成侧边栏文章目录 ，不用在为文章侧边栏而烦恼
• 图片懒加载 为文章所有图片，首页文章列表加入懒加载效果，支持自定义占位符，大大提升页面加载速度
• 海报分享 自动为文章生成海报分享功能，支持自定义海报样式
• SEO 自定义keyword，description或者主题自动生成keyword，description，提升搜索引擎收录
• 多种功能 文章海报分享，赞赏，文章分类，友情链接，心情说说，相册，评论，图片懒加载，自动生成文章目录…
• 高度自定义 提供多个组件和主题配置文件进行自定义，除了部分页面布局文字之外，页面都是可定制的
• 自定义页脚 支持自定义页脚
• 文章置顶 首页文章置顶功能
• 移除默认主题的侧边栏 移除默认主题侧边栏，新侧边栏更加美观，并且在侧边栏上加入多个模块，如文章信息，最新文章，友情链接等等
• 社交图标 全部采用阿里图标，所有图标都是经过精心挑选，并且图标修改非常简单
• 阅读体验 切换背景，修改字体，颜色，毛玻璃效果，圆角，透明度控制
• 动漫背景 所有页面背景都使用动漫图片，同样也可以使用自己的背景图
• 搜索 文章搜索功能
• 随机一言打字机 首页或者其他位置，通过打字机效果展示随机一言或者自定义语句
• 自适应 为手机端和PC端都做了适配
• vuepress 依赖于vuepress，一个静态博客框架，支持几乎所有的vuepress特性

…

Quick start

Node安装

运行环境需要依赖node，如果你未安装node，请先安装node，我安装的版本为v14.17.3

安装node可查看Node 安装

安装CLI

• npm

  npm i vuepress-theme-cli -g
  

• yarn

  yarn global vuepress-theme-cli
  

创建博客

待脚手架cli安装成功之后，进入cmd中

在命令行处输入下面命令

aurora blog-demo

blog-demo是你的博客文件件名称，会自动创建以此名字命名的文件夹

如果提示

'aurora' 不是内部或外部命令，也不是可运行的程序
或批处理文件。

请看这里

这个过程大概几秒，取决于你的网速，待安装成功之后，你会发现在当前目录下，多了一个目录

然后进入此demo-blog目录中，使用命令npm install或者yarn install安装所需的依赖，待依赖安装成功之后，使用npm run dev或者yarn dev启动博客

运行成功之后，会出现一个地址，你只需要在浏览器中，输入这个地址，就可以看到主页面

恭喜你，到这里，你已经安装成功了，接下来便可以尽情书写博客和修改配置(上图展示出来的效果是默认配置，你可以更改)