From 6ea91f92348008a0d8dbe4be523e3f1e7ade07a2 Mon Sep 17 00:00:00 2001 From: Ryu <114303361+ryuapp@users.noreply.github.com> Date: Mon, 15 Jun 2026 00:14:23 +0900 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Update=20new=20design?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 18 ++++++------ components/.gitkeep | 0 components/Pagination.vue | 2 +- deno.jsonc | 2 +- example.md | 31 +++++++++----------- layouts/cover.vue | 2 +- layouts/profile.vue | 5 +--- screenshots/001.png | Bin 22770 -> 0 bytes screenshots/002.png | Bin 27173 -> 0 bytes screenshots/003.png | Bin 100818 -> 0 bytes screenshots/004.png | Bin 30165 -> 0 bytes screenshots/1.png | Bin 0 -> 66477 bytes screenshots/10.png | Bin 0 -> 3141091 bytes screenshots/11.png | Bin 0 -> 79967 bytes screenshots/12.png | Bin 0 -> 18346 bytes screenshots/2.png | Bin 0 -> 55543 bytes screenshots/3.png | Bin 0 -> 131006 bytes screenshots/4.png | Bin 0 -> 154648 bytes screenshots/5.png | Bin 0 -> 25949 bytes screenshots/6.png | Bin 0 -> 20096 bytes screenshots/7.png | Bin 0 -> 60219 bytes screenshots/8.png | Bin 0 -> 1630376 bytes screenshots/9.png | Bin 0 -> 1629788 bytes styles/layout.css | 58 ++++++++++++++++++++++---------------- 24 files changed, 59 insertions(+), 59 deletions(-) delete mode 100644 components/.gitkeep delete mode 100644 screenshots/001.png delete mode 100644 screenshots/002.png delete mode 100644 screenshots/003.png delete mode 100644 screenshots/004.png create mode 100644 screenshots/1.png create mode 100644 screenshots/10.png create mode 100644 screenshots/11.png create mode 100644 screenshots/12.png create mode 100644 screenshots/2.png create mode 100644 screenshots/3.png create mode 100644 screenshots/4.png create mode 100644 screenshots/5.png create mode 100644 screenshots/6.png create mode 100644 screenshots/7.png create mode 100644 screenshots/8.png create mode 100644 screenshots/9.png diff --git a/README.md b/README.md index 20def20..cf94b8a 100644 --- a/README.md +++ b/README.md @@ -1,17 +1,21 @@ # slidev-theme-soba -![slidev theme soba](https://github.com/ryuapp/slidev-theme-soba/assets/114303361/46e242d1-9740-4dd7-92c0-7a5f73ed49dd) - [![License](https://img.shields.io/github/license/ryuapp/slidev-theme-soba?labelColor=171717&color=39b54a&label=License)](https://github.com/ryuapp/slidev-theme-soba/blob/main/LICENSE) [![npm](https://img.shields.io/npm/v/slidev-theme-soba?labelColor=171717&color=39b54a)](https://npmx.dev/package/slidev-theme-soba) -日本語向けのシンプルな [Slidev](https://github.com/slidevjs/slidev) のテーマです。\ A simple [Slidev](https://github.com/slidevjs/slidev) theme for Japanese. > [!NOTE] > This theme is designed for Japanese, but can be used in other languages. -Live demo: [here](https://slidev-theme-soba.ryu.app) +Live demo: [here](https://slidev-theme-soba.ryu.app) +Screenshot example: [here](https://github.com/ryuapp/slidev-theme-soba/tree/main/screenshots) + +## Features + +- Simple and clean design focused on readability and ease of use. +- Text size adjusted for face-to-face use. +- Japanese font support (Noto Sans JP and Poppins) ## Install @@ -36,12 +40,6 @@ This theme provides the following layouts: - Image - End -## Components - -This theme provides the following components: - -🚧Underconstruction🚧 - ## Contributing - `deno install` diff --git a/components/.gitkeep b/components/.gitkeep deleted file mode 100644 index e69de29..0000000 diff --git a/components/Pagination.vue b/components/Pagination.vue index 2d3a463..1b13f47 100644 --- a/components/Pagination.vue +++ b/components/Pagination.vue @@ -6,6 +6,6 @@ " class="font-serif text-lg" > - + {{ $slidev.nav.currentPage }} diff --git a/deno.jsonc b/deno.jsonc index 2d374aa..97f8dfd 100644 --- a/deno.jsonc +++ b/deno.jsonc @@ -7,7 +7,7 @@ "build": "slidev build example.md", "dev": "slidev example.md --open", "export": "slidev export example.md", - "screenshot": "slidev export example.md --format png", + "screenshot": "slidev export example.md --format png --output screenshots", }, "imports": { "oxfmt": "npm:oxfmt@0.48.0", diff --git a/example.md b/example.md index 6694669..18cfdc5 100644 --- a/example.md +++ b/example.md @@ -1,16 +1,16 @@ --- theme: ./ showPageCount: true -disablePageCount: [1, 7, 9, 11] +disablePageCount: [1, 5, 6, 7, 9] themeConfig: primary: "#39b54a" htmlAttrs: lang: "ja" --- -# Slidevテーマ Soba +# Slidevのシンプルなテーマ Soba -日本語向けのシンプルなテーマ +日本語向けのシンプルなSlidevのテーマ --- layout: profile @@ -22,7 +22,7 @@ profileImage: https://img.ryu.app/logo/ryuapp.svg フロントエンド開発者 - [Portfolio](https://ryu.app) -- [GitHub](https://github.com/ryuapp/) +- [GitHub](https://github.com/ryuapp) --- @@ -39,27 +39,22 @@ profileImage: https://img.ryu.app/logo/ryuapp.svg 1. 日本語フォントの使用 - 日本語 ⇒ [Noto Sans JP](https://fonts.google.com/noto/specimen/Noto+Sans+JP) - アルファベットや記号 ⇒ [Poppins](https://fonts.google.com/specimen/Poppins) -2. 文字の大きさ、太さ、間隔 +2. 対面向けに文字の大きさ、太さ、間隔を調整 --- # Slidevとは？ -Slidevはスライド作成ツールであり、開発者向けに設計されたプレゼンテーションツールです -次のような機能を備えています +Slidevはスライド作成ツールであり、開発者向けに設計されたプレゼンテーションツールです。次のような機能を備えています -- 📝 **テキストベース** - マークダウンでコンテンツに集中し、スタイルを整えられる -- 🎨 **テーマの切り替え** - npm を通じてテーマを共有できる -- 🧑‍💻 **開発者フレンドリー** - コードハイライト、オートコンプリートによるライブコーディングができる -- 🤹 **インタラクティブ** - Vue コンポーネントを埋め込んで表現を強化できる -- 🎥 **録画・撮影** - 録画機能とカメラビューがあります -- 📤 **便利** - PDF、PNG、またはホスティング可能な SPA で出力できる -- 🛠 **カスタマイズ** - Webページで出来る事は何でもできる +- 📝 **テキストベース** + - マークダウンでコンテンツに集中し、スタイルを整えられる +- 🧑‍💻 **開発者フレンドリー** + - コードハイライト、オートコンプリートが利用できる +- 📤 **便利** + - PDF、PNG、またはホスティング可能なSPAで出力できる -
-
- -もっと知りたい人は [なぜSlidev？](https://ja.sli.dev/guide/why.html) +もっと知りたい人は [なぜSlidev？](https://ja.sli.dev/guide/why) --- layout: section diff --git a/layouts/cover.vue b/layouts/cover.vue index 67f75a9..d240a91 100644 --- a/layouts/cover.vue +++ b/layouts/cover.vue @@ -1,6 +1,6 @@