Skip to content

ABdeeglr/hexo-theme-A4

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

hexo-theme-A4

模仿A4纸张的一个hexo极简主题。主打一个简洁,体积小,配置少。

「让读者专注于阅读文字,写者专注于写作。」➡️ 效果展示 ➡️ 使用文档

右上角一个star,更快更新功能

🏹️特点

🔥效果展示

多种主题配色

灰白配色(默认)

绿金配色(已预置|可一键启用)

颜色搭配是一门学问,除A4推荐的两种配色外,你可以自行调色,并把颜色方案分享给大家。更多配色请看:预览

首页

文章列表

文章标签和分类信息

评论

👋如何使用

  • 确认已通过命令hexo init创建好了文件夹,这里举例你的文件夹名为website
  • 命令行进入到website文件夹路径下
  • 确保hexo版本为 v6.3.0版本,如果不是请执行命令npm install [email protected]
  • website文件夹下的_config.yml文件中将主题设置为A4
  • 接下来正式安装a4主题,有两种方式,任选其一

npm方式(推荐)

  • 执行命令 npm install hexo-theme-a4@latest
  • website文件夹路径下创建_config.a4.yml文件,将这里的内容复制进去
  • 对主题的所有个性化配置都将在_config.a4.yml文件中进行,可按照文件中的注释自行配置
  • 执行命令:hexo s 运行项目查看效果

git方式

  • 执行命令:git clone [email protected]:HiNinoJay/hexo-theme-A4.git themes/A4
  • website文件夹路径下创建_config.a4.yml文件,将这里的内容 复制进去
  • 对主题的所有个性化配置都将在_config.a4.yml文件中进行,可按照文件中的注释自行配置
  • 执行命令:hexo s 运行项目查看效果

⚠️必读配置

首页和文章列表页需要手动生成,执行以下命令即可:

hexo new page index
hexo new page list

我的markdown代码块怎么没渲染?

答:检查你的_config.yml文件,将hexo自带的highlight和prismjs设置为false。

highlight:
  enable: false 
  line_number: true
  auto_detect: false
  tab_replace: ''
  wrap: true
  hljs: false
prismjs:
  enable: false 
  preprocess: true
  line_number: true
  tab_replace: ''

其他详细配置请看: ➡️ 使用文档,已上线。

⬆️如何更新

根据你安装的方式,选择对应的更新方式。

npm方式

命令行进入到你的博客网站根目录下 执行命令:

npm install hexo-theme-a4@latest

git方式

命令行进入到themes/A4目录下 执行命令:

git pull

注意

以上两种方式更新后,请去该github页面查看最新的版本,作者会告诉配置文件有无新增/修改。

如果有,则需要复制最新的该文件对应到你的_config.a4.yml新增/修改的部分。

☕️支持

欢迎提交 pull request 或 issue,请提交至dev分支。

其他任何想交流的事,可发送邮件至:[email protected]

如果觉得我做的不错,请给我一个star,感谢。

💰请我喝杯咖啡

Stargazers over time

Stargazers over time

About

A hexo theme that looks like an A4 paper.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 80.6%
  • EJS 11.3%
  • CSS 8.1%