tosi29 / inkblotty Goto Github PK

<pre>ブロック内のフォントをCSSで指定する。

githubでは、以下のようになっている。
font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;

独自のfaviconを導入できるようにする。

最低限

ブラウザのタブやお気に入りバーでfaviconが表示できるようにする。

可能なら

スマホのホーム画面にショートカットを置いたときに、faviconがアイコンになるようにする(App Icon対応)。

実現方法

head.htmlにfaviconに関する記述を追加する？

検討すべき事項

faviconファイルが存在しない場合の対策

When you load the page via a mobile device, the menu does not work as it should be.

See the example below...

You can go from / (Home) to About or Contact. But when you are in About or Contact, you cannot go back to Home.

[[menu.main]]
  identifier = "Home"
  name = "Home"
  url = "/"
  weight = 1

[[menu.main]]
  identifier = "about"
  name = "About"
  url = "/go/about"
  weight = 10

[[menu.main]]
  identifier = "contact"
  name = "Contact"
  url = "/go/contact"
  weight = 11

I just installed this theme on a default hugo installation and all of the posts were "gone".
Reading the exampleSite I realized the content should be in "post" folder not in "posts" like in the default.

I think it would be better if the default config would work with the default location.
How can I change that in the config / in the source?

I have seen a slight issue with the summery.html layouts/_default/summary.html file

"Read more " line 31

<a href="{{ .RelPermalink }}" class="more-link">Read more </a>

When hugo is generated with --minify option, it removes the space and the css code sits right next to it.

I have fixed that code by replacing the line without space.

<a href="{{ .RelPermalink }}" class="more-link">Read more</a>

and add the following to style.css

.more-link::after {
    font: 100%/1 awesome;
    content: '\f138';
    margin-left: 5px;
}

I have seen the theme is not correctly appending .html to tags and categories when

uglyurls = true

This happens on the sidebar and on the posts where ever the tags and categories are listed.

Hugoの目次生成コード{{- .Page.TableOfContents -}}を使って、記事に目次を
追加できるようにしようとしています。

自動的に記事に目次が追加されるようにすることもできますが、目次をつけたくない人も
いるかもしれないので、実装方法としては、HugoのCustom Shortcodeの仕組みを利用して、
記事の任意の箇所に

{{< toc >}}

を記述することで、目次が追加できるようにしようと考えています。

目次の表示イメージとしては、Wikipediaの目次から数字を消した感じにしようとしています。
表示/非表示切り替えは実装しません。

追加する予定のソースファイルは、次のようになると思います。
layouts/shortcodes/toc.html
layouts/static/css/toc.css

実装が完了したら、プルリクエストを出します。

inkblottyは以下のブログで活用させていただいてます。
https://blog.rkarsnk.jp/

GitHubのIssueに関して不慣れですが、Issue出させていただきます。

Hugoで生成したサイトのトップページにアクセスすると、図１のように、menuの下部にBlogのタイトルが表示されてしまいます。

試しに、inkblotty/layouts/index.html の

{{ define "main" }}
{{ $paginator := .Paginate ( where .Site.RegularPages "Type" "post" ) 10 }}
<main aria-role="main">
<!--
  <header class="homepage-header">
    <h1>{{.Title}}</h1>
    {{ with .Params.subtitle }}
    <span class="subtitle">{{.}}</span>
    {{ end }}
  </header>
-->
  <div class="homepage-content">

Wordpress のInkblotのテーマでもトップページでは図２のように表示されていますので、改修ご検討おねがいします。

上の修正で、他のページに大きな影響がないことは簡単に確認しましたが、Hugo テンプレートについて未だ勉強中ですので、Pull Requestを出すのはやめておきます・・・

```　``` で囲まれたコードブロックにGitHub風のsyntax highlightを適用するように、こちらで変更しました。

適用するsyntax.cssは以下のコマンドで生成しています。

hugo gen chromastyles --style=github > syntax.css

head.htmlで上記のsyntax.cssを読み込み、
config.tomlに以下の記述を追加することで、syntax highlightが適用されます。

pygmentsUseClasses = true
pygmentsCodefences = true

プルリクも出しますね。 #8

I have seen two issues with this theme running Hugo version 0.69.2 with UglyURL turned on.

The links on the Pagination at the bottom is homepage is showing as /page/1/ etc instead of /page/1.html

Also when it displays /page/1/ it is showing the wrong Title tag on the homepage. It is displaying the Title Tag as - title instead of title. Please note that you are calling title from config.toml

This issue seems to be intermittent so I had to run hugo server a few times to see this error generated.

It should be a Hugo issue but I want to make you aware of this problem.