Releases: hiroppy/fusuma
fixing a bug that infers code lang automatically
Improve output logs
Features
Improving output logs
Analyze runtime bundle size and speed performance.
Adding slides list on development env
Adding table
and fit-font
classes
Supporting video
Allow .mp4
and .webm
.
fix #427
Others
- Using commander instead of caparal
bugs fixed
- fix fragments algorithm for a last page
- fix #424
- fix
--account-icon-color
for themes
Adding `account` syntax
<!-- 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 {}
Introducing Fragments feature
Fragments
The Fragment is like steps. The syntax is below.
<!-- fragments-start -->
🙂
😆
🙄
<!-- fragments-end -->
slide -> https://hiroppy.github.io/fusuma/intro/#slide-9
No need to specify Code Block Languages
You write \
``jsand it will be colored as JavaScript automatically so
slide.code.languages` in fusumarc.yml will be deleted.
- slide
- code
- languages: <-- optoinal
Adding embed feature
Improving output logs
Files under 4.5KiB are hidden.
Adding embed feature on Sidebar
fixes: #22
Accordingly, the github icon is moved to the top to add the embed icon.
v2.0.0
features
- generate ogp automatically if you set
meta.url
withoutmeta.thumbnail
when running build task - verify a11y when running build task
- export css variables
- add themes
- drop webslides
- change rendering method from SSR to dynamic rendering
- add reference on slides when running start task
- generate og:image automatically
- improve building speed using the persistent cache of webpack
- support gzip
- update all deps and support webpack@5
- add
start-prod
command to check bundle directory
fusumarc
- add
meta.url
option to generateog:image
automatically - add
build.useCache
option - add
build.publicPath
option for production- in most cases, fusuma will be determined automatically so you won't use it
Syntax
- add
<!-- background: red -->
to change the background color/image - add
<!-- executable-code -->
to execute JavaScript code
<!-- executable-code -->
\`\`\`javascript
console.log('hi');
alert('hi!');
\`\`\`
See https://hiroppy.github.io/fusuma/intro/#slide=19.
- add
<!-- block-start -->
and<!-- block-end -->
to wrap children usingdiv
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.
Breaking Changes
- many arguments are renamed, please run with the
--help
to confirm them - mermaid is opt-out so if you want to use
chart
feature, please install it - the minimum version is Node@12
- some class names are removed because of replacing
Fix markdown parsing
Add an option of port to the 'start-task'
fix mdx-plugin
Fix jsx not replacing all img src. #186
Add build.ssr option
1.14.0 (2019-07-26)
Features
- add build.ssr option (3e49dde)
build:
ssr: true
https://hiroppy.github.io/fusuma/docs/guides/configuring-fusuma#server-side-rendering