mirror of
https://github.com/nunocoracao/blowfish.git
synced 2025-02-02 03:22:33 -06:00
Merge pull request #1361 from Lemon73-Computing/translations-v1
🎏 Added: Japanese translation (`authors/**` and `samples/**`)
This commit is contained in:
Nuno Coração
GitHub
commit
7417b6ca2c
15 changed files with 203 additions and 202 deletions
|
|
@ -14,7 +14,7 @@ description: "このページは Hugo の Blowfish テーマを利用して構
|
|||
id="switch-layout-button"
|
||||
class="px-4 !text-neutral !no-underline rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
|
||||
>
|
||||
レイアウトを変更する ↻
|
||||
レイアウトを変更する↻
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,4 +2,4 @@
|
|||
title: "Nuno Coração"
|
||||
---
|
||||
|
||||
Nuno's awesome dummy bio.
|
||||
Nuno の素晴らしいダミープロフィールです。
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
title: "Dummy Second Author"
|
||||
title: "2人目のダミー作者"
|
||||
---
|
||||
|
||||
Dummy Second Author's awesome dummy bio.
|
||||
2人目のダミー作者の素晴らしいダミープロフィールです。
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
title: "Samples"
|
||||
description: "See what's possible with Blowfish."
|
||||
title: "サンプル"
|
||||
description: "Blowfish で何ができるのか閲覧する。"
|
||||
|
||||
cascade:
|
||||
showEdit: false
|
||||
|
|
@ -9,11 +9,11 @@ cascade:
|
|||
---
|
||||
|
||||
{{< lead >}}
|
||||
Blowfish brings your content to life. :heart_eyes:
|
||||
Blowfish はあなたのコンテンツに命を宿します。:heart_eyes:
|
||||
{{< /lead >}}
|
||||
|
||||
This section contains some demo pages that show how Blowfish renders different types of content. You can also see an example [taxonomy listing]({{< ref "tags" >}}) page.
|
||||
このセクションは、 Blowfish で様々な種類のコンテンツをどのように表示するのかを紹介するデモページを含みます。例としては[分類一覧]({{< ref "tags" >}})ページも参考になります。
|
||||
|
||||
_**Sidenote:** This page is just a standard Blowfish article listing and Hugo has been configured to generate a `samples` content type and display article summaries._
|
||||
_**サイドノート:** このページは一般的な Blowfish のリストで、 Hugo が生成した `samples` コンテンツタイプと記事の要約を表示する様に設定しています。_
|
||||
|
||||
---
|
||||
|
|
|
|||
|
|
@ -1,28 +1,28 @@
|
|||
---
|
||||
title: "Charts"
|
||||
title: "図表"
|
||||
date: 2019-03-06
|
||||
description: "Guide to Chart.js usage in Blowfish"
|
||||
summary: "Blowfish includes Chart.js for powerful charts and data visualisations."
|
||||
description: "Blowfish での Chart.js の利用方法のガイド"
|
||||
summary: "Blowfish は強力な図表とデータの視覚化のために Chart.js を内蔵しています。"
|
||||
tags: ["chart", "sample", "graph", "shortcodes"]
|
||||
showDate: false
|
||||
type: 'sample'
|
||||
---
|
||||
|
||||
Blowfish includes support for Chart.js using the `chart` shortcode. Simply wrap the chart markup within the shortcode. Blowfish automatically themes charts to match the configured `colorScheme` parameter, however the colours can be customised using normal Chart.js syntax.
|
||||
Blowfish は Chart.js の `chart` ショートコードを内蔵し、利用をサポートしています。ショートコードでグラフのマークアップを囲むだけです。 Blowfish は `colorScheme` パラメータで自動的にグラフのテーマが適応されますが、通常の Chart.js 構文を利用して色をカスタマイズすることも可能です。
|
||||
|
||||
Refer to the [chart shortcode]({{< ref "docs/shortcodes#chart" >}}) docs for more details.
|
||||
[グラフのショートコード]({{< ref "docs/shortcodes#chart" >}})資料で更に詳細を参照出来ます。
|
||||
|
||||
The examples below are a small selection taken from the [official Chart.js docs](https://www.chartjs.org/docs/latest/samples). You can also [view the page source](https://raw.githubusercontent.com/nunocoracao/blowfish/main/exampleSite/content/samples/charts/index.md) on GitHub to see the markup.
|
||||
以下は [Chart.js 公式資料](https://www.chartjs.org/docs/latest/samples)から抜粋した例です。 GitHub でマークアップを[ページソースで見る](https://raw.githubusercontent.com/nunocoracao/blowfish/main/exampleSite/content/samples/charts/index.md)ことができます。
|
||||
|
||||
## Bar chart
|
||||
## 棒グラフ
|
||||
|
||||
<!-- prettier-ignore-start -->
|
||||
{{< chart >}}
|
||||
type: 'bar',
|
||||
data: {
|
||||
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
|
||||
labels: ['1月', '2月', '3月', '4月', '5月', '6月', '7月'],
|
||||
datasets: [{
|
||||
label: 'My First Dataset',
|
||||
label: '初めてのデータセット',
|
||||
data: [65, 59, 80, 81, 56, 55, 40],
|
||||
backgroundColor: [
|
||||
'rgba(255, 99, 132, 0.2)',
|
||||
|
|
@ -48,15 +48,15 @@ data: {
|
|||
{{< /chart >}}
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
## Line chart
|
||||
## 折れ線グラフ
|
||||
|
||||
<!-- prettier-ignore-start -->
|
||||
{{< chart >}}
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
|
||||
labels: ['1月', '2月', '3月', '4月', '5月', '6月', '7月'],
|
||||
datasets: [{
|
||||
label: 'My First Dataset',
|
||||
label: '初めてのデータセット',
|
||||
data: [65, 59, 80, 81, 56, 55, 40],
|
||||
tension: 0.2
|
||||
}]
|
||||
|
|
@ -64,15 +64,15 @@ data: {
|
|||
{{< /chart >}}
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
## Doughnut chart
|
||||
## 円グラフ
|
||||
|
||||
<!-- prettier-ignore-start -->
|
||||
{{< chart >}}
|
||||
type: 'doughnut',
|
||||
data: {
|
||||
labels: ['Red', 'Blue', 'Yellow'],
|
||||
labels: ['赤色', '青色', '黄色'],
|
||||
datasets: [{
|
||||
label: 'My First Dataset',
|
||||
label: '初めてのデータセット',
|
||||
data: [300, 50, 100],
|
||||
backgroundColor: [
|
||||
'rgba(255, 99, 132, 0.7)',
|
||||
|
|
|
|||
|
|
@ -1,30 +1,30 @@
|
|||
---
|
||||
title: "Diagrams and Flowcharts"
|
||||
title: "ダイアグラムとフローチャート"
|
||||
date: 2019-03-06
|
||||
description: "Guide to Mermaid usage in Blowfish"
|
||||
summary: "It's easy to add diagrams and flowcharts to articles using Mermaid."
|
||||
description: "Blowfish での Mermaid の利用方法についてのガイド"
|
||||
summary: "Mermaid を利用して簡単に図やフローチャートを記事に追加する方法。"
|
||||
tags: ["mermaid", "sample", "diagram", "shortcodes"]
|
||||
type: 'sample'
|
||||
---
|
||||
|
||||
Mermaid diagrams are supported in Blowfish using the `mermaid` shortcode. Simply wrap the diagram markup within the shortcode. Blowfish automatically themes Mermaid diagrams to match the configured `colorScheme` parameter.
|
||||
Mermaid 図は `mermaid` ショートコードを使うことで Blowfish でサポートされています。ダイヤグラムのマークアップをショートコードを囲むだけです。 Blowfish は設定された `colorScheme` パラメータに合うように自動T系に Mermaid ダイヤグラムをテーマ化します。
|
||||
|
||||
Refer to the [mermaid shortcode]({{< ref "docs/shortcodes#mermaid" >}}) docs for more details.
|
||||
[mermaid ショートコード]({{< ref "docs/shortcodes#mermaid" >}})資料にてより詳細を参照できます。
|
||||
|
||||
The examples below are a small selection taken from the [official Mermaid docs](https://mermaid-js.github.io/mermaid/). You can also [view the page source](https://raw.githubusercontent.com/nunocoracao/blowfish/main/exampleSite/content/samples/diagrams-flowcharts/index.md) on GitHub to see the markup.
|
||||
以下の例は [Mermaid 公式資料](https://mermaid-js.github.io/mermaid/)から抜粋した一分です。GitHub の[ページソース](https://raw.githubusercontent.com/nunocoracao/blowfish/main/exampleSite/content/samples/diagrams-flowcharts/index.md)でマークアップを確認することができます。
|
||||
|
||||
## Flowchart
|
||||
## フローチャート
|
||||
|
||||
<div style="background-color:white; padding: 20px">
|
||||
{{< mermaid >}}
|
||||
graph TD
|
||||
A[Christmas] -->|Get money| B(Go shopping)
|
||||
B --> C{Let me think}
|
||||
B --> G[/Another/]
|
||||
C ==>|One| D[Laptop]
|
||||
C -->|Two| E[iPhone]
|
||||
C -->|Three| F[Car]
|
||||
subgraph Section
|
||||
A[クリスマス] -->|収入| B(買い物にいく)
|
||||
B --> C{考える}
|
||||
B --> G[/他/]
|
||||
C ==>|1| D[ノートパソコン]
|
||||
C -->|2| E[iPhone]
|
||||
C -->|3| F[車]
|
||||
subgraph セクション
|
||||
C
|
||||
D
|
||||
E
|
||||
|
|
@ -34,29 +34,29 @@ end
|
|||
{{< /mermaid >}}
|
||||
</div>
|
||||
|
||||
## Sequence diagram
|
||||
## 順序図
|
||||
|
||||
<div style="background-color:white; padding: 20px">
|
||||
{{< mermaid >}}
|
||||
sequenceDiagram
|
||||
autonumber
|
||||
par Action 1
|
||||
Alice->>John: Hello John, how are you?
|
||||
and Action 2
|
||||
Alice->>Bob: Hello Bob, how are you?
|
||||
par 行動 1
|
||||
アリス->>ジョン: こんにちはジョン、お元気ですか?
|
||||
and 行動 2
|
||||
アリス->>ボブ: こんにちはボブ、お元気ですか?
|
||||
end
|
||||
Alice->>+John: Hello John, how are you?
|
||||
Alice->>+John: John, can you hear me?
|
||||
John-->>-Alice: Hi Alice, I can hear you!
|
||||
Note right of John: John is perceptive
|
||||
John-->>-Alice: I feel great!
|
||||
loop Every minute
|
||||
John-->Alice: Great!
|
||||
アリス->>+ジョン: こんにちはジョン、お元気ですか?
|
||||
アリス->>+ジョン: ジョン、聞こえていますか?
|
||||
ジョン-->>-アリス: こんにちはアリス、聞こえています!
|
||||
Note right of ジョン: ジョンは察しがよい
|
||||
ジョン-->>-アリス: とても気分がいいです!
|
||||
loop 毎分
|
||||
ジョン-->アリス: すばらしい!
|
||||
end
|
||||
{{< /mermaid >}}
|
||||
</div>
|
||||
|
||||
## Class diagram
|
||||
## クラス図
|
||||
|
||||
<div style="background-color:white; padding: 20px">
|
||||
{{< mermaid >}}
|
||||
|
|
@ -84,7 +84,7 @@ class Zebra{
|
|||
{{< /mermaid >}}
|
||||
</div>
|
||||
|
||||
## Entity relationship diagram
|
||||
## 主従関係図
|
||||
|
||||
<div style="background-color:white; padding: 20px">
|
||||
{{< mermaid >}}
|
||||
|
|
|
|||
|
|
@ -1,20 +1,20 @@
|
|||
---
|
||||
title: "Emoji :parachute:"
|
||||
title: "絵文字 :parachute:"
|
||||
date: 2019-03-05
|
||||
description: "Guide to Emoji usage in Blowfish"
|
||||
description: "Blowfihs での絵文字の利用方法についてのガイド"
|
||||
summary: "📖🏞️🧗🏽🐉🧙🏽♂️🧚🏽👸"
|
||||
tags: ["emoji", "sample"]
|
||||
type: 'sample'
|
||||
---
|
||||
|
||||
Emoji is supported throughout Blowfish by default. Emoji can be used in titles, menu items and article content.
|
||||
絵文字は Blowfish を通してデフォルトでサポートされています。絵文字はタイトル、メニューアイテム、そして記事のコンテンツで利用可能です。
|
||||
|
||||
{{< alert >}}
|
||||
**Note:** The rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack.
|
||||
**ノート:** これらの図形のレンダリングはブラウザとプラットフォームに依存します。絵文字をスタイルするには、サードパーティ製の絵文字フォントを利用するか、フォントスタックを利用します。
|
||||
{{< /alert >}}
|
||||
|
||||
Emoji replacements are automatic throughout Blowfish, so you can use shorthand codes in your content and front matter and they will be converted to their corresponding symbols at build time.
|
||||
絵文字の置換は Blowfish 全体を通して自動的に行われるため、コンテンツや表で省略符号を利用しても、ビルド時に対応する記号に変換されます。
|
||||
|
||||
**Example:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:.
|
||||
**例:** `see_no_evil` :see_no_evil:, `hear_no_evil` :hear_no_evil:, `speak_no_evil` :speak_no_evil:
|
||||
|
||||
The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes.
|
||||
[絵文字チートシート](http://www.emoji-cheat-sheet.com/)は絵文字ショートハンドコードのための便利な参照ページです。
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
---
|
||||
title: "An External Article"
|
||||
title: "外部の記事"
|
||||
date: 2019-01-24
|
||||
externalUrl: "https://nunocoracao.com/projects/"
|
||||
summary: "The `externalUrl` front matter parameter can link to any URL."
|
||||
summary: "`externalUrl` 表示は任意の URL にリンクすることができます。"
|
||||
showReadingTime: true
|
||||
_build:
|
||||
render: "false"
|
||||
|
|
@ -10,6 +10,6 @@ _build:
|
|||
type: 'sample'
|
||||
---
|
||||
|
||||
This page uses the `externalUrl` front matter parameter to link to an article outside of this Hugo website.
|
||||
このページは、 `externalUrl` 表示パラメータを利用して、この Hugo ウェブサイト外の記事とリンクしています。
|
||||
|
||||
It's great for things like linking to posts on Medium or to research papers you may have hosted on third party websites.
|
||||
Medium の投稿へのリンクや、サードパーティのウェブサイトでホストしている研究論文へのリンクなどに最適です。
|
||||
|
|
|
|||
|
|
@ -1,114 +1,114 @@
|
|||
---
|
||||
title: "Icons"
|
||||
title: "アイコン"
|
||||
date: 2020-08-14
|
||||
lastmod: 2022-03-09
|
||||
draft: false
|
||||
description: "Icon support in Blowfish."
|
||||
description: "Blowfish でサポートしているアイコン。"
|
||||
slug: "icons"
|
||||
tags: ["icons", "sample", "shortcodes"]
|
||||
type: 'sample'
|
||||
---
|
||||
|
||||
Blowfish has built-in support for a number of [FontAwesome 6](https://fontawesome.com/icons) icons. These can be included in your website through either the [icon partial]({{< ref "docs/partials#icon" >}}) or [icon shortcode]({{< ref "docs/shortcodes#icon" >}}).
|
||||
Blowfish はいくつもの [FontAwesome 6](https://fontawesome.com/icons) のアイコンを組み込み、サポートしています。これらは[アイコンパーシャル]({{< ref "docs/partials#icon" >}})または[アイコンショートコード]({{< ref "docs/shortcodes#icon" >}})のどちらかを利用してウェブサイトに含めることが出来ます。
|
||||
|
||||
Additionally, custom icons are also fully supported. Simply provide your own SVG icon assets by placing them in the `assets/icons/` directory in the root of your project. Any icons in the icons directory will then be available to use throughout the theme. In order achieve automatic color filling every SVG path needs fill="currentColor" XML attribute.
|
||||
加えて、カスタムアイコンも完全にサポートされています。プロジェクトのルートにある `assets/icons/` ディレクトリーに SVG アイコンアセットを置くだけです。アイコンディレクトリ内のアイコンはテーマ全体で利用可能になります。自動的に色を塗りつぶすために、全ての SVG パスは fill="currentColor" の XML 属性が必要です。
|
||||
|
||||
The full list of built-in icons and their corresponding names can referenced below.
|
||||
組み込んでいるアイコンと対応する名称の全リストは以下を参照してください。
|
||||
|
||||
| Icon name | Preview |
|
||||
| アイコン名 | プレビュー |
|
||||
| -------------------- | --------------------------------- |
|
||||
| amazon | {{< icon amazon >}} |
|
||||
| apple | {{< icon apple >}} |
|
||||
| bars | {{< icon bars >}} |
|
||||
| bell | {{< icon bell >}} |
|
||||
| バー | {{< icon bars >}} |
|
||||
| ベル | {{< icon bell >}} |
|
||||
| blogger | {{< icon blogger >}} |
|
||||
| bluesky | {{< icon bluesky >}} |
|
||||
| bomb | {{< icon bomb >}} |
|
||||
| bug | {{< icon bug >}} |
|
||||
| check | {{< icon check >}} |
|
||||
| circle-info | {{< icon circle-info >}} |
|
||||
| code | {{< icon code>}} |
|
||||
| ボム | {{< icon bomb >}} |
|
||||
| バグ | {{< icon bug >}} |
|
||||
| チェック | {{< icon check >}} |
|
||||
| 情報 (円) | {{< icon circle-info >}} |
|
||||
| コード | {{< icon code>}} |
|
||||
| codepen | {{< icon codepen >}} |
|
||||
| comment | {{< icon comment >}} |
|
||||
| コメント | {{< icon comment >}} |
|
||||
| dev | {{< icon dev >}} |
|
||||
| discourse | {{< icon discourse >}} |
|
||||
| docker | {{< icon docker >}} |
|
||||
| download | {{< icon download >}} |
|
||||
| ダウンロード | {{< icon download >}} |
|
||||
| dribbble | {{< icon dribbble >}} |
|
||||
| edit | {{< icon edit >}} |
|
||||
| email | {{< icon email >}} |
|
||||
| envelope | {{< icon envelope >}} |
|
||||
| expand | {{< icon expand >}} |
|
||||
| eye | {{< icon eye >}} |
|
||||
| 編集 | {{< icon edit >}} |
|
||||
| メール | {{< icon email >}} |
|
||||
| 封筒 | {{< icon envelope >}} |
|
||||
| 拡大 | {{< icon expand >}} |
|
||||
| 目 | {{< icon eye >}} |
|
||||
| facebook | {{< icon facebook >}} |
|
||||
| fire | {{< icon fire >}} |
|
||||
| 炎 | {{< icon fire >}} |
|
||||
| flickr | {{< icon flickr >}} |
|
||||
| fork | {{< icon fork >}} |
|
||||
| foursquare | {{< icon foursquare >}} |
|
||||
| ghost | {{< icon ghost >}} |
|
||||
| 幽霊 | {{< icon ghost >}} |
|
||||
| github | {{< icon github >}} |
|
||||
| gitlab | {{< icon gitlab >}} |
|
||||
| globe | {{< icon globe >}} |
|
||||
| 地球 | {{< icon globe >}} |
|
||||
| goodreads | {{< icon goodreads >}} |
|
||||
| google | {{< icon google >}} |
|
||||
| graduation-cap | {{< icon graduation-cap >}} |
|
||||
| 卒業帽 | {{< icon graduation-cap >}} |
|
||||
| hackernews | {{< icon hackernews >}} |
|
||||
| hashnode | {{< icon hashnode >}} |
|
||||
| heart-empty | {{< icon heart-empty >}} |
|
||||
| heart | {{< icon heart >}} |
|
||||
| image | {{< icon image >}} |
|
||||
| ハート (空) | {{< icon heart-empty >}} |
|
||||
| ハート | {{< icon heart >}} |
|
||||
| 画像 | {{< icon image >}} |
|
||||
| instagram | {{< icon instagram >}} |
|
||||
| keybase | {{< icon keybase >}} |
|
||||
| kickstarter | {{< icon kickstarter >}} |
|
||||
| ko-fi | {{< icon ko-fi >}} |
|
||||
| language | {{< icon language >}} |
|
||||
| 言語 | {{< icon language >}} |
|
||||
| lastfm | {{< icon lastfm >}} |
|
||||
| lightbulb | {{< icon lightbulb >}} |
|
||||
| link | {{< icon link >}} |
|
||||
| ひらめき | {{< icon lightbulb >}} |
|
||||
| リンク | {{< icon link >}} |
|
||||
| linkedin | {{< icon linkedin >}} |
|
||||
| list | {{< icon list >}} |
|
||||
| location-dot | {{< icon location-dot >}} |
|
||||
| lock | {{< icon lock >}} |
|
||||
| リスト | {{< icon list >}} |
|
||||
| 地図のピン | {{< icon location-dot >}} |
|
||||
| ロック | {{< icon lock >}} |
|
||||
| mastodon | {{< icon mastodon >}} |
|
||||
| medium | {{< icon medium >}} |
|
||||
| microsoft | {{< icon microsoft >}} |
|
||||
| moon | {{< icon moon >}} |
|
||||
| mug-hot | {{< icon mug-hot >}} |
|
||||
| music | {{< icon music >}} |
|
||||
| 月 | {{< icon moon >}} |
|
||||
| ホットマグカップ | {{< icon mug-hot >}} |
|
||||
| 音楽 | {{< icon music >}} |
|
||||
| orcid | {{< icon orcid >}} |
|
||||
| patreon | {{< icon patreon >}} |
|
||||
| paypal | {{< icon paypal >}} |
|
||||
| pencil | {{< icon pencil >}} |
|
||||
| pgpkey | {{< icon pgpkey >}} |
|
||||
| phone | {{< icon phone >}} |
|
||||
| 鉛筆 | {{< icon pencil >}} |
|
||||
| pgp キー | {{< icon pgpkey >}} |
|
||||
| 電話 | {{< icon phone >}} |
|
||||
| pinterest | {{< icon pinterest >}} |
|
||||
| poo | {{< icon poo >}} |
|
||||
| うんち | {{< icon poo >}} |
|
||||
| reddit | {{< icon reddit >}} |
|
||||
| researchgate | {{< icon researchgate >}} |
|
||||
| rss | {{< icon rss >}} |
|
||||
| rss-square | {{< icon rss-square >}} |
|
||||
| scale-balanced | {{< icon scale-balanced >}} |
|
||||
| search | {{< icon search >}} |
|
||||
| shield | {{< icon shield >}} |
|
||||
| skull-crossbones | {{< icon skull-crossbones >}} |
|
||||
| rss (四角) | {{< icon rss-square >}} |
|
||||
| 天秤 | {{< icon scale-balanced >}} |
|
||||
| 検索 | {{< icon search >}} |
|
||||
| 盾 | {{< icon shield >}} |
|
||||
| ドクロ | {{< icon skull-crossbones >}} |
|
||||
| slack | {{< icon slack >}} |
|
||||
| snapchat | {{< icon snapchat >}} |
|
||||
| soundcloud | {{< icon soundcloud >}} |
|
||||
| stack-overflow | {{< icon stack-overflow >}} |
|
||||
| star | {{< icon star >}} |
|
||||
| 星 | {{< icon star >}} |
|
||||
| steam | {{< icon steam >}} |
|
||||
| stripe | {{< icon stripe >}} |
|
||||
| substack | {{< icon substack >}} |
|
||||
| sun | {{< icon sun >}} |
|
||||
| tag | {{< icon tag >}} |
|
||||
| 太陽 | {{< icon sun >}} |
|
||||
| タグ | {{< icon tag >}} |
|
||||
| telegram | {{< icon telegram >}} |
|
||||
| threads | {{< icon threads >}} |
|
||||
| tiktok | {{< icon tiktok >}} |
|
||||
| triangle-exclamation | {{< icon triangle-exclamation >}} |
|
||||
| 警告 (三角) | {{< icon triangle-exclamation >}} |
|
||||
| tumblr | {{< icon tumblr >}} |
|
||||
| twitch | {{< icon twitch >}} |
|
||||
| twitter | {{< icon twitter >}} |
|
||||
| wand-magic-sparkles | {{< icon wand-magic-sparkles >}} |
|
||||
| 輝く魔法の杖 | {{< icon wand-magic-sparkles >}} |
|
||||
| whatsapp | {{< icon whatsapp >}} |
|
||||
| x-twitter | {{< icon x-twitter >}} |
|
||||
| xing | {{< icon xing >}} |
|
||||
|
|
|
|||
|
|
@ -1,18 +1,18 @@
|
|||
---
|
||||
title: "Markdown"
|
||||
date: 2019-03-11
|
||||
description: "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
|
||||
description: "基本的な Markdown 構文と HTML 要素のフォーマットを紹介するサンプル記事です。"
|
||||
tags: ["markdown", "css", "html", "sample"]
|
||||
type: 'sample'
|
||||
---
|
||||
|
||||
This article offers a sample of basic Markdown formatting that can be used in Blowfish, also it shows how some basic HTML elements are decorated.
|
||||
この記事は Blowfish を利用した基本的な Markdown フォーマットのサンプルを提供し、また基本的な HTML 要素がどのように装飾できるのかを示しています。
|
||||
|
||||
<!--more-->
|
||||
|
||||
## Headings
|
||||
## 見出し
|
||||
|
||||
The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
|
||||
こちらは HTML の `<h1>`—`<h6>` 要素に相当する6種類の見出しを使用できます。 `<h1>` が最大の見出しで、 `<h6>` に近づくほど小さくなっていきます。
|
||||
|
||||
# H1
|
||||
|
||||
|
|
@ -26,121 +26,121 @@ The following HTML `<h1>`—`<h6>` elements represent six levels of section head
|
|||
|
||||
###### H6
|
||||
|
||||
## Paragraph
|
||||
## 段落
|
||||
|
||||
Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
|
||||
|
||||
Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
|
||||
|
||||
## Blockquotes
|
||||
## ブロック引用
|
||||
|
||||
The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
|
||||
ブロック引用要素は、他の情報元から引用された内容を表します。 `footer` または `cite` 要素を使った引用や、注釈や省略形などの変更を伴うことも可能です。
|
||||
|
||||
### Blockquote without attribution
|
||||
### 出典なしのブロック引用
|
||||
|
||||
> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
|
||||
> **Note** that you can use _Markdown syntax_ within a blockquote.
|
||||
> **ノート** ブロック構文では、 _Markdown 構文_ を利用可能です。
|
||||
|
||||
### Blockquote with attribution
|
||||
### 出典ありのブロック引用
|
||||
|
||||
> Don't communicate by sharing memory, share memory by communicating.<br>
|
||||
> — <cite>Rob Pike[^1]</cite>
|
||||
|
||||
[^1]: The above quote is excerpted from Rob Pike's [talk `about` nothing](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
|
||||
[^1]: 上記の引用は、2015年11月18日に開催された Gopherfest での Rob Pike’s の [`講演`](https://www.youtube.com/watch?v=PAAkCSZUG1c) からの抜粋です。
|
||||
|
||||
## Tables
|
||||
## テーブル
|
||||
|
||||
Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
|
||||
テーブルは Markdown の仕様には含まれていません。しかし Hugp はテーブルをすぐに利用できるようサポートしています。
|
||||
|
||||
| Name | Age |
|
||||
| ----- | --- |
|
||||
| 名前 | 年齢 |
|
||||
| ----- | ---- |
|
||||
| Bob | 27 |
|
||||
| Alice | 23 |
|
||||
|
||||
### Inline Markdown within tables
|
||||
### テーブルないのインライン Markdown
|
||||
|
||||
| Italics | Bold | Code |
|
||||
| --------- | -------- | ------ |
|
||||
| _italics_ | **bold** | `code` |
|
||||
| 斜体 | 太字 | コード |
|
||||
| ------ | -------- | -------- |
|
||||
| _斜体_ | **太字** | `コード` |
|
||||
|
||||
## Code Blocks
|
||||
## コードブロック
|
||||
|
||||
### Code block with backticks
|
||||
### バックチックによるコードブロック
|
||||
|
||||
```html
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="ja">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Example HTML5 Document</title>
|
||||
<title>HTML5 資料の例</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
<p>テスト</p>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
### Code block indented with four spaces
|
||||
### 4スペースのインデントによるコードブロック
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="ja">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Example HTML5 Document</title>
|
||||
<title>HTML5 資料の例</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
<p>テスト</p>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
### Code block with Hugo's internal highlight shortcode
|
||||
### Hugo 内のショートコード・ハイライトを利用したコードブロック
|
||||
|
||||
{{< highlight html "linenos=table,hl_lines=4 7-9" >}}
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="ja">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Example HTML5 Document</title>
|
||||
<title>HTML5 資料の例</title>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test</p>
|
||||
<p>テスト</p>
|
||||
</body>
|
||||
</html>
|
||||
{{< /highlight >}}
|
||||
|
||||
## List Types
|
||||
## リスト形式
|
||||
|
||||
### Ordered List
|
||||
### 順序のあるリスト
|
||||
|
||||
1. First item
|
||||
2. Second item
|
||||
3. Third item
|
||||
1. 1つ目のアイテム
|
||||
2. 2つ目のアイテム
|
||||
3. 3つ目のアイテム
|
||||
|
||||
### Unordered List
|
||||
### 順序がないリスト
|
||||
|
||||
- List item
|
||||
- Another item
|
||||
- And another item
|
||||
- リストアイテム
|
||||
- 他のアイテム
|
||||
- 他のアイテム
|
||||
|
||||
### Nested list
|
||||
### 入れ子型リスト
|
||||
|
||||
- Fruit
|
||||
- Apple
|
||||
- Orange
|
||||
- Banana
|
||||
- Dairy
|
||||
- Milk
|
||||
- Cheese
|
||||
- 果実
|
||||
- りんご
|
||||
- オレンジ
|
||||
- バナナ
|
||||
- 乳製品
|
||||
- 牛乳
|
||||
- チーズ
|
||||
|
||||
## Other Elements — abbr, sub, sup, kbd, mark
|
||||
## その他の要素 — abbr, sub, sup, kbd, mark
|
||||
|
||||
<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
|
||||
<abbr title="Graphics Interchange Format">GIF</abbr> はビットマップ画像フォーマットです。
|
||||
|
||||
H<sub>2</sub>O
|
||||
|
||||
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
|
||||
|
||||
Press <kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd> to end the session.
|
||||
<kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd>を押すことでセッションを終了出来ます。
|
||||
|
||||
Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
|
||||
多くの<mark>サラマンダー</mark>は夜行性で、昆虫やミミズ、その他の生物を狩ります。
|
||||
|
|
|
|||
|
|
@ -1,45 +1,46 @@
|
|||
---
|
||||
title: Mathematical notation
|
||||
title: 数学的記法
|
||||
date: 2019-03-08
|
||||
description: A brief sample of mathematical notation in Blowfish.
|
||||
description: Blowfish での数学的記法の簡単なサンプル。
|
||||
tags: ["sample", "katex", "maths", "shortcodes"]
|
||||
type: 'sample'
|
||||
---
|
||||
|
||||
KaTeX can be used to render mathematical notation within articles.
|
||||
KaTeX は数学的記法を記事内にレンダリングする際に利用できます。
|
||||
|
||||
<!--more-->
|
||||
|
||||
{{< katex >}}
|
||||
|
||||
Blowfish will only bundle the KaTeX assets into your project if you make use of mathematical notation. In order for this to work, simply include the [`katex` shortcode]({{< ref "docs/shortcodes#katex" >}}) within the article. Example below:
|
||||
Blowfish は数学的記法を利用する場合のみ、 KaTeX アセットをプロジェクトにバンドルします。これを機能させるには、単に記事内に [`katex` ショートコード]({{< ref "docs/shortcodes#katex" >}}) を含ませてください。以下が例です:
|
||||
|
||||
```md
|
||||
{{</* katex */>}}
|
||||
```
|
||||
Any KaTeX syntax on that page will then be automatically rendered. Use the online reference of [supported TeX functions](https://katex.org/docs/supported.html) for the available syntax.
|
||||
ページ上のすべての KaTeX 構文は自動的にレンダリングされます。
|
||||
利用可能な構文は[サポートしている TeX 機能](https://katex.org/docs/supported.html)のオンラインの文献を参照してください。
|
||||
|
||||
## Inline notation
|
||||
## インライン表記
|
||||
|
||||
Inline notation can be generated by wrapping the expression in `\\(` and `\\)` delimiters.
|
||||
インライン表記は `\\(` と `\\)` 記号で式を囲むことで生成できます。
|
||||
|
||||
**Example:**
|
||||
**例:**
|
||||
|
||||
```tex
|
||||
% KaTeX inline notation
|
||||
Inline notation: \\(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\\)
|
||||
% KaTeX インライン表記
|
||||
インライン表記: \\(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\\)
|
||||
```
|
||||
|
||||
Inline notation: \\(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\\)
|
||||
インライン表記: \\(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\\)
|
||||
|
||||
## Block notation
|
||||
## ブロック表記
|
||||
|
||||
Alternatively, block notation can be generated using `$$` delimiters. This will output the expression in its own HTML block.
|
||||
または、ブロック表記は `$$` 記号を利用することで生成できます。これによって、式が独自の HTML ブロックに出力されます。
|
||||
|
||||
**Example:**
|
||||
**例:**
|
||||
|
||||
```tex
|
||||
% KaTeX block notation
|
||||
% KaTeX ブロック表記
|
||||
$$
|
||||
\varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
|
||||
$$
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
---
|
||||
title: "Multiple Authors"
|
||||
title: "複数人の著者"
|
||||
date: 2022-10-12
|
||||
draft: false
|
||||
description: "Sample for a multiple author setup"
|
||||
description: "複数人の著者の設定方法のサンプル"
|
||||
tags: ["authors", "sample"]
|
||||
summary: "A quick example of how multiple authors could be used."
|
||||
summary: "複数人の著者の利用方法の簡単な例。"
|
||||
showAuthor: false
|
||||
authors:
|
||||
- "nunocoracao"
|
||||
|
|
@ -12,4 +12,4 @@ authors:
|
|||
type: 'sample'
|
||||
---
|
||||
|
||||
This is an example of how an article with multiple authors will look like.
|
||||
これは、著者が複数人の記事がどのように見えるかの例です。
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
title: "Placeholder Text"
|
||||
title: "代用語文"
|
||||
date: "2019-03-09"
|
||||
lastmod: "2022-01-24"
|
||||
draft: false
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
title: "Rich Content"
|
||||
title: "リッチコンテンツ"
|
||||
date: 2019-03-10
|
||||
description: "A brief description of Hugo Shortcodes"
|
||||
description: "Hugo ショートコードの簡単な説明"
|
||||
summary: "This is an _example_ of a **rich** content summary."
|
||||
tags: ["shortcodes", "privacy", "sample", "gist", "twitter", "youtube", "vimeo"]
|
||||
type: 'sample'
|
||||
|
|
@ -11,26 +11,26 @@ Hugo ships with several [built-in shortcodes](https://gohugo.io/content-manageme
|
|||
|
||||
## YouTube
|
||||
|
||||
Below is an example using the built-in `youtube` shortcode.
|
||||
下記のものは `youtube` ショートコードの組み込みを利用した例です。
|
||||
|
||||
{{< youtube ZJthWmvUzzc >}}
|
||||
|
||||
## Twitter
|
||||
|
||||
This example uses the `twitter_simple` shortcode to output a Tweet. It requires two named parameters `user` and `id`.
|
||||
この例はツイートを `twitter_simple` ショートコードを利用して出力しています。こちらは `user` と `id` の二つのパラメータを必須としています。
|
||||
|
||||
{{< twitter_simple user="DesignReviewed" id="1085870671291310081" >}}
|
||||
|
||||
Alternatively, the `tweet` shortcode can be used to embed a fully marked up Twitter card.
|
||||
代わりとして、 `tweet` ショートコードが完全にマークアップされた Twitter カードの埋め込みに利用できます、
|
||||
|
||||
## Gist
|
||||
|
||||
The `gist` shortcode can be used to embed a GitHub Gist. It requires two unnamed parameters: the username and ID of the Gist.
|
||||
`gist` ショートコードは GitHub Gist の埋め込みに利用できます。こちらは Gist のユーザー名と ID の二つのパラメータを必須としています。
|
||||
|
||||
{{< gist nunocoracao 2779792841f7ffa7c7e62dc4d38626d4 >}}
|
||||
|
||||
## Vimeo
|
||||
|
||||
The `vimeo_simple` shortcode will embed a Vimeo video.
|
||||
`vimeo_simple` ショートコードは Vimeo 動画を埋め込むことができます。
|
||||
|
||||
{{< vimeo_simple 48912912 >}}
|
||||
|
|
|
|||
|
|
@ -1,24 +1,24 @@
|
|||
---
|
||||
title: "Thumbnails"
|
||||
title: "サムネイル"
|
||||
date: 2022-09-26
|
||||
draft: false
|
||||
description: "Turn on thumbnails for your articles."
|
||||
description: "記事のサムネイルを変更する。"
|
||||
slug: "thumbnail_sample"
|
||||
tags: ["thumbnail", "sample"]
|
||||
summary: "A quick example of how to start using Thumbnails in your artciles."
|
||||
type: 'sample'
|
||||
---
|
||||
|
||||
A quick example of how to start using Thumbnails in your articles.
|
||||
記事でどのようにサムネイルを利用するかの簡単な例です。
|
||||
|
||||
If your average directory for an article looks like this:
|
||||
記事の平均的なディレクトリが以下のようなものだとしたら:
|
||||
|
||||
```shell
|
||||
content
|
||||
└── awesome_article.md
|
||||
```
|
||||
|
||||
You need to change it from a single markdown file into a folder. Create a directory with the same name of the article, inside create a `index.md` file. You'll get a structure similar to what's below.
|
||||
単一の markdown ファイルから、フォルダーに入っている形式に変更する必要があります。記事の名前と同一のディレクトリを作成し、その中に `index.md` ファイルを作成します。このようにすると、以下のような構成になります。
|
||||
|
||||
```shell
|
||||
content
|
||||
|
|
@ -26,7 +26,7 @@ content
|
|||
└── featured.png
|
||||
```
|
||||
|
||||
Inside the article you can now add an image file (almost all formats are supported but we recommend `.png` or `.jpg`) that starts with `feature*`. Example below.
|
||||
記事内に `feature*` から始まる名前の画像ファイル (ほとんど全てのフォーマットを対応していますが、 `.png` か `.jpg` を推奨しています) を追加できます。以下が例です。
|
||||
|
||||
```shell
|
||||
content
|
||||
|
|
@ -35,4 +35,4 @@ content
|
|||
└── featured.png
|
||||
```
|
||||
|
||||
This will tell Blowfish that this article has a feature image that can be used both as a thumbnail across your website as well as for <a target="_blank" href="https://oembed.com/">oEmbed</a> cards across social platforms. As an example, you can try copy pasting the URL of this article into a platform that shows oEmbeds (e.g. Twitter, WhatsApp, Telegram, etc) and see what is displayed.
|
||||
これによって Blowfish は、記事のサムネイルをウェブサイトまたは SNS の <a target="_blank" href="https://oembed.com/">oEmbed</a> カードの紹介画像として利用できます。例としては、この記事の URL を oEmbeds を表示するプラットフォーム (例: Twitter, WhatsApp, Telegram など) にコピーペーストどのように表示されるかをご覧ください。
|
||||
|
|
|
|||
Loading…
Reference in a new issue