Git Product home page Git Product logo

hexo-theme-cold-stone's Introduction

Cold Stone 🎉

A simple, refreshing, text-based Hexo blog theme.

中文文档

日本語ドキュメント

Preview

demo

Preview Link

Feature

  • Auto night mode
  • PWA (progressive web application)
  • Utteranc comment System
  • Mobile friendly
  • English/Chinese

Quick start

First you need to install Hexo to create the project. You can skip this step if you have already started.

npm install -g hexo-cli

hexo init <folder>

cd <folder>

npm install

Install theme

git clone https://github.com/xrr2016/hexo-theme-cold-stone.git themes/cold-stone --depth 1

Usage

  1. Modify the _config.yml file in your Hexo blog root directory to set theme to
theme: cold-stone
  1. Move icons in the themes/cold-stone directory to the source directory

  2. Execute the following command at the project root directory, create pages you need

hexo new page projects

hexo new page categories

hexo new page tags

hexo new page about

Add the layout of source/projects/index.md

---
layout: projects
---

Add the layout of source/categories/index.md

---
layout: categories
---

Add the layout of source/tags/index.md

---
layout: tags
---
  1. Modify the configuration of your Hexo blog _congfig.yml, examples are as follows
# blog config
seo_title: 冷石的博客
project_dir: projects

# user config
avatar: avatar.png

# Utteranc comment system
comment:
  repo: xrr2016/blog

# sns link:
sns:
  github: xrr2016
  juejin: 576666b7207703006b1e0f09

# page stat
track:
  gaid: xxxxxxxxxxxxxx
  1. Add a avatar.png image to the source directory

  2. Install hexo-wordcount (word count)

npm i --save hexo-wordcount
  1. Install hexo-all-minifier (Compress blog code)
npm i --save hexo-all-minifier

RSS

Install hexo-generator-feed (generate rss link)

npm i --save hexo-generator-feed

Set rss to true in _congfig.yml

# RSS
rss: true
feed:
  type: atom
  path: atom.xml
  limit: 20
  hub:
  content:
  content_limit: 140
  content_limit_delim: ' '
  order_by: -date
  icon: avatar.png
  autodiscovery: true

Run local

hexo server

Deploy

  • install hexo-deployer-git
 npm install hexo-deployer-git --save
  • set config
deploy:
  type: git
  repo: https://github.com/your-username/your-repo
  branch: gh-pages
  • publish
hexo clean && hexo deploy

More ways to refer:https://hexo.io/docs/deployment

Using

cold stone's blog 💯

audits

TODOS

  • Search

  • Category

  • Show page views

  • Friends link page

Release log

v2019-10-10

  • Add blog traffic statistics
  • Modified the article font statistics display position
  • Added the number of blog posts to display
  • Fixed safari homepage error reporting issue8

v2019-10-08

  • Added Japanese language interface and documentation, thanks @dongsu-iis
  • Fix code highlighting #issue, need to disable the code highlighting that comes with hexo
  • Added hexo-all-minifier to compress your blog code and let your blog open faster
  • Add a previous/next link in the article
  • Updated article label style, link style within article

V2019-09-30

  • Modify the navigation bar style
  • Increse homepage loading animation time
  • Automatically set night mode according to system theme

v2019-09-25

  • Added homepage loading animation
  • Reduced body content width

v2019-09-23

  • Modified PC home page layout
  • Added article word count function (need install hexo-wordcount under blog folder)
  • Added Google Site Search on the PC side
  • Added friends chain page

License

MIT

If you think this theme is no bad, please star this repo. 😎

hexo-theme-cold-stone's People

Contributors

erjanmx avatar xrr2016 avatar

Watchers

 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.