Giter VIP home page Giter VIP logo

guqing / halo-theme-higan Goto Github PK

View Code? Open in Web Editor NEW
107.0 4.0 25.0 9.43 MB

halo主题名彼岸,生死为此岸,涅槃为彼岸;有苦无乐为此岸,无苦无乐为彼岸...它代表着对一切美好的精神追求,也代表着生生不息的轮回亦如本主题分黑白两色,阴极阳至,向死而生。

Home Page: https://guqing.io

License: MIT License

CSS 47.44% JavaScript 3.19% TypeScript 4.36% HTML 45.01%
halo halo-theme

halo-theme-higan's Introduction

Hi there 👋

I'm guqing, Halo 开源团队核心成员,我在 halo-devhalo-sigs 生态系统项目中进行贡献,例如 haloconsole 等。

我目前的重点是帮助维护 halo,并开发 Halo 2.0 版本,你会在 Halo 的 PR 中看到我与其他贡献者合作,帮助他们完成修复、改进和解决问题,并与其他维护者一起建立 halo 团队。我还在维护 Halo 开源组织的一系列插件,并提供一些工具不断改进插件的开发体验。

除了编码之外,我还我喜欢:插花、纯音乐、宋词、瘦金体以及具有斑驳年代感的物品和古建筑等,它们隐含着某种岁月氛围,连空间都弥漫着一股怀旧美学的调性,充满了故事感。我目前生活在成都,我喜欢这座城市,这是我所偏爱的所谓文青慢活的生活节奏,这里有“九天开出一成都,万户千门入画图”的浪漫,也有“晓看红湿处,花重锦官城”的美景,更有“青青竹笋迎船出,日日江鱼入馔来”般的美食...

Coding gif 这周我把时间都花在:

From: 17 May 2024 - To: 24 May 2024

Total Time: 21 hrs 31 mins

Java              19 hrs 24 mins  ██████████████████████▓░░   90.16 %
YAML              32 mins         ▓░░░░░░░░░░░░░░░░░░░░░░░░   02.51 %
Groovy            24 mins         ▒░░░░░░░░░░░░░░░░░░░░░░░░   01.94 %
Markdown          16 mins         ▒░░░░░░░░░░░░░░░░░░░░░░░░   01.27 %
HTML              14 mins         ▒░░░░░░░░░░░░░░░░░░░░░░░░   01.13 %

Technologies I use

Java Spring Git GitHub Linux TypeScript Node.js React Vue

Top Langs

📫 Reach me

Telegram Badge WeiBo Badge Github Badge Instagram URL Gmail Badge

halo-theme-higan's People

Contributors

erzbir avatar guqing avatar howiehz avatar imgbotapp avatar johnniang avatar lilgg avatar ruibaby avatar

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

halo-theme-higan's Issues

【问题】如何修改字号大小?

首先感谢开发者提供的主题,很不错。谢谢~~!!!

作为女生可能喜欢小点的字,狠可爱,但是我想要大字啊,太费眼了~~哈哈
想问一下字体如何调节呢?现在是否支持调教字体大小?感觉整体有点小啊

厚着脸皮再请教一下下^_^

博主你好,我又来了

我在主题模板下有看到这些文件
image

菜单配置

image

问题

友链
我尝试了配置友链,但是没找到,如图所示:
image

Moment
image

Event
我注意到你的博客在event一栏中的路径是 moments?tag=github-events ,很是心动,我也想和你一样添加一个这样的功能^_^,
苦于不知道怎么弄,尝试了几次都弄不成功,也找不到配置

以上是我这次的问题

最后,希望博主能在此抽空再百忙再帮我解惑解惑,万分感谢!

关于页面嵌套不统一问题

我发现个别页面的页脚不是很统一

首页页脚
image

瞬间页脚
image

原因

首页
image

瞬间
image

可以看到,在瞬间页面的页脚是被文章那个标签包裹着的

image

建议将 瞬间的分页相关div 和 页脚处于同一级别

-.Compressed.with.FlexClip.mp4

请问怎么设置杂记页面?

感谢作者做出这么简约美观的主题!
我在您的主页中,看到有杂记这个页面,很感兴趣。
看起来就像是一个只有自己可以评论的评论区?
我试着添加了一个页面,但是比起您网站的杂记页面,会多显示一个评论区。
想请教一下您是怎么实现的呢?谢谢!

首页个人简介无法换行

首页个人简介的内容无法换行,无法分段,希望可以支持一下。

要是能支持 Markdown 那就更好了 ^.^

请问首页个人简介怎么设置

没有在主题设置里发现个人简介的填写栏。

另外可以给首页和文章页添加类似于关于页面的背景图片选项吗。

文章引用渲染缺少换行显示

文章编辑的时候引用的内容存在换行,最终渲染效果如下:

halo默认主题最终渲染效果

image

higan主题最终渲染效果

image

进入文章内容页之后无法快捷回到首页

美女,我觉得有个缺憾就是无法从文章页直接回到首页,每次只能手动更改浏览器地址,总感觉没有闭环。是否考虑后续新增快捷回到首页功能呢,例如可以考虑在这里增加?
image

标题等级大小回显问题

编辑:

image

主题显示效果

image

可能原作者设计如此吧...
可是最终导致的后果是,三级标题还不如文章默认字体大:/(ㄒoㄒ)/~~
image

可能太喜欢这个主题了吧,疯狂抠细节😓

请问下主题首页的个人介绍是怎么设置的呀

感谢大佬做的这么好看的主题。
我看大佬的个人网站上这个有一段个人介绍,但是我安装好主题后,除了开启“博客描述开启一言”的选项,并没有可以设置介绍的地方,请问下要怎么设置呀!
image

该主题如何防止文章复制和转载

  1. 如何防止文章复制和转载。
  2. 文章页面的导航菜单栏偶尔会消失。
  3. 无法添加备案或云服务提供商,无法添加 开往和虫洞
  4. Halo后台无法在线更新该主题,会提示主题已被删除,页面跳转到404

windows10 下缺少字体, 默认显示宋体太丑了

windows10 下缺少字体, 默认显示宋体太丑了
应该是halo-theme-higan/templates/assets/dist/style.css 里面这个样式导致的 font-family:Menlo,Meslo LG,monospace,arial,Georgia,sans-serif;

image

后台也不能自定义, 记得以前在后台可以直接在线编辑主题的, 现在找不到了,
image
目前处理办法, 变成默认的雅黑
find -name "*.css" | xargs perl -pi -e 's|font-family:Menlo,Meslo LG,monospace,arial,Georgia,sans-serif;||g'

文章大纲的定位显示问题

目前大纲展开逻辑是没问题的,但是缺少定位标记显示,似乎可以改变文字颜色或者在文字下放添加粉色横线~
image

文章目录无法跳转

使用 markdown 编辑器插件 plugin-bytemd 编写markdown 文档,发布之后点击右侧目录无法跳转位置,但默认编辑器可以,这个是主题问题?还是插件问题?还是 halo2 的问题?

无法使用katex数学公式

Halo version:2.7.0
非常喜欢这款主题,侍奉的简洁,谢谢作者。
但是我在使用的时候发现katex数学公式无法被解析,装了halo的katex插件也无法使用,希望作者大大能修复一下

问题反馈

作者您好,感谢贡献这么优秀的主题。
向您反馈个问题,但与此模板无关:
就是在启用highlight这个插件之后,只要是亮色的highlight主题,包裹的容器四周出现“虚边”的情况,很影响视觉感受。希望halo官方能处理下呢。
Snipaste_2023-11-30_10-09-01

关于圆形头像ui的建议

我对比了两种头像,圆的和方的。

1702373148031

有点强迫症,有点小建议:希望能去除圆形头像的描边,有个 border 描边看起开真的很奇怪
image

对比
image

希望博主能采纳一下

是否存在作者页

image 例如访问https://guqing.xyz/authors/guqing,会显示错误,主题并没有适配`/authors`页面

希望优化的地方

image
文章侧面的侧边栏目录在多级目录多了以后出现滑块与主体十分的突兀,希望作者能把多级目录一开始只显示最高一级的选择之后再展开(像是这个样的)或者说能把这个滑块美化隐藏

ui相关问题以及自定义页面疑问?

博主,你好!

今天发现了一点ui上的问题,截图如下:

image image

分页和我的页脚部分会往上跑,没有指定

测试博客 blog.jiancai.life

我在页脚写入了js,如下

<script type="text/javascript">
	var oldElement = document.getElementById('footer');
	if (oldElement) {
		var beianDiv = document.createElement('div');
		beianDiv.id = "footer";
		var beianTag = document.createElement('a');
        beianTag.style.textDecoration = "none";
        beianTag.style.fontSize = "16px";
		beianTag.href = 'https://beian.miit.gov.cn/';
		beianTag.textContent = '粤ICP备2023134763号-1';
		beianDiv.appendChild(beianTag);
		oldElement.parentNode.replaceChild(beianDiv, oldElement);
	}
</script>
image

以上是我 ui 方面的疑问

以下是我自定义页面的疑问

疑问很大
我不知道怎么自定义一个页面

links.json

nav.json

不给上传html类型的文件,在此我将 nav.html 重命名为 nav.json ,博主测试请将 文件格式重新修改一下

我的问题

我想在首页顶部加一个nav的导航网址模块,但是怎么弄都不成功,特向博主请教。

特别希望比猪能帮我解决我的疑问,万分感谢

关于全局搜索功能

请问目前没有发现可以支持全局搜索的功能,后面会添加这个功能吗?

关于 Mermaid 语法支持的提议

Mermaid 语法目前已经非常成熟,虽然可以通过代码注入实现,但也许主题支持 or 新插件也许会更好。

如下实现方法有些笨拙,仅供参考。

<script type="module">
  import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
  window.addEventListener('load', function() {
    if (typeof mermaid === 'undefined') {
      console.error('Mermaid library is not loaded!');
    } else {
      mermaid.initialize({startOnLoad:false,});
      const elements = document.querySelectorAll('.language-mermaid');
      if (elements.length) {
        elements.forEach(function(element) {
          // 创建一个新的div元素,用来插入渲染后的Mermaid图表
          var insert = document.createElement('div');
          insert.innerHTML = element.textContent;

          // 往上找两层,到达外层的<figure class="highlight">
          var outerFigure = element.parentElement.parentElement;
          if(outerFigure && outerFigure.tagName.toLowerCase() === 'figure') {
            // 用新的div替换外层的<figure>
            outerFigure.parentNode.replaceChild(insert, outerFigure);
            try {
              // 初始化Mermaid图表
              mermaid.init(undefined, insert);
            } catch (error) {
              console.error('Mermaid could not render the diagram', error);
            }
          }
        });
      }
    }
  });
</script>

希望增加功能

如题:
字号大小设置,默认字号和行距在2K台式机下阅读,太mini了;
首页希望增加带头像的个人信息展示栏,进入正文后,侧边栏有相关文章阅读推荐;
首页希望增加3D标签。
这款主题,作为个人日记记录,确实很小清新,没有商业气息,符号个人口味.

版本升级后markdown语法显示问题

2.6.0中使用markdown语法.phar会显示如下图方便显示
image
2.7后显示的格式如下图,只是字体变了,无法与正常的英文分开
image
希望下个版本能加回来或者能提供开关选项

阅读体验优化

  • 字体过小
  • 表格的排版实在太紧凑, 如果字数一多, 就必须用几个空行隔开上下两行有些麻烦
  • 标题不明显

希望可以有自定义字体大小的功能, 虽然可以通过 halo 后台的代码注入实现, 但比较麻烦

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.