Code Monkey home page Code Monkey logo

hexo-theme-pure's Introduction

pure

A brand new default theme for [Hexo]. Preview | 中文说明文档 | iconfont

Features

  • Multiple languages support
  • Comment support
  • Tags page
  • Categories page
  • Social Media

Skins

Appearance

Home | Archives | Categories | Tags | Repository | Books | Links | About

Install theme

Execute the following command under your hexo folder.

git clone https://github.com/cofess/hexo-theme-pure.git themes/pure

Then modify the property theme of the file hexo/_config.yml to theme: pure

Update theme

Execute the following command to update theme.

cd themes/pure
git pull

Install plugin

npm install hexo-wordcount --save
npm install hexo-generator-json-content --save
npm install hexo-generator-feed --save
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save

Data files

Sometimes you may need to use some data in templates which is not directly available in your posts, or you want to reuse the data elsewhere. For such use cases, Hexo 3 introduced the new Data files. This feature loads YAML or JSON files in source/_data folder so you can use them in your site.

For example, add links.yml in source/_data folder.

links data

add links.yml in source/_data folder.

The format of the link :

Name:
    link: http://example.com
    avatar: http://example.com/avatar.png
    desc: description

Add a number of links, we just need to repeat the format according to the above.

Blog optimization

auto Minify html、js、css and make it neat

npm install hexo-neat --save

You can configure this plugin in _config.yml.

# hexo-neat
neat_enable: true
neat_html:
  enable: true
  exclude:  
neat_css:
  enable: true
  exclude:
    - '*.min.css'
neat_js:
  enable: true
  mangle: true
  output:
  compress:
  exclude:
    - '*.min.js' 
npm install hexo-baidu-url-submit --save

translate the chinese title of Hexo blog to english words automatially

npm install hexo-translate-title --save

You can configure this plugin in _config.yml.

translate_title:
  translate_way: google    #google | baidu | youdao
  youdao_api_key: XXX
  youdao_keyfrom: XXX
  is_need_proxy: true     #true | false
  proxy_url: http://localhost:8123

Mathjax Support

install

npm un hexo-renderer-marked --save
npm i hexo-renderer-markdown-it-plus --save

You can configure this plugin in _config.yml.

markdown_it_plus:
  highlight: true
  html: true
  xhtmlOut: true
  breaks: true
  langPrefix:
  linkify: true
  typographer:
  quotes: “”‘’
  plugins:
    - plugin:
        name: markdown-it-katex
        enable: true
    - plugin:
        name: markdown-it-mark
        enable: false  

Article enable mathjax

title: Hello World
mathjax: true

hexo-theme-pure's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hexo-theme-pure's Issues

关于统计的问题

同理,有人已经提了一个issues了,同样的错误,请问这个请求400的问题是咋样出现的,我也看了官网的文档,一模一样呀,给提点个处理的思路。谢谢

布局样式配置

你好,主题更新后发现布局样式有变化,头像变小了,整个左边栏上移了,有可以配置的地方么?还是比较喜欢之前的布局

feature request : Hire me

Hello,

Could I request you add a page for "Hire me" we users can fill in a form and request a quote from you.

Basic form, Name, contact number, email address and body (area to type in your requests)

咋都 页面 Error

image

INFO Start processing
INFO Files loaded in 451 ms
WARN Partial common/thumbnail.ejs does not exist. (in _widget/recent_posts.ejs)
WARN Partial common/thumbnail.ejs does not exist. (in _widget/recent_posts.ejs)
WARN Partial common/thumbnail.ejs does not exist. (in _widget/recent_posts.ejs)
WARN Partial common/thumbnail.ejs does not exist. (in _widget/recent_posts.ejs)
WARN Partial common/thumbnail.ejs does not exist. (in _widget/recent_posts.ejs)
INFO 0 files generated in 566 ms

ERROR Process failed: layout/category.ejs

IF Windows
NodeJS 8.9.2
Hexo 3.4.3
At start Hexo I receive an error:

ERROR Process failed: layout/category.ejs
SyntaxError: Unexpected token ; in "C:\\hexo

layout/category.ejs
<h1 itemprop="name" class="hidden-xs"><%= __('page.category') + ': ' + page.category; %></h1>

how to fix?

All is normal on Linux

FIX PROBLEM
I replaced node_modules / ejs from Linux and it all worked.
It's strange that under Windows this module produces errors

一些体验上的问题

  • 窗口右侧的滚动条过窄,鼠标选中比较困难。

  • 没有返回顶端按钮。

  • 页面统计功能拖延网页加载时间,建议取消不蒜子的页面统计或者选择其他替代品。

表格、代码块问题

表格右下角如果没有内容,则单元格也不显示了
image
代码块样式建议调整,1.滚动条太粗;2.长度ying'ga应该跟随代码长度变化,如图:
image
在文章内容页面时,右侧的概览建议默认开启。

Gitment

how to use gitment, can you pls give some overview? I tried following the read-me, but i couldn't achieve it

table 的样式支持

看了 dev-gulp 分支好像 没有对table的样式进行处理,目前是还没支持把。

github api rate limit

主题中repository 使用的是github的api,但是对于未认证用户,api流量限制比较苛刻,这部分可以考虑下优化,我也在想办法,目前我看你的博客主页里,请求次数过多也会limit异常的。

为什么“分类”显示都是扁平的?

我的分类是像文件夹一样有好几层子分类的, pure 主题的分类页面把所有分类结构都拍平了。。。变成了所有分类的罗列,可以做成树状结构展示的吗?

菜单高亮失效

设置了menu_highlight为true之后,本地hexo s看到的效果是正常的,但是hexo g生成出来的页面highlight却一直停留在某个菜单上。感谢。

请问怎么设置中文

我这边把default改成中文的,博客的_config.yml的language设置成 zh-CN还是煤气作用,之前配置过程中出现过两三次中文,起痘都是显示的英文。

该主题下的markdwon文件插入公式错误

我在使用该主题后在markdown下编辑公式,但是提交后始终是显示不出来,我也使用了一些方法来处理,比如说替换marked.js,安装pandoc之类的,但是都没有效果。请问如何解决。

归档能否不分页

如题,是否能够将所有文章在"归档"页面中显示出来,而不是每页10篇
或者能够自定义每页文章篇数? @cofess

社交链接

左下角的社交链接可以多支持一些,比如知乎、邮箱、码云、Coding等

主题配置及搜索功能

你好,能否提供更为详细的关于主题的使用配置文档呢?
比如搜索功能如何使用等等

Does not work Toc menu

Does not work Toc menu

config:
layout: main-center # 布局方式 main-left main-center main-right
toc: true

Most likely an error here:
_partial/article.ejs & sidebar-toc.ejs
<% if (!index && theme.config.toc && post.toc) { %>
If you remove the check post.toc, then everything works
<% if (!index && theme.config.toc) { %>
or
<% if (theme.config.toc) { %>

一些小问题

  1. 怎么更改字体
    文章显示的字体 尤其英文字体 很难看 在低分屏下看着很辛苦 怎么更换

  2. 文章的toc 能不能设置成一直显示 不要用户去点击才打开

希望能解答

一些小问题

  1. 配置了中文,用了两天是好的,刚测试提交文章后又变成英文了。
  2. 目录索引建议增加颜色提示,目前看不出来阅读到哪一个章节了。
  3. 目录级文字鼠标聚焦会看到#号字符显示出来。
  4. 期待更完善的配置文档,目前左边的标签和分类我还不会配置,右边的已经有了。关于目录也还不会配置。评论配置了下没显示,估计是配置错了。
  5. 辛苦作者大大。

友情链接配置

#友情链接那个,描述的配置应该是desc,代码是对的,可readme里面的描述是descr

Cannot GET /tags/

首先十分感谢您的分享。在使用的过程中我点击左侧导航栏的tags;categories时总是提示未找到相关页面,请问这是啥原因呢?但我在右侧点击具体某个标签或分类时就可以正常显示。

归档不显示

打开归档之后就会404报错,查看了一下public目录下不会生成archive目录,是因为脚本缺失吗

分类和标签

hexo new page "tags"
hexo new page "categories"
执行上面命令后,主页在右侧sidebar上可以显示当前的实际分类和标签,
但是在左边的分类和标签点进去后什么也不显示

但是不执行上面两条命令, 直接点分类和标签则是404?
请问你自己的blog是怎么设置的?

body is not defined

您好,安装后一切显示正常,就是一直出现对layout.ejs的<%- body %>警告,body is not defined。尝试了好久不知道怎么消除

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.