Coder Social home page Coder Social logo

halo-dev / halo-theme-hshan Goto Github PK

View Code? Open in Web Editor NEW
195.0 6.0 53.0 14.81 MB

一款简洁但不简单的 Halo 主题,大道至简

Home Page: https://baozi.fun

FreeMarker 17.63% JavaScript 60.39% Less 17.18% CSS 4.71% TypeScript 0.09%
halo halo-theme-hshan javascript blog halo-theme

halo-theme-hshan's Introduction

Halo Theme Hshan

本主题由于被自己改的非常复杂了,所以后续版本在修改. 喜欢的小伙伴可以去支持

主题预览

主题预览

主题指南

预览地址

已实现功能

  • 日志页面
  • 文章目录且可配置
  • 友链页面
  • 页面标题可配置
  • 适配移动端
  • 搜索功能
  • 代码行号显示
  • 暗夜模式
  • 链接页面分组显示
  • 切换两个文章列表风格
  • 导航栏下拉菜单 只支持两级下拉菜单
  • 相册页面
  • Mermaid绘图的支持
  • 滚动条可配置
  • PJAX 异步加载,适配播放器(修复切换页面之后会重新加载播放列表)
  • 适配 halo 1.3.x
  • 集成 pjax
  • 随机文章封面图

更新日志

  • 2020-1-20 重构友链页面

  • 2020-1-25 归档和留言板页面优化, header部分重构优化, 目录功能优化, 添加搜索功能

  • 2020-1-28 优化目录和菜单样式

  • 2020-2-1 表格响应式, 文章摘要可配置, 一些已知的问题, 友情页面友链用户头像可配置

  • 2020-2-6 添加置顶标签, 代码行号, 文章图片居中

  • 2020-2-8 暗夜模式, 菜单顶部可加logo

  • 2020-2-15 修复一些已知问题

  • 2020-2-18 新增两个文章列表风格

  • 2020-2-22 导航栏下拉菜单 只支持两级下拉菜单

  • 2020-2-24 相册页面

  • 2020-2-29 Mermaid绘图的支持

  • 2020-3-6 滚动条可配置, ajax分页,文章页面图片高度可配置

  • 2020-3-21 修复添加播放器之后底部锚点不起作用的问题

  • 2020-3-25 集成 pjax ,适配 halo 1.3.x

    详细更新日志请点击

注意

由于Halo是使用后端渲染目录, 且如果在发布文章的时候在文章开头加上 [TOC] 会在文章页面开头有一个 ul 标签, 本主题使用前端渲染目录的时候, 会粗暴的去除文章开头的 ul 列表. 所以建议不要在文章最开头使用列表.

最新版本 1.4.0 及以上已经不适合 halo-1.2.x ,如果使用 halo-1.2.x 请使用 1.3.11

安装方法

  1. 克隆或者下载
  2. 压缩为 zip 压缩包之后在后台的主题设置直接上传即可使用。
  3. 用Halo的程序拉取 https://github.com/hshanx/halo-theme-hshan.git

感谢使用 Halo-theme-hshan 主题

halo-theme-hshan's People

Contributors

doddddza avatar ruibaby avatar xzhuz 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  avatar  avatar

halo-theme-hshan's Issues

关于音乐播放器的问题

播放器能否改成全局播放,现在点击文章跳转链接的话就会停止,并且需要重新点击播放。
不知道能弄成类似qq空间背景音乐那种的么?比如放进一个单独的iframe?

电脑端显示目录问题

请问一下作者,为什么我在文章页里面开启了目录选项,在浏览文章的时候还是没有目录呢?有的文章太长了没有个目录很难受,哈哈。或者是我还有哪里缺少了设置呢?请作者指正~

关于代码高亮风格

在主题设置中似乎没有代码高亮风格设置,默认风格如下图

image
默认风格感觉不太显眼,老哥后续会加入可选风格吗?

分页问题

我看现在的版本支持无刷新分页,但是地址栏并没有改变。所以会导致无法进行返回操作。

比如:

我点进去了一篇文章,返回之后又回到第一页了。

可以考虑局部 pjax。

https://github.com/MoOx/pjax

这个可以支持多个容器。

首页底部的返回顶端小箭头点击没反应

首页底部的返回顶端小箭头点击没反应,自己用主题编辑把 footer.ftl 第108行改成 href="#" 能返回顶部了,但是这样从顶部跳文章就不好使了......也不知道是不是只有我自己的有问题......

暗黑模式下 copyright 字体颜色不清晰 & mermaid 报错

刚刚更新了你深更半夜偷偷更新的版本,copyright那边字体不清晰
image
感觉此时 copyright 的字体应该换成白色比较合适,是不是博主忘改了这里。

另外浏览器控制台有报错,虽然没有影响到我的正常使用。
image

首页第一篇文章无法打开疑似bug

首页的第一篇文章打开,手机端提示下载,PC端直接自动下载。
1
其余文章正常打开无问题。但如果删除第一篇文章,页面第一篇文章依然无法打开,提示下载。麻烦确认是否bug问题。
2

分类目录层级

大佬好~很喜欢你哒主题!现在有个问题想让大佬帮忙解决,分类目录的问题:
就是比如说我菜单有个分类菜单,点开以后想展示比如A,B,C三个名称。
然后再点开A显示A1,A2,,,An;点开B显示B1,B2,,,Bn;点开C显示C1,C2,,,Cn。然后点开单个的分类名称,比如点B2就显示发布的分类为B2的文章。大概这个意思,希望大佬能理解。如果可以的话,希望尽快可以加上这个功能,感谢!

卡片格式的预览图显示错误

显示不了预览图,我暂时改成

<#if post.thumbnail?? && post.thumbnail!=''>
    <a  href="${context!}/archives/${post.url!}">
        <img src = ${post.thumbnail!''} class="thumb hover-effect">
    </a>

凑活可以用..

主题有bug哎

通过markdown写的字体加粗在文章当中不显示。
image

备案图标的设置

image
等了好久,备案终于下来了,求问老哥:你路径写好了,我怎么把图片放到那里呢?用winscp连上服务器,root里面没看到.halo的文件夹,只有一个halo的jar包,有点摸不着头脑,目前是直接上传附件,用http链接直接替换了你写的这个本地路径,搭建博客才刚接触的服务器,可能问题有点小白hh,见笑了

关于文章著作权及自动选择文章封面

我看到模板中有写到了:
image
不知道这个能不能做到配置选择,在发布文章自行选择是原创还是转载或者其他类型的
然后根据选择的文章类型不同来配置不同的选项等等。
类似于csdn的:
image

未设置文章封面

image
如果不设置文章的封面图片的话,会是这样黑黑的,能不能换成之前的那种彩色渐变?或者是找图片库随机设置?

请各位小伙伴反馈问题的时候贴上问题地址,方便排查问题!

请各位小伙伴反馈问题的时候贴上网址,方便排查问题,谢谢。

Please post your website when you feedback the problem, which is convenient for troubleshooting. Thanks。

谢谢支持该主题,如果大家有好的建议和什么问题请在issues中提出。博主会第一时间回复,并在最快的时间内修复。

大家也可以把自己的网页贴到此处,做一个展示!

文章页是否能新增行间距功能

编写一些文章时,偶尔需要加以大量文字做解释说明。往往5-6行,希望能在外观 => 主题 => 设置 => 文章页中,加上行间距设置的功能。

夜间模式失效

自定义了时间,之后都不能生效了,只能手动切换。

切换风格3之后 chrome显示有问题

很喜欢老哥开发的这个主题!

目前遇到几个小问题

1.开启了友链,但是么有显示
2.文章底部的share不是居中的 ,浏览器是chrome80, 换了Edge打开了一下,是正常的。。

3.切换风格3之后首页样式惨不忍睹

同样是chrome80有问题,Edge下也是正常的

一些小问题...

image
1:菜单LOGO 与 首页字距离的感觉好近。
2:翻页之后,还是展示首页的大图片,能不能直接跳转到文章列表那段...
image
image
3:设置GitHub名称并没有跳转到 github网站...是不是设置不正确

感谢能够创作出如此精美的主题,谢谢~

能不能加入pjax?

希望下个更新可以加入这个功能,对于添加了音乐播放器的博客来说是很好的

音乐播放器

我又来请教了大佬~ 想在博客里弄一个音乐播放器,类似Aplayer那种,不是专业做这个的实在不会弄,希望大佬可以弄一个,十分感谢!👍

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.