meik2333/github-style

github-style's Issues

代码块功能

能不能添加代码块的复制呀

Updated style according to latest Github?

Using Date instead of PublishedDate

I feel strange that PublishDate is used for both Created date (line 25 in post.html) and Updated date (line 47 in overview.html and lines 43 in posts.html).

One solution is to change the PublishedDate on line 25 of post.html to Date.

I hope you will consider this issue.
Thank you.

Request: separate the github "octocat" svg into an image file

I'd like to separate out the inline svg from header.html and footer.html, as a separate svg file, so it could be overridden.

Avatar Should be a little below in Mobile View

The author avatar feels too close to the header UI

Support png favicon

please support png favicon.

Multi language support

Maybe more a question than an issue: any way to have a multi languages support?

Thanks!

Adding Category,Tag page link

Hi,
Thank you for providing an awesome theme. I use it.

The menu bar in a header seems not to have a category, tag link that goes through to those pages.

That is my personal opinion.
If this layout has it, it will get more helpful for the user.
So, I'd like you to add those links if you agree with that opinion.

I hope you will consider my request. Thank you.

post中无法切换主题

Commit #84 给 switchTheme 添加了 iconElement.removeAttribute('fill'); 等代码，但是没有考虑到 post 中没有 github icon，此时 iconElement 为 null 并会导致异常。

data export error in README.md

my README.md:

# hello

result:

��#� �h�e�l�l�o� � �

Add link to Facebook page

Need to add a link to a Facebook page.

pjax刷新区域的选择。

作者大大，最近又在折腾博客，加了一些动态元素，但是每次跳转页面都会刷新，导致动画元素、或者后台歌曲重新加载。

后来无意中发现了pjax，经过一番折腾也实现了无刷新加载。

我的操作如下：

extended_head.html下引入

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.pjax/2.0.1/jquery.pjax.min.js"></script>

<script>
  $(document).pjax('a[target!=_blank]', '#pageContent', {fragment: '#pageContent'});
</script>

用<div id="pageContent"></div>包裹刷新区域，不想刷新的区域用了其他的内容划分。

但是奈何才疏学浅，刷新区域的选择还是有问题，导致某些应该正常加载的页面不加载了：

1.Overview下的Post activity、以及贡献图不加载了；

2.post页面下的目录失效，点击无反应；

3.gitalk不刷新。

想请教我的哪些思路出了问题，又或者作者大大能不能给出更好的方案。 感恩😋

在吗？python dubbo client你调用成功了没？

在吗？python dubbo client你调用成功了没？

Integrate algolia to replace Google search

https://www.algolia.com/ref/docsearch/

Highlights

I think you make a menu of Highlights. Just Like GitHub's.And You can write down some info on it,right?

Just like Arctic Code Vault Contributor menu

contribution not properly displayed for past years

see in the picture for posts in the previous years.

mobile view

Hallo again. Navigating with iphone I noted the following:

• the title of the graph report is "2020" (label) but the datas are the one of 2021 (I suppose)
• is it possible to add the Organizations links (FB, linkedin, etc.) also to the mobile view?
  Thank you and kind regards.

Created/Updated date

When creating or updating an article, the theme counts the hours from 00:00 and therefore an article created at 9:00 am will have been created at 9:00 am and not at the time of creation.

It's not quite the same problem as in this issue #16 , but I guess it's also here that there's something to change.

请问如何在文内添加图片

本来的博客图片是

<p align='center'>
    <img src='../../images/20190105162604.jpg'>
</p>

现更换主题后，图片失效了，不知道该主题，该如何使用图片路径呢？

Gitalk适配教程。（安装Gitalk填坑记录😥）

我纯小白一个，没学过编程，用了作者大大的主题很喜欢，也非常感谢作者。
在使用过程中，想添加gitalk评论功能，奈何无法完全与主题适配，我的操作如下：
1.增加了gitalk.html，

{{ if .Site.Params.enableGitalk }}
<div id="gitalk-container"></div>
<link rel="stylesheet" href="/gitalk/gitalk.css">
<script src="/gitalk/gitalk.min.js"></script>
<script>
  const gitalk = new Gitalk({
    clientID: '{{ .Site.Params.Gitalk.clientID }}',
    clientSecret: '{{ .Site.Params.Gitalk.clientSecret }}',
    repo: '{{ .Site.Params.Gitalk.repo }}',
    owner: '{{ .Site.Params.Gitalk.owner }}',
    admin: ['{{ .Site.Params.Gitalk.owner }}'],
    proxy: '{{ .Site.Params.gitalk.proxy }}',
    id: location.pathname, // Ensure uniqueness and length less than 50
    distractionFreeMode: false // Facebook-like distraction free mode
  });
  (function() {
    if (["localhost", "127.0.0.1"].indexOf(window.location.hostname) != -1) {
      document.getElementById('gitalk-container').innerHTML = 'Gitalk comments not available by default when the website is previewed locally.';
      return;
    }
    gitalk.render('gitalk-container');
  })();
</script>
{{ end }} 

2.single.html添加

{{ partial "gitalk.html" . }}

3.如1，我把gitalk.css，gitalk.min.js放在了本地加载。
4.在config.toml中按照1添加了以下

[params.gitalk]
    clientID = "84d6~~~~~~~f9e7b"
    clientSecret = "e45ce541510~~~~~a61d0d46761f3"
    repo = "LuvSia"
    owner = "ventusoon"
    admin = "ventusoon"
    id = "location.pathname"
    labels = "gitalk"
    perPage = 15 
    pagerDirection = "last" 
    createIssueManually = true
    distractionFreeMode = false     
    proxy = "https://cors-any~~~~~~uth/access_token"

以上，成功在我的博客上运行了gitalk。

discuss: post中的toc部分是否应该换个位置。

如题，github中的toc部分不是很明显，是否应该将其固定在页面的一个部分，点击可以隐藏

Posts page not working

Hello,

not quite sure if I need some extra configuration for the "Posts" page - if I don't have a content/posts.md I get a 404 if I access the page, if I have a page and have layout:"posts" on it I just get an empty post.

Feature Request: Table of Contents

Hi!

First of all, thank you for all your work on this. It's so damn cool.

Secondly, would it be hard to support a "Table of Contents" like so:

?

I don't mind implementing it but since I've not used Hugo before, I don't know whether this is even possible to do(?)

Some Modification of Paramters in Post.html

As we may know of github displays the github username instead of the name of ourselves in repository.
So I was wondering what if we change following
<a href="{{ .Site.BaseURL }}">{{ .Site.Params.author }}</a> (lineno 19, post.html)

to

<a href="{{ .Site.BaseURL }}">{{ .Site.Params.github }}</a>

Thank you

页尾如何设置？

您好，我是一个新手。
我特别喜欢这个风格，有种以假乱真的感觉，特帅！
在国内，所有的网站都需要备案，并且要在页面底部显示备案号并且要能够跳转到工信部的网站。
我不晓得，这应该如何设置，我应该怎么做？

Trying to use the Posts layout

Hi, I am trying to get the Posts page configured just as in the example! Do you have any advice on how to do this? Thanks very much!

Sorry,Highlight again!

Look at this one:

#62 (comment)

I close it……So you can give me some report in this issue.

本地部署后用顶部栏的搜索，跳转到谷歌去了，我想在我本地或者本站点进行搜索

麻烦这个问题要怎么修改呢？多谢多谢

Test code

Hello!

It would be helpful if you could publish the test site over at the hugo.io themes page. I'm still new to hugo and don't quite know how to get my repository list set up.

Thanks!

update framework and github-bootstrap.js

I am trying to fix #25, which most likely caused by not having hours and minutes for the code below

github-style/layouts/partials/overview.html

Lines 49 to 51 in d7c1c37

	Updated <relative-time datetime="{{ .PublishDate.Format "2006-01-02" }}"
	class="no-wrap" title="Modify at {{ .Lastmod.Format "2006/01/02" }}">
	{{ .PublishDate.Format "January 2, 2006" }}</relative-time>

I am trying to switch the <relative-time> to <time-ago>, and use the date format "2024-04-01T16:30:00-08:00". However, this is not supported. I guess that's due to the version of framework/github-bootstrap is old? But I can't seem to figure out how to update these two files. Any suggestions?

Adding a simple search function

What do you think about implementing something of these examples?
I have created a pr that gives simple tag's function on posts

https://gohugo.io/tools/search/

Feature request: allow logo change.

Dear @MeiK2333

Is it possible to allow uploading an SVG to replace the GitHub logo in 404 and the main header?

Cheers.

Activate Dark mode ?

Hello,
Sorry but ...,I don't understand how to activate the DarkMode, I added disableDarkMode = false in [params], but nothing changes.

能够支持标签分栏的功能吗

我想将文章打上不同的标签能够在不同的标签目录下展示要怎么做呢

it doesn't work in chrome or firfox

Thanks for your theme!
I find some problems with web-security.
Chrome will intercept and prompt a message "loaded unsafe script".

hi, if i want to support the giscus

How should I change it or other ways?

fix 404 page in dark mode

目前 404 页面在夜间模式下是异常显示的：

修复后：

PR: #90

Request feature

allow this site to use netlify and also add favicon it would be really helpful
also there is a problem of profile picture in other pages

Fatal error when installing theme

After typing in the below command,
C:\Users\frede\Downloads\notepadium>git submodule add https://github.com/MeiK2333/github-style.git
I get this:
fatal: not a git repository (or any of the parent directories): .git

I am following the README.md documentation from this repository word-for-word. Is this a bug? I do not encounter this error when installing other themes. My OS is Windows11.

Request for Dark Mode

I really like this theme and have been applied for my personal site, are you considering to implement dark mode?

一些小建议

首先感谢作者的主题 新的版本希望多一些自定义配置 现版本主题自定义程度太差 很难扩展

可以尝试引入css icons图标库 支持自定义图标

加入自定义Tab 支持用户自定义菜单设置

某些模块添加开关提到config.toml中

创建一些自定义文件支持用户自定义例如custom.css支持用户自定义css custom.js支持用户自定义js

支持用户添加cdn

Having trouble with rendering images

Hi I am having trouble with displaying the image to the posts I have been working on.

I belive it should work with folllowing code : <img src="/images/{subdriecory}/{file name}.png">

However, it does not show any images I put on the screen is there anything that I am missing?

Thank you

Multilingual support

I'm trying to convert my blog into multilingual but I can't. I create a new navbar button for language but when I am in /en for example the posts navbar button has the same href "/posts" instead of "/en/posts"

Image in summary as cover did not crop properly

Cover image below may not display properly.

---
title: test
---
![image](picture path)
<!--more-->
content blah blahblah blahblah blah

Images/avatar.png is fixed when linked from the avatar on the top page

When I put avatar = "imagefile.ext" in config.toml it will be reflected on the top page.
but the link destination is not reflected, and Images/avatar.png is displayed.
(It's a MeiK icon if I don't have it)

Missing scope in footer.html

Hi,

love your theme.

I noticed an issue - in footer.html there is a missing scope in the partial function invocation - at line 27:

{{ partial "script.html" }}

should be:

{{ partial "script.html" . }}

Thanks,

J.K.

Demo Link?

Where is demo link?

Request feature - other social networks and generic link

Hi, I like your template, thank you to share it. I kindly ask you if you're planning to add also linkedin, telegram and also a generic icon to link to something else (pdf file or other site). Thank you.

Add comments via giscus

Hey, this theme looks cool, thanks for developing it!

Have you thought about adding support for comments? If not, maybe you could add giscus (a project that I made) to this theme. I think it will complement your theme very well, because it also matches GitHub's design for Discussions.

Pinned?

Is there a way to select a post to be pinned in front?