hininojay / hexo-theme-a4 Goto Github PK

A hexo theme that looks like an A4 paper.

License: MIT License

EJS 13.22% CSS 27.43% JavaScript 57.93% Stylus 1.42%

blog hexo hexo-theme theme website a4 blog-theme javascript hexo-theme-a4

hexo-theme-a4's Introduction

👦 A man
🇨🇳 A Chinese guy who loves fresh things
🍹 An alcoholic who loves to drink cocktails
💻 A programmer who mainly uses Java
📖 A reader who loves to read literature and philosophy
🖊️ A person who loves to write everything.

🍺Now I am actively maintaining the hexo-theme-A4 project, a beautiful hexo-based blog theme.

📧If you have any questions, please send a message to my email📧

🧑‍🤝‍🧑Welcome to follow me. I love to make friends.🧑‍🤝‍🧑

hexo-theme-a4's People

Contributors

Stargazers

Watchers

Forkers

blinyun hankchow llsccm ericliucn abdeeglr stormyuanyang fantasyleo harteyang jiangruoye havenoideawhatismyname goal75kg sinzmise seongnoe alex8932815 samuraibupt athlan20 adityabantt tlyu0419 andrewwang0318

hexo-theme-a4's Issues

代码块怎么没有渲染？

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

答：检查你的_config.yml文件（注意不是A4的配置文件），将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: ''

经A4使用者测试：hexo-blog-encrypt插件可能会与代码块渲染冲突，禁用插件后可以正常显示代码块，我目前暂时使用hexo-hide-posts插件暂时隐藏文章（-，-）

A4 1.8.5版本已解决代码块渲染问题，无需再做以上操作

代码行不显示、超出宽度问题

代码行不显示、超出宽度问题，请问这是怎么回事？

🤔️常见问题

我的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: ''

A4 v1.8.5版本已解决该问题，无需再做以上操作，记得恢复_config.yml为默认配置

在firefox上list文章高度异常

版本v1.7.9
浏览器firefox
今天提交的时候突然发生的事情，手机上正常，edge正常，已尝试hexo clean无效，list.md没有写其他内容

Customized favicon 404 on Non-index pages -- Possible cause & Possible fix

Thanks for spending time viewing this issue, and hope this will be of some help.

After changing favicon in _config.a4.yml the theme will be unable to locate exact location of modified favicon path.

E.g. If the config is modified as follows:

# 相对于source目录下的头像url
favicon: /img/favicon.jpeg

This is what the page looks like:

The issue is possibly caused by codes in /blob/main/layout/_partial/post-header.ejs where the avatar is defined as follows:

    <div class="header-container">
        <img style="
        width: 56px;
        height: auto;" alt="^-^" cache-control="max-age=86400" class="header-img" src="<%- url_for('/img/favicon.webp') %>" width="10%"></img>
        <div class="header-content">
            <a class="logo" href="<%- url_for() %>"><%= config.title %></a> 
            <span class="description"><%= config.description %></span> 
        </div>
        
    </div>

Changing url_for('/img/favicon.webp') into url_for(theme.favicon) fixes this issue.

fix：list页面编年统计代码

feature：新增404页面，随机展示和首页顶部同样的自定义句子池

强制在每一页面进行数学公式渲染

每一篇文章都要在 front-matter 前加 mathjax: true 有点太麻烦了(因为之前用的其他主题写过很多文章都没加), 而且 mathjax 的配置项中

mathjax:
  tags: none # or 'ams' or 'all'
  single_dollars: true # enable single dollar signs as in-line math delimiters
  cjk_width: 0.9 # relative CJK char width
  normal_width: 0.6 # relative normal (monospace) width
  append_css: true # add CSS to pages rendered by MathJax
  every_page: true # if true, every page will be rendered by MathJax regardless the `mathjax` setting in Front-matter

里面是有 every_page 这一强制让每一个页面都用 mathjax 渲染的选项的 (不过这里改成 true 也没啥用就是了), 不知道能不能添加这一功能, 还是说本来能实现这个功能但我哪里没配置好?

什么时候能换其他英文字体(

hexo generate output

13|

14| <% var array = pageTagData.posts.data %>
15| <% array.sort((a, b) => {
16| if (a.date > b.date) {
17| return -1;

Cannot read properties of undefined (reading 'posts')

why and how to solve?

fork了仓库准备魔改，有几点小想法

ejs语法我也不太熟悉...
layout.ejs 这里应该要设置config的language配置项吧
<html lang="<%= config.language || 'en' %>">

footer.ejs
<span style="border-top: 1px solid var(--line-1);margin-top: -30px;"></span>
这条线设置成.footer-last的样式比较好？

<div style="display: float;">
            <span style="float: left; font-size: 10px;">🌊看过大海的人不会忘记海的广阔🌊</span>
            <span class="footer-last-span-right"><i>本站由<a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/index.html">Hexo</a>驱动｜使用<a target="_blank" rel="noopener" href="https://github.com/HiNinoJay/hexo-theme-A4">Hexo-theme-A4</a>主题</i></span>
</div>

这里的样式我认为去掉div，不用float，用flex+text-align: right;(不过得把上面的线的样式改掉)

由于还魔改了一些其他地方的样式，不太好PR，就在issues里提提自己的想法

关于hexo-reference中引用的hint.min.css问题

最近发现页面加载很慢，经过排查是hint.min.css的请求速度很慢，发现该CDN: https://cdn.jsdelivr.net/hint.css/2.4.1/hint.min.css, 速度很慢，找到hexo-reference的原作者，发现已经在5年前就停更了，因此我fork了hexo-reference的代码，并修改了新版本的CDN，速度很快。

可直接 npm install hexo-reference-new --save 安装新插件

npmjs地址：https://www.npmjs.com/package/hexo-reference-new
github地址：https://github.com/AllenGo912/hexo-reference-new

旧：