Git Product home page Git Product logo

hexo-theme-simple99's Introduction

hexo-theme-simple99

Introduction

English document | 中文简体

A simple style blog theme based on the hexo system, the theme is pale in color, and the visual effect is soft. It adopts a double-column card design and is fully functional.

If you can click a small star before using it, the author would be very grateful; of course, if you find it troublesome, it doesn't matter, welcome to use the theme, and hope to bring you a good experience.

The warehouse will be maintained for a long time. Welcome to leave a message on Issues or come to my blog to communicate.If you want to use certain functions, but the theme does not have it, you are welcome to submit your ideas in Issues, and the author thinks good suggestions will be adopted.

Supports perfect display on PC and mobile terminals.

Welcome to use the blog of this topic and leave your site in Issues.

ps:The coupling of this theme is extremely low, and the combination of pages can be freely matched, and interested students can explore in the code.

Repo

Theme demo

demo

Page

  • home
  • archive
  • categories
  • tags
  • message
  • about

Features

It integrates the functions that a blog should have, and can be explored in use, including but not limited to: comments, directories, topping, visitor statistics, classification tags, etc.

You will find a lot of different things, some content I did not put in the configuration, but it does not affect your normal use, but as a surprise waiting for you to discover.

Installation tutorial

Choose one

  1. Download theme source code
cd themes
git clone https://github.com/Nov8nana/hexo-theme-simple99.git
  1. _config.yml
theme: hexo-theme-simple99
  1. Run the project
hexo s
  1. post article

It is strongly recommended to use the following command to publish new content to the github repository

hexo clean && hexo g -d

Choose two

Click the code directly to download the original file, and then copy it to your themes folder.

Then modify the theme: hexo-theme-simple99 in the project configuration

Install plugin dependencies

In addition to the default dependencies, each hexo theme also has functional plug-ins introduced later by each author. Each theme is different.

The following are the plug-ins recommended for this theme, which can be downloaded according to your needs:

  1. Search function plugin
npm install --save hexo-generator-search
  1. Total word count of blog
npm install --save hexo-wordcount
  1. Top function plugin
npm uninstall hexo-generator-index --save
npm install hexo-generator-index-pin-top --save
  1. Real-time edit preview plugin

This is an auxiliary plug-in, users can freely choose whether to install it.

Whenever you save the code with ctrl + s, the browser will automatically refresh instead of manual f5, and the terminal and browser will pop up a short subtitle to remind the page has been modified.

npm install --save hexo-browsersync

Instructions for use

  1. The blog can be configured with the config.yml theme configuration
  2. The comment system has built-in twikoo static comment system, you can refer to official document for configuration, ../themes/hexo-theme-simple99/layout/partials/comments.ejs file is Comment system configuration file
  3. [about] When modifying, enter ../themes/hexo-theme-simple99/layout/about.ejs to fill in your own content, if you don’t need [About], please comment out about: /about in the theme configuration
  4. Article generation (all label content, you can choose what you need when using it)
---
title: hello,world
date: 2020-12-17  # release time
tags: tags
categories: categories
top: 9   # Whether the article is topped or not, the default is not to write top, not top; if the top is selected, the number can be selected, if there are multiple tops, sort by number
toc: true # Whether to generate a directory (true generation; default does not write toc, no generation)
cover:  # Title background image
---
  1. If you have other questions

I will see and reply the first time

Common lofty mention

Click to view FAQ

Participate in contribution

  1. Star or Fork this repository, add a little encouragement to the author
  2. Ask or discuss in Issues

Author

Nov8nana

hexo-theme-simple99's People

Contributors

anghunk1 avatar

Stargazers

Tyler Star avatar bainnn avatar  avatar sometimes2 avatar  avatar 范嘉宁 avatar  avatar  avatar c2awsl avatar 易 avatar  avatar Baolin Liu avatar 爱吃菠萝蜜的大魔王 avatar King Rabbit avatar Afefegeb avatar YanzPei avatar 鴻塵 avatar liangzai avatar hedaodao  avatar noionion avatar  avatar clearlove-lt avatar

Watchers

hedaodao  avatar  avatar

Forkers

rokcynull

hexo-theme-simple99's Issues

搜索插件无法使用

搜索功能插件 npm install --save hexo-generator-search

错报如下
Cannot GET /search

还是没办法搜索呀 请问什么问题呢

[Question: 1] 为什么使用主题之后,浏览器无法显示 `about` 内容?

问:为什么使用主题之后,浏览器无法显示 about 内容?

答:需要在 hexo 根目录下的 source 中新建一个 about文件夹,然后生成一个文件 index.md,在里面输入下面的代码:

---
title: 关于我
layout: about
---

ps:需要注意的地方,不是主题的 source ,是 hexo 根目录下的 source 文件夹内

search

搜索功能没有用欸

置顶插件问题咨询

置顶功能插件 npm uninstall hexo-generator-index --save npm install hexo-generator-index-pin-top --save

您好,看到这里您移出了 hexo-generator-index 此置顶插件,而新安装了 hexo-generator-index-pin-top 置顶插件。请问博客后者比前者的优势在哪里呢?

[Question: 2] 为什么置顶功能失效?

问:为什么置顶功能失效?

答:请确认安装完插件确实失效。

解决办法:在 node_moudles 目录下找到 hexo-generator-index-pin-top 或者 hexo-generator-index 文件然后手动删除,重新执行下列命令

# 依次执行,不要同时输入两个命令去执行
npm uninstall hexo-generator-index --save
npm install hexo-generator-index-pin-top --save

ps:如果在置顶方面遇到其他相关问题,可以在本条 Issues 留言或者到我的博客留言

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.