• Stars
    star
    305
  • Rank 136,879 (Top 3 %)
  • Language
    CSS
  • License
    MIT License
  • Created about 7 years ago
  • Updated about 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

隻言片語・於此匯聚 – Moments piled up. Live demo →

Journal.

隻言片語・於此匯聚

Moments piled up.

Changelog

Features

  • Simple and easy to customize
  • Concentrated on reading and writing (find a Markdown editor then) experience
  • Mobile-friendly & widescreen-friendly
  • Flexible commenting control

Installation

First, cd into your Hexo root directory.

Installing dependencies

yarn add hexo-renderer-ejs hexo-generator-archive hexo-generator-category-enhance hexo-generator-feed hexo-generator-index hexo-generator-tag
# or `npm i --save hexo-renderer-ejs hexo-generator-archive hexo-generator-category-enhance hexo-generator-feed hexo-generator-index hexo-generator-tag` for npm users

Cloning the theme

cd themes
git clone https://github.com/SumiMakito/hexo-theme-Journal.git journal
cd journal
yarn install # or `npm i` for npm users

Applying the theme

Find the _config.yml file at your Hexo root directory and apply the theme.

theme: journal

User Guide

Post items and pages

↑ An example of a post item ↑

Generally speaking, a post file in source/_posts or a page file always begins with a header in the following format.

---
title: 吾輩は猫である
intro: 吾輩は猫である。名前はまだない。
featured_image: neko.jpg
date: 2018-11-11 12:00:00
tags: 
    - Novel
    - Japanese
---

Maybe you've already noticed that there're two new fields named intro and featured_image. These two optional fields are used to optimize post items' appearance.

Intro

If intro is set, the value will be used as abstract instead of the automatically truncated one. Also, by editing the _config.yml in theme Journal.'s directory, you are able to control the truncation length for all articles.

...
truncate_len: 60
...
Featured image

If featured_image presents, the image specified will show up in the post item, also, the feature image will show up in the detailed post's or page's page. In this example, the neko.jpg is placed in the asset folder for the post or page.

New in 2.0.3: featured_image can now be an URL starts with http:// or https://.

Title and subtitle

The title area of the theme Journal. consists two parts — the title and the subtitle.

↑ An example of the title area ↑

Edit the _config.yml in theme Journal.'s directory:

sidebar_title: "Journal."
sidebar_subtitle: "隻言片語<br>於此匯聚"

In sidebar_title and sidebar_subtitle, HTML is supported as the example above demonstrated.

Archives

By default, the 'Archives' entry will not appear in the navigation section. To show the 'Archives' in the navigation section, you will need to enable the archives explicitly in the theme-level _config.yml.

archives: true

The generation of archives will be done by hexo-generator-archive. So please ensure that it has been added as a dependency in your package.json.

RSS

By adding the following line to the _config.yml in theme Journal.'s directory, an RSS entry will show up in the navigation drawer which points to the location specified.

rss: atom

The plugin hexo-generator-feed is usually required for this function.

Commenting

The theme Journal. natively supports two commenting services – Livere and Disqus. To enable commenting, you just need to add one of the following lines to the _config.yml in theme Journal.'s directory.

livere: [data-uid] on livere.com
disqus: [short_name] on disqus.com

If two fields are both left non-empty, two comment boxes will appear. To fix this, just leave one of the two fields empty.

Disabling commenting

You are free to choose whether or not to disable commenting on some posts or pages at all times as you like it since you're the owner.

You can disable commenting just by adding one line of code in the header of a post or page file.

---
...
no_comments: true
...
---

Page entries

When a page is created, its entry will automatically show up in the global navigation drawer on the left side of the screen.

Syntax highlighting

The theme Journal. natively supports syntax highlighting. However, the plugin hexo-prism-plugin is required. You can install it by running yarn add hexo-prism-plugin or npm i --save hexo-prism-plugin at your Hexo root directory.

Table of contents

With the plugin hexo-toc, the theme Journal. natively supports showing the table of contents in an article. You can install it by running yarn add hexo-toc or npm i --save hexo-toc at your Hexo root directory.

Then, you can insert <!-- toc --> after the header of the post file to enable table of contents.

Support the developer

If you find my work awesome and useful, please consider donating. It is your support that helps me to do better!

PayPal.me/Makito

More Repositories

1

AwesomeQRCode

An awesome QR code generator for Android.
Kotlin
1,886
star
2

Awesome-qr.js

An awesome QR code generator written in JavaScript.
JavaScript
1,668
star
3

hexo-theme-typography

Rediscover the beauty of typography.
JavaScript
660
star
4

AdvancedTextSwitcher

Advanced TextSwitcher for faster development.
Java
245
star
5

QuickKV

Lightweight & Easy-to-use Key-Value Library for Android Projects.
Java
132
star
6

AwesomeQRCode-Kotlin

AwesomeQRCode in Kotlin.
Kotlin
61
star
7

GitPro

Use GitHub Like a Pro
CSS
36
star
8

A-star

A*(A-star) pathfinding algorithm in C++
C++
33
star
9

DroidCurvesView

A custom view for Android inspired by Curves Tool in Photoshop.
Java
27
star
10

RhythmView

Kotlin
26
star
11

NeteaseCloudMusic-Now-Playing

C
24
star
12

ReinaDownloader

Multi-thread & Multi-task downloading library for Android projects.
Java
21
star
13

BiliNyan-Android

一个 Material Design 风格的第三方哔哩哔哩 Android 客户端
Java
12
star
14

Chrome-GitHub-Feed-Moderator

CSS
10
star
15

webpxmux.js

A JavaScript library for muxing and demuxing animated WebP images and encoding and decoding WebP images.
JavaScript
10
star
16

Chrome-qwq

The naughtiest qwq that you have never ever seen before.
JavaScript
7
star
17

Stacktodo

A todo list* powered by React.js, Django and PostgreSQL. (*demo)
JavaScript
4
star
18

MaglevIO

An easy-to-use and efficient Java I/O library. Based on Java NativeIO.
Java
4
star
19

raft

An implementation of the Raft distributed consensus algorithm in Go.
Go
4
star
20

chocola-js

4
star
21

sumimakito

3
star
22

HimitsuQR

加密二维码,让二维码更安全。
Java
3
star
23

Decompiled-Chongcai

#Abandoned
3
star
24

apple-watch-rgb

RGB light for your 🎃 (maybe)
Swift
2
star
25

Naive-Solver-for-Word-Guessing-Games

A general but naïve solver for word guessing games.
Python
2
star
26

hexo-renderer-pejs

PEJS renderer for Hexo
1
star
27

Sandcastle-Quality-Tracker

1
star
28

Apple-Watch-RGB

RGB light for your 🎃 (maybe)
Swift
1
star
29

ffmpeg-dmx4a

Modified version of FFmpeg which is used in DMX4A, the core of Bilisound.
1
star
30

TiebaEmailExtractor

Extract email addresses easily.
Java
1
star
31

BuildMaid-CI-Test-Android

Kotlin
1
star
32

uTickets

TypeScript
1
star
33

EFEFDouga

二匚二匚動画です
HTML
1
star