I do not follow,i lives is always all you wantAurora
快速开始
  • 问题及必读

    • Aurora主题问题解决
  • 所有配置

    • 所有配置
  • 主题样式配置

    • /style/code-style.md
    • 自定义图标
    • /style/live2d.md
    • 更改图标以及覆盖主题样式
    • 注册组件
  • 静态文件

    • /base/public.md
  • 插件使用

    • /base/plugin.md
  • docs目录结构

    • /base/docs.md
  • cmd管理员权限

    • /base/admin.md
  • npm常见命令

    • /base/command.md
  • node安装教程

    • /node.md
  • bug

    • Aurora主题bug记录和优化
  • 更新日志

    • 1.0.0 (2021-11-27)
  • 运行常见错误

    • /issue/common.md
  • home

    • 部署
  • 其他配置

    • 评论
    • 页面配置
  • webpack和vite切换

    • /base/vite-webpack.md
  • 时间轴

    • vuepress-plugin-archive
  • 浪漫气泡

    • vuepress-plugin-bubble
  • 说说

    • Vuepress-plugin-coze
  • 音乐播放器

    • vuepress-plugin-player
  • 看板娘

    • /style/live2d.md
  • 我?

    • Me
  • 说说

    • 说说1
    • 说说2
  • 相册

    • photo
  • 标签

    • tag
  • 时间轴

    • archive
友情链接
案例
Aurora

 
 
  • 程
  • 程
  • 程
  • 程
  • 程
  • 程
  • 程
  • 程
  • 圆角
    10
    透明度
    1
      总字数0
      时长0
      评论数
      总阅读数

    生成海报3 

    # Introduce

    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的动漫类博客主题,简洁,漂亮,多色彩,多种自定义功能,提供文章海报分享,说说,相册,评论,侧边栏,自动生成文章侧边栏等特色功能

    npmnpmGitHub Repo stars

    # Feature

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

    ....

    # Quick start

    # Node安装

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

    安装node可查看Node 安装

    # 安装CLI

    • npm

      npm i vuepress-theme-cli -g
      
      1
    • yarn

      yarn global vuepress-theme-cli
      
      1

    # 创建博客

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

    image-20211127104249135

    在命令行处输入下面命令

    aurora blog-demo
    
    1

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

    TIP

    如果提示

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

    请看这里

    image-20211127104417748

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

    image-20211127104750379

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

    image-20211127104833140

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

    image-20211010232918219

    TIP

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

    为了更好的对主题进行配置,你可以直接复制我GitHub中的config.js文件

    推荐阅读

    • 主题所有配置
    • 使用必读
    • 主题更新日志

    # 联系我

    如果你在使用该主题的过程中,有任何的问题,都可以通过以下方式联系我

    QQ主题交流群微信
    image-20211024233827133image-20211024233735110

    # 渲染

    更多的体验效果,可以查看演示站点

    image-20211010162940583

    image-20211111090833031

    image-20211010163133623

    image-20211010163256145

    或者我的博客站点

    # 首页配置

    首页

  • 奶茶
    $ 18
    全味奶茶
    ¥ 11
    初尘
    主题太棒了
    ¥ 7

    推荐阅读

    点击评论
    喜欢动漫,Coding目前是一名大三学生,CS专业,坐标西南边陲
    文章
    41
    标签
    31
    类别
    3
    Github
    文章目录
    最新文章
    公告
  • 该博客主题为Aurora,vuepress-theme-Aurora
  • 主题交流群: 681602026,欢迎各位大佬进群交流
  • 标签
    类别
    demo类别
    plugin
    Copyright © by qsyyke All Rights Reserved.

    滇公网安备 53060202000142号

    theme Aurora by qsyyke
    小破站已运行357天4小时27分25秒
    Your browser does not support this audio format.