GithubHelp home page GithubHelp logo

yicixin / hexo-theme-instapaper Goto Github PK

View Code? Open in Web Editor NEW

This project forked from techmovie/hexo-theme-instapaper

0.0 0.0 0.0 111 KB

仿 instapaper 的一款极简 Hexo 主题

License: MIT License

Shell 0.70% JavaScript 11.47% TypeScript 7.34% Pug 18.93% SCSS 61.57%

hexo-theme-instapaper's Introduction

hexo-theme-instapaper

仿 instapaper 的一款极简 Hexo 主题

主题预览

Demo

Feature

  • 支持切换 DarkMode
  • 内置实现图片懒加载
  • 适配移动端

TODO

  • 支持多语言

安装主题

进入到自己的 Hexo 博客目录,在博客目录下拉取主题代码

git clone https://github.com/techmovie/hexo-theme-instapaper.git themes/instapaper --depth=1

在 Hexo 目录的_config.yml中将theme的值改为instapaper

主题配置

将本主题目录下的的_config.yaml按以下提示进行配置

comment:
  gitalk:
    enable: true  // 是否开启gitalk评论
    owner: github username
    admin: github username
    repo: 博客仓库名称
    ClientID:
    ClientSecret:
    labels: 'gitalk'
    distractionFreeMode: true
socialList:
  - name: telegram
    url: https://t.me/YOURNAME
  - name: github
    url: https://github.com/YOURNAME
  - name: mail
    url: mailto:[email protected]
highlight: // highlight 主题文件地址 可以按自己的喜好自定义
  light: https://cdn.staticfile.org/highlight.js/11.5.0/styles/github.min.css
  dark: https://cdn.staticfile.org/highlight.js/11.5.0/styles/github-dark.min.css
copyright: // 版权声明
  enable: true
  license: '本文采用<a rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/">知识共享署名-非商业性使用 4.0 国际许可协议</a>进行许可'

本主题支持 highlightjs ,由于引用了 highlightjs 的主题,所以在博客根目录的 _config.yaml 中要按如下配置

highlight:
  enable: true
  line_number: false
  wrap: false
  hljs: true

hexo-theme-instapaper's People

Contributors

techmovie avatar liaocp666 avatar dependabot[bot] avatar

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.