renbaoshuo / hexo-theme-pure

🎨 A pure, modern and simple theme for Hexo.

Pure

A modern and simple theme for Hexo.

English | 简体中文

This theme is transplanted from imhanjie/gridea-theme-pure and has been approved by the original author.

Demo

• Hexo Theme Unit Test of Theme Pure

Installation

Install via GitHub

You need to switch to the directory where the site is located before performing the following operations.

npm install hexo-renderer-ejs hexo-renderer-less --save
git clone https://github.com/renbaoshuo/hexo-theme-pure.git themes/pure

Install via NPM

npm install hexo-theme-pure --save
# or use yarn: yard add hexo-theme-pure

Settings

• favicon: Site logo displayed in browser tabs and bookmarks. (String, default: /favicon.ico)
• avatar: Site logo displayed on the header. (String, default: /favicon.png)
• katex: Whether to load KaTeX CSS. (Boolean, default: false)
• force_https: Mandatory HTTPS. (Boolean, default: false)
• check_update: Check update before exit. (Boolean, default: false)
• menus (Array)
  • name: The name displayed on the navigation bar. (String)
  • link: The link of the page to jump to. (String)
  • target: The target of the link. (String, _self or _blank, default: _self)
• post: Post settings
  • feature: display post image in post list (needs to set feature in post, Boolean, default: true)
• disqus: DisqusJS Settings
  • enable: Whether to enable DisqusJS. (Boolean, default: false)
  • shortname: The shortname of the Disqus site.
  • api: Your disqus api.
  • apikey: Your disqus api key.
  • admin: Your disqus username.
• gitalk: Gitalk Settings
  • enable: Whether to enable Gitalk. (Boolean, default: false)
  • clientId: Your GitHub oauth app client id
  • clientSecret: Your GitHub oauth app client secret
  • repository: Your GitHub comment repository
  • owner: Your GitHub username
• web_analytics: Web Analytics Settings
  • enable: Whether to enable Web Analytics. (Boolean, default: false)
  • google: Google Analytics tracker id.
  • baidu: Baidu Analytics id.
• footer: The content displayed in the footer.
• friends: Friends (Array)
  • name: The name displayed on the friends list.
  • link: The link of the page to jump to.
  • logo: The logo displayed on the friends list.

Attention

Code highlight Settings

The theme has built-in highlight style of highlightjs. Please do not enable line_number and wrap because this theme does not support them.

Here is a configuration example:

highlight:
  enable: true
  auto_detect: true
  line_number: false  # This value must be `false`
  wrap: false         # This value must be `false`
  tab_replace: '    ' # 4 spaces
  hljs: true          # This value must be `true`
prismjs:
  enable: false

KaTeX Settings

It is recommended to use hexo-renderer-markdown-it to render Markdown and install @neilsustc/markdown-it-katex to render mathematical formulas.

npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-markdown-it @neilsustc/markdown-it-katex --save

Here is a configuration example:

# Markdown-it config
## Docs: https://github.com/celsomiranda/hexo-renderer-markdown-it/wiki
markdown:
  render:
    html: true
    xhtmlOut: false
    breaks: true
    linkify: true
    typographer: true
  plugins:
    - '@neilsustc/markdown-it-katex'
  anchors:
    level: 2
    collisionSuffix: 't'
    permalink: false
    permalinkClass: header-anchor
    permalinkSymbol: ''

DisqusJS Settings

You must Register a Disqus Application before using DisqusJS.

Author

hexo-theme-pure © Baoshuo, Released under the GPL-3.0 License.
Authored and maintained by Baoshuo with help from contributors.

Personal Website · Blog · GitHub @renbaoshuo · Twitter @renbaoshuo

hexo-theme-pure's Issues

能否出个详细教程？

这个代码我copy下来生成的和定制版不太一样，很多地方不知如何设置，比如设置头像，老哥能否更新下定制版的代码，或者出个详细设置的教程

布局里的header.ejs中的site.title无法有效显示

目前来看在hexo.io的doc中没有site.title变量，改为在theme的config文件下创建此变量并使用后可以正常显示。

blog.baoshuo.ren 最新的代码可以push下吗？

https://blog.baoshuo.ren/ 代码已经更新了，最新的迭代可否更新到github repo??

能否给加上返回顶部和文章目录功能

另外，移动端好像也没完全适配，文章加了封面图之后在移动端排版很混乱

代码高亮无效果

文件_config.yml中配置
highlight:
enable: true
auto_detect: true
line_number: false # This value must be false
wrap: false # This value must be false
tab_replace: " " # 4 spaces
hljs: true # This value must be true
prismjs:
enable: false

文章中

function fn (){
  console.log(11111)
}

页面中代码没有高亮显示。

文章详情页右下角目录点击后会自动收起

预期：应该不要收起。
另外觉得进入文章详情后默认就展开目录会更好一点。
顺便一问，您这个主题有没有对应的typecho版本的？

该主题目前无法使用

• 语法错误，layout/post.ejs中<% if(page.tags) %> 应为 <% if(page.tags) {%>
• hexo变量问题，layout/index.ejs 中<% page.posts.forEach(function(post) { %>，page.posts不存在，应为site.posts
• 样式指向问题，layout/_includes/head.ejs中https://cdn.jsdelivr.net/npm/[email protected]/dist/main.css报错404
• 即使解决以上报错，渲染依旧存在问题

代码块显示异常

我的原始代码如下，md支持tab和```两种代码块显示，但是博客中只有tab才能正常显示，```则显示异常，无法高亮显示代码，感觉很不方便，可否调整一下

能否添加目录功能

在您的个人博客上似乎添加了该功能，然而此处配布主题似乎未找到实现方法。
感谢。

[issue] 代码条是否可以默认设置为左对齐，而不是居中对齐？

请问是否可以将单独代码端默认设置为左对齐，而不是像下图一样居中对齐？

而且特别是因为左侧有序号，看起来非常不整齐美观。

P.S. 一个小小的建议：归档 / Archive 里的日期颜色可考虑深灰，或更浅一点的灰色，并取消加粗；可适当考虑加粗右侧文章标题。

P.P.S. 大佬把 Pure 从 Gridea 移植到 Hexo 太厉害了 （受我一拜🙏）。我自己在试图移植一款 Jekyill 的主题，但由于对 HTML 和CSS 只有初步认识，目前还在苦苦挣扎。🤦‍♀️😂

无法显示description

无法显示description