# LaTeX 教學系列
{%hackmd @themes/orangeheart %}

<style>
.likecoin-button {
position: relative;
width: 100%;
max-width: 485px;
max-height: 240px;
margin: 0 auto;
}
.likecoin-button > div {
padding-top: 49.48454%;
}
.likecoin-button > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.markdown-body{
word-wrap:break-word;
color:#000;
font-family:Optima-Regular,Optima,PingFangSC-light,PingFangTC-light,PingFang SC,Cambria,Cochin,Georgia,Times,Times New Roman,serif;
font-size:16px;
letter-spacing:0;
line-height:1.6;max-width:860px;
padding:5px 20px;
text-align:left;
word-break:break-word;
word-spacing:0}.markdown-body
p{
color:#000;
font-size:16px;
line-height:26px;
margin:0;
padding-bottom:8px;
padding-top:8px
}
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6{
color:#000;
font-weight:700;
margin-bottom:15px;
margin-top:30px;
padding:0
}

.markdown-body h1{
font-size:2.5rem
}
.markdown-body h2{
border-bottom:2px solid #61679e;
font-size:2.1rem
}
.markdown-body h2 span{
background:#61679e;
border-top-left-radius:5px;
border-top-right-radius:5px;
color:#fff;
display:inline-block;
font-weight:700;
margin-right:0;
padding:5px 10px 1px
}
.markdown-body h3{
font-size:1.8rem
}
.markdown-body h4{
font-size:1.65rem
}
.markdown-body h5, .markdown-body h6{
font-size:1.5rem
}
.markdown-body ol, .markdown-body ul{
color:#000;
margin-bottom:8px;
margin-top:8px;
padding-left:25px
}
.markdown-body ul{
list-style-type:disc
}
.markdown-body ul ul{
list-style-type:square
}
.markdown-body ol{
list-style-type:decimal
}
.markdown-body li section{
color:#010101;font-weight:500;
line-height:26px;
margin-bottom:5px;
margin-top:5px;
text-align:left
}
.markdown-body blockquote{
overflow-scrolling:touch;
background:#eff0f5;
border-left:3px solid #61679e !important;
color:#6a737d;
display:block;
font-size:.9em;
margin-bottom:10px;
margin-top:10px;
overflow:auto;
padding:5px 10px 5px 20px
}
.markdown-body blockquote p{
color:#000;
line-height:26px;margin:0
}
.markdown-body a{
word-wrap:break-word;
border-bottom:0 solid #61679e;
color:#61679e;
font-weight:700;
text-decoration:none
}
.markdown-body li code, .markdown-body p code{
word-wrap:break-word;
background-color:rgba(27,31,35,.05);
border-radius:4px;
color:#61679e;
ont-family:Operator Mono,Consolas,Monaco,Menlo,monospace;
font-size:14px;
margin:0 2px;
padding:2px 4px;
word-break:break-all
}
.markdown-body table{
display:table;
text-align:left
}
.markdown-body tbody{
border:0
}
.markdown-body table tr{
background-color:#fff;
border:0;
border-top:1px solid #ccc
}
.markdown-body table tr:nth-child(2n){
background-color:#f8f8f8
}
.markdown-body table tr td, .markdown-body table tr th{
border:1px solid #ccc;
font-size:16px;
padding:5px 10px;
text-align:left
}
.markdown-body table tr th{
background-color:#f0f0f0;
font-weight:700
}
.markdown-body li code, .markdown-body span code{
color:#61679e
}
.markdown-body mark{
background-color:#61679e;
border-radius:2px;
border-radius:4px;
color:#fff;
font-weight:500;
margin:0 2px;
padding:2px 4px
}
.markdown-body .anchor{
margin-left:-40px
}
.octicon-link{
border-radius:3px;
color:#fff!important;
padding:5px 10px!important
}
.gallery {
display: flex;
gap: 16px;
justify-content: center;
}

.gallery-item {
width: 300px;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
background-color: #fff;
/* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
display: flex;
flex-direction: column;
align-items: center;
}

.gallery-item img {
width: 100%;
height: 180px;
object-fit: cover;
}

.gallery-content {
padding: 16px;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
}

.gallery-title {
font-size: 14px;
font-weight: bold;
margin-bottom: 8px;
text-align: center;
}

.gallery-description {
font-size: 14px;
color: #666;
margin-bottom: 12px;
}

.gallery-details {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
color: #888;
margin-bottom: 8px;
}

.gallery-tag {
background-color: #eee;
border-radius: 4px;
padding: 2px 6px;
font-size: 12px;
color: #666;
}

.gallery-duration {
font-size: 12px;
color: #666;
}

.gallery-date {
font-size: 12px;
color: #aaa;
text-align: right;
}
</style>

###### tags: `LaTeX`

LaTeX 是一個基於 TeX 的排版系統，由美國電腦科學家 Leslie Lamport開發，遵循呈現與內容分離的設計理念，讓使用者能夠在撰文時致力於寫作，而非同時兼顧版面與內文。[^1] Word與 LaTeX 最大的不同之處在於，Word 最強大的功能「所得即所見」是勝過後者的優勢，初學者可以無師自通，後者則是需要學習指令，Word的這個特點就完全贏過後者。然而， LaTeX 的特點即是「呈現與內容分離」，使用者可以專注於撰文，而不用同時注意內文與版面。因此，許多 LaTeX 的使用者仍會透過Word先進行「前端設計」，再交由 LaTeX 進行版面設定與產出。這份學習筆記參考自李果正的《大家來學 LaTeX》。[^2][^3]

## 筆記專區

<h3><a href='https://hackmd.io/@yueswater/start' target="_self">語法概說</a></h3>
<h3><a href='https://hackmd.io/@yueswater/First_LaTeX_File' target="_self">第一個 LaTeX 文件</a></h3>
<h3><a href='https://hackmd.io/@yueswater/Math_Mode' target="_self">LaTeX 數學排版</a></h3>
<h3><a href='https://hackmd.io/@yueswater/Table_and_Figure' target="_self">LaTeX 中表格與圖片的處理</a></h3>
<h3><a href='https://hackmd.io/@yueswater/LaTeX_Structure' target="_self">LaTeX 書本、文件章節編排與架構</a></h3>
<h3><a href='https://hackmd.io/@yueswater/beamer' target="_self">用 LaTeX 製作簡報</a></h3>

[^1]: 參考自[維基百科](https://zh.wikipedia.org/wiki/LaTeX)
[^2]:[《大家來學 LaTeX》](https://jupiter.math.nctu.edu.tw/~smchang/latex/latex123.pdf)
[^3]:關於《大家來學 LaTeX》這本書，可以參考李果正在[Overeaf](https://www.overleaf.com/articles/da-jia-lai-xue-latex-latex123/jypmqhfhfbyc)的文檔。

<div class="likecoin-embed likecoin-button">
<div></div>
<iframe scrolling="no" frameborder="0" src="https://button.like.co/in/embed/xiaolong70701/button?referrer=hackmd.io"></iframe>
</div>