Code Monkey home page Code Monkey logo

hexo-theme-aurora's Introduction

hexo-theme-aurora

说明

主题来源(vue)

主题:aurora

网站:蝉时雨

主题移植(hexo)

主题: hexo-theme-aurora

网站:椎咲良田

时间线

依然在不断的优化(其实就是鸽了呀)

2019-12-09: 重构完成

2019-11-23:再次重构主题。

2019-09-05:不断添加主题功能,主题趋于稳定。

2019-04-20:主题重构完成。

2019-03-18:第一次重构主题。

2019-02-17:主题移植。

食用指南

配置篇

  1. 假设你已经在本地使用 hexo init 生成了一个博客站点 目录名为 blog, 以下操作均在此目录下。

  2. 下载 hexo-theme-aurora 主题,使用命令行,

      # 当前 为 blog 目录下, 切换至 themes 目录
      cd themes
      # 拉取主题
      git clone https://github.com/sanshiliuxiao/hexo-theme-aurora.git

    或者点击 github 上的 clone 按钮, 放入 blog/themes 目录下

  3. 查看 blog/package.json,如果里面没有 hexo-render-pughexo-renderer-stylus ,运行下面指令

    # 当前路径为 blog
    npm install hexo-render-pug hexo-renderer-stylus
  4. 站点的配置文件修改, 只提供最小化修改,其他配置请参考官方文档:hexo

      # blog/_config.yml
    
      # 建议开启这个
    
      post_asset_folder: true
    
      # 这个是必须要关闭的,
      # 不然就会使用 hexo 默认的代码高亮模式
      height:
        enable: false
      # 主题更改
      themes: hexo-theme-aurora
  5. 修改 blog/scaffolds/post.md,修改为如下,Front-matter 字段,具体规则遵循 YAML 语法。

    title: {{ title }}
    date: {{ date }}
    tags: []
    categories: []
    imageUrl:  ""
    imageSource: ""
    description: ""
    comments: true
  6. 文章内图片的展示

如果在文章中直接使用 ![](imgUrl) 语法, 则只会生成一张最大宽度为文章页面宽度的图片。

如果你想图片拥有点击放大查看的效果,请在配置文件中开启 zoomingImage 功能并且使用 {% imgBox imagePath descrition %} 语法

页面篇

hexo-theme-aurora/page 下的所有文件,复制到 blog/source 下,其中 CNAME,修改为自己的域名(如果有域名的话)

其余文件根据各文件里面的内容说明进行修改,修改遵循 YAML 语法。

其他

欢迎使用本主题。

欢迎提交 PR 和 Issues。

hexo-theme-aurora's People

Contributors

jianrry avatar

Stargazers

 avatar Roman avatar fez7yoe avatar  avatar Jie avatar まい / may avatar Flandre Scarlet avatar 那年雪落 avatar  avatar Yuina avatar luwangblog avatar  avatar 哇咔咔 avatar Reimu avatar whymesay avatar KIKYO avatar 加藤惠 avatar 蝉時雨 avatar  avatar 喝茶的皮卡丘 avatar

Watchers

James Cloos avatar

hexo-theme-aurora's Issues

请教博客推送问题。

目前我已经部署了蝉时雨的aurora博客,如果想改为您的hexo-theme-aurora博客。那么请问是直接删掉我的aurora中的资源,然后把该博客推送上去吗?blog仓库和comment仓库需要改动吗?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.