- [回到 hackmd.io](https://hackmd.io) [target=_blank]
- <a href="https://hackmd.io/@hackmd/blog-tw" target="_blank"><span class="fa fa-fw fa-file-text"></span> HackMD Blog</a>
- [部落格首頁](https://hackmd.io/@hackmd/blog-home)
- [文件：後疫情時代的新課題，企業如何管理遠端協作並保持生產力](https://hackmd.io/@hackmd/productive_remowork)
- [文件：打造學習型組織，不可忽視的知識管理](https://hackmd.io/@hackmd/Knowledge_Management)
- [文件：製造業主管如何善用數位文件，讓第一線專注作戰](https://hackmd.io/@hackmd/Manufacturing_Factory)
- [HackMD Prime 個人方案 詳細介紹](https://hackmd.io/@hackmd/Personal_Prime)
- [HackMD Prime Personal (English version)](https://hackmd.io/@hackmd/Prime_Personal_english)
- [人物：吳承翰，以及他的 HackMD Prime](https://hackmd.io/@hackmd/max_and_prime)
- [文件：用註腳，俐落收納資料](https://hackmd.io/@hackmd/footnote)
- [情境：做「不斷更新」的懶人包](https://hackmd.io/@hackmd/eventrecord)
- [文件：不怕找不到的 JD 整理術](https://hackmd.io/@hackmd/johnny-decimal)
- [技術：為什麼中文打字會裂掉？](https://hackmd.io/@hackmd/CompositionEvent)
- [文件：非同步工作的成功關鍵](https://hackmd.io/@hackmd/async-work)
- [人物：初登板的新夥伴](https://hackmd.io/@hackmd/newpartner)
- [HackMD 最近在忙什麼？](https://hackmd.io/@hackmd/2019-in-review)
- [HackMD 新部落格開幕](https://hackmd.io/@hackmd/hackmd-new-blog)

<style>
.book-container.open {
width: calc( 100vw - 340px );
}

.summary.open {
background: white;
width: 340px;
padding-left: 30px;
padding-top: 160px;
}

@media (min-width: 758.999999px) {
.summary.open {
box-shadow: none;
}

.summary {
background: white;
width: 340px;
padding-left: 30px;
padding-top: 10px;
box-shadow: none;

left: 0;
padding-top: 160px;
}

.book-container {
width: calc( 100vw - 340px );
}
}

html[lang] .summary #summary {
font-family: Roboto;
}

.toolbar {
display: none;
}

.summary .nav-stacked li:first-child {
position: absolute;
top: 0;
width: 100vw;
left: 0;
background-color: #262626;
color: white;
height: 30px;
}

@media (max-width: 758px) {
.book-container.open {
right: auto;
}

.summary .nav-stacked li:first-child {
width: 100%;
height: 34px;
padding-top: 2px;
bottom: 0;
}
}

.nav-stacked li:first-child a,
.nav-stacked li:first-child a:active,
.nav-stacked li:first-child a:focus,
.nav-stacked li:first-child a:visited,
.nav-stacked li:first-child a:hover {
color: #eee;
font-size: 0.9em;
font-family: Source Code pro;
margin-top: -3px;
margin-left: -4px;
}

.nav-stacked li:first-child .fa {
display: none;
}

.nav-stacked li:nth-child(2) {
position: absolute;
margin-top: -80px;
margin-left: -20px;
font-weight: bold;
width: 100%;
}

.nav-stacked li:nth-child(2) a {
text-align: center;
font-size: 1.8em;
font-family: Source Sans Pro;
}

.nav-stacked li:nth-child(2) a:active,
.nav-stacked li:nth-child(2) a:focus,
.nav-stacked li:nth-child(2) a:hover {
color: #777;
}

.nav-stacked li:nth-child(2) a:active,
.nav-stacked li:nth-child(2) a:focus,
.nav-stacked li:nth-child(2) a:visited,
.nav-stacked li:nth-child(2) a:hover {
text-decoration: none;
}

.nav-stacked li:nth-child(2) .fa:last-child {
display: none;
}
</style>