Skip to content
A paper like theme for hexo.
CSS HTML JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
layout
source
.editorconfig
LICENCE
README.md
_config.yml
package.json

README.md

paper

🎨 paper 是一个简洁,没有过多冗余视觉元素和功能的 hexo 主题,其设计风格的灵感来源于📰 报纸等纸质读物。而且主题以一种💡极其巧妙的方式实现了当下(2019)流行的🌗Dark Mode,一键可开启。

landing

如何使用

安装

# 在你的 hexo 顶层文件夹下
cd theme
# clone 该项目
git clone git@github.com:OfficialYoungX/paper.git

安装stylus和pug转换工具(由于 hexo init 后默认可能没有安装下面的两个)

npm install hexo-renderer-jade hexo-renderer-stylus --save

修改配置文件

# 在你的 _config.yml 文件中设置
theme: paper
# 同时为了代码高亮,你需要将下面的内容粘贴到该文件(如果之前存在highlight字段,记得删除后再粘贴)
highlight:
  hljs: true
  enable: true
  line_number: false
  auto_detect: true
  tab_replace: ''
# 清空并重新编译
hexo clear && hexo s
# done
# 在临时开启的本地server中你应该能看见应用了paper主题的blog!

配置项

theme/paper 目录下的 _config.yml 文件中进行配置

  • 社交账号

除了提供的,您还可以添加其他未列出的

social:
  Github: https://github.com/yours
  Codepen: https://codepen.io/yours
  Dribbble: https://dribbble.com/yours
  twitter: https://twitter.com/yours
  知乎: https://www.zhihu.com/people/yours
  掘金: https://juejin.im/user/yours
  # ...
  # and more, you can add other link by the same way
  • 主题色
main_color: default # forest | grass | sky | sun | sea

这里提供了6种可通过直接配置修改的颜色,当然,如果您都不喜欢,可以自己进入themes/paper/source/css/var.styl修改变量渲染出你想要的颜色。

  • 右边栏可见内容

取消注释则表示关闭该内容

# Uncomment to disable sidebar
# link: false
# archives: false
# categories: false
# tags: false

效果预览

  • DarkMode

  • multiple colors

  • Resposive

Todo

  • 移植到其他的博客平台(设计是可复用的)
  • 根据情况看决定否添加评论系统(不是所有的Blog都需要评论系统)
  • 数据统计

参与

我个人也看了很多的其他主题,发现很多都有很丰富的功能。由于个人的精力有限,对于该主题只实现了主要的基本功能,满足了自己对于视觉方面的基本要求。其他更多功能或者是视觉细节的建议,欢迎pr、issue🤟🏼.

LICENCE

MIT

You can’t perform that action at this time.