Published by hiroppy over 3 years ago
issue: https://github.com/hiroppy/fusuma/issues/458
thank you for reporting
and update deps..
Published by hiroppy over 3 years ago
Analyze runtime bundle size and speed performance.
table
and fit-font
classesAllow .mp4
and .webm
.
fix https://github.com/hiroppy/fusuma/issues/427
--account-icon-color
for themesPublished by hiroppy over 3 years ago
<!-- account: twitter, about_hiroppy -->
<!-- account: github, hiroppy -->
<!-- account: facebook, yuta.hiroto0429 -->
<!-- account: linkedin, hiroppy -->
<!-- if you want to use grid -->
<!-- block-start: grid -->
<!-- account: twitter, about_hiroppy -->
<!-- account: github, hiroppy -->
<!-- account: facebook, yuta.hiroto0429 -->
<!-- account: linkedin, hiroppy -->
<!-- block-end -->
You can set these properties using css variables.
:root {
--account-icon-size: 3rem;
--account-icon-color: #545454;
}
and attaches these classes
.account {};
.account-twitter,
.account-github,
.account-facebook,
.account-linkedin {}
Published by hiroppy over 3 years ago
The Fragment is like steps. The syntax is below.
<!-- fragments-start -->
π
π
π
<!-- fragments-end -->
slide -> https://hiroppy.github.io/fusuma/intro/#slide-9
You write \
``jsand it will be colored as JavaScript automatically so
slide.code.languages` in fusumarc.yml will be deleted.
- slide
- code
- languages: <-- optoinal
Published by hiroppy over 3 years ago
Files under 4.5KiB are hidden.
fixes: https://github.com/hiroppy/fusuma/issues/22
Accordingly, the github icon is moved to the top to add the embed icon.
meta.url
without meta.thumbnail
when running build taskstart-prod
command to check bundle directorymeta.url
option to generate og:image
automaticallybuild.useCache
optionbuild.publicPath
option for production
<!-- background: red -->
to change the background color/image<!-- executable-code -->
to execute JavaScript code<!-- executable-code -->
\`\`\`javascript
console.log('hi');
alert('hi!');
\`\`\`
See https://hiroppy.github.io/fusuma/intro/#slide=19.
<!-- block-start -->
and <!-- block-end -->
to wrap children using div
tag<!-- block-start: outer -->
outer
<!-- block-start: inner -->
inner
<!-- block-end -->
<!-- block-end -->
the above code is converted to
<div class="outer">
<p>outer</p>
<div class="inner">
<p>inner</p>
</div>
</div>
e.g. https://hiroppy.github.io/fusuma/intro/#slide=15.
--help
to confirm themchart
feature, please install itPublished by hiroppy almost 5 years ago
Issue: https://github.com/hiroppy/fusuma/issues/198
PR: https://github.com/hiroppy/fusuma/pull/224
Thank you for your contribution.
@arayaryoma
Published by hiroppy about 5 years ago
Published by hiroppy about 5 years ago
Fix jsx not replacing all img src. https://github.com/hiroppy/fusuma/pull/186
Published by hiroppy about 5 years ago
build:
ssr: true
https://hiroppy.github.io/fusuma/docs/guides/configuring-fusuma#server-side-rendering
Published by hiroppy over 5 years ago
Add webpack
field.
extends:
js: index.js
css: style.css
webpack: webpack.config.js
https://hiroppy.github.io/fusuma/docs/guides/configuring-fusuma#webpack
Published by hiroppy over 5 years ago
site: https://hiroppy.github.io/fusuma/docs/guides/slide-css#components
slide: https://hiroppy.github.io/fusuma/intro/#slide=23
Published by hiroppy over 5 years ago
Doc: https://hiroppy.github.io/fusuma/docs/guides/configuring-fusuma#line-highlight
If you wanna emphasize code places, you'll be able to use this feature.
Syntax is line="xxx"
, and xxx accepts like 5
, 5-10
and 5,10-14
.
e.g. javascript line="12-20"
Published by hiroppy over 5 years ago
init
has had this feature, so if you want to start asap, you should run npx fusuma init
.
$ npx fusuma init
$ tree -a
.
βββ .fusumarc.yml
βββ slides
β βββ 0-title.md
βββ style.css
1 directory, 3 files
$npx fusuma start # done!
Published by hiroppy over 5 years ago
Support MathJax.
Fusuma run SSR automatically when running build task.
Published by hiroppy over 5 years ago
Published by hiroppy over 5 years ago
Published by hiroppy over 5 years ago
Published by hiroppy over 5 years ago
Published by hiroppy over 5 years ago
:smile:
-> π