#怎麼寫博客纔好看
1.作者平常喜歡寫學習筆記與工作安排，之前使用 notepad++ , 雖然展示不錯，但隨着文字量的增多，閱讀體驗再次受到了挑戰，由於層次不清晰，及予以問題而不便於理解
2.之前寫的博客自己都不想瀏覽第二遍，博客樣式，層次等慘不忍睹，需要一個改變
文章目錄
Markdown 學習
如何優雅高效的寫博客（Sublime + Markdown + Evernote）
–https://www.cnblogs.com/Vonadam/p/4796904.html
爲什麼用Markdown？
學會基本的markdown語法，能夠擺脫編輯器的限制，在任意情況下輸出一篇精美的博文。
– https://www.jianshu.com/p/dc3bd40ee388
常用範例
列表
- 標題
- 列表
- 換行
- 縮進
- 鏈接
- 引用
- 表格
- 斜體
- 粗體
- 刪除
- 行內代碼
- 代碼段
- 待辦事項
- 分割線
- LaTeX排版
實戰演練
# 一級標題
## 二級標題
### 三級標題
#### 四級標題
##### 五級標題
####有序無序列表
- 文本1
- 文本2
1. 文本1
2. 文本2
#### 列表中如何換行
在文字後面增加兩個空格
#### 如何增加首行縮進
半方大的空白 或 
全方大的空白 或 
不斷行的空白格 或 
#### 如何增加
####鏈接
-- www.tencent.com
####引用
>以下是引用的內容
>只需要在段首添加
####表格
First Header | Seconde Header | Third Header
------------ |:-------------- |:-----------
target | target2 | target3
action | action2 | action3
####斜體
*斜體*
####粗體
**粗體**
####刪除
~~刪除文字~~
####行內代碼
如：`AppCompatActivity`類,markdown對行內代碼的語法是前後用：\`,其中 \` 爲windows鍵盤左上角那個,
####代碼段
function DisplayWindowSize(){
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
}
### 待辦事項描述
- [ ] 任務1，未完成;
- [x] 任務2，已完成;
####分隔線
***
####LaTeX排版
markdown支持LaTeX排版，所以支持更豐富的內容展示
是的，我就是行內公式：$e^{x^2}\neq{e^x}^2$，排得OK嗎？
來個 *"複雜點"* 的:
$$H(D_2) = -(\frac{2}{4}\ log_2 \frac{2}{4} + \frac{2}{4}\ log_2 \frac{2}{4}) = 1$$
矩陣：
$$
\begin{pmatrix}
1 & a_1 & a_1^2 & \cdots & a_1^n \\
1 & a_2 & a_2^2 & \cdots & a_2^n \\
\vdots & \vdots & \vdots & \ddots & \vdots \\
1 & a_m & a_m^2 & \cdots & a_m^n \\
\end{pmatrix}
$$
展示效果
一級標題
二級標題
三級標題
四級標題
五級標題
####有序無序列表
- 文本1
- 文本2
- 文本1
- 文本2
列表中如何換行
在文字後面增加兩個空格
如何增加首行縮進
半方大的空白 或
全方大的空白 或
不斷行的空白格 或
如何增加
####鏈接
– www.tencent.com
####引用
以下是引用的內容
只需要在段首添加
####表格
| First Header | Seconde Header | Third Header |
|---|---|---|
| target | target2 | target3 |
| action | action2 | action3 |
####斜體
斜體
####粗體
粗體
####刪除
刪除文字
####行內代碼
如：AppCompatActivity類,markdown對行內代碼的語法是前後用：`,其中 ` 爲windows鍵盤左上角那個,
####代碼段
function DisplayWindowSize(){
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
}
待辦事項描述
- 任務1，未完成;
- 任務2，已完成;
####分隔線
####LaTeX排版
markdown支持LaTeX排版，所以支持更豐富的內容展示
是的，我就是行內公式：，排得OK嗎？
來個 “複雜點” 的:
矩陣：
中文文案基本格式規範
中文文案排版指北
– https://github.com/sparanoid/chinese-copywriting-guidelines/blob/master/README.zh-CN.md
1、空格
- 中文與數字之間需要增加空格
- 中英文之間需要增加空格
- 中文與數字之間需要增加空格
- 數字與單位之間需要增加空格
- 全角標點與其他字符之間不加空格
2、簡體中文使用直角引號（個人推薦）
用法：
「老師，『有條不紊』的『紊』是什麼意思？」
對比用法：
“老師，‘有條不紊’的‘紊’是什麼意思？”
3、遺留問題
*怎麼全文的把彎角引號替換爲直角引號？
*怎麼全文的把彎角單引號替換爲直角雙引號？
正則表達式？
層次表達的重要功能
（1）文字底色改變
（2）文字變色
（3）腳註
（4）改變背景顏色
（5）醒目的分層標題（csdn中可以自定義圖片來進行分層）
備註
1、Md2All
把圖片輕鬆上傳到雲圖牀，自動生成Markdown – https://www.cnblogs.com/garyyan/p/9181809.html
用法：作用於公衆號與自搭建的博客不錯，提供了常用的樣式解決方案
2、CSDN
不支持字體，html，css 樣式
使用目錄快捷鍵： @[TOC]
書籍
《寫給大家看的設計書(第3版)》
推薦博客
1.文章排版怎麼纔有美感
– http://www.mahaixiang.cn/xzjq/2420.html
2.csdn博客公告欄美化
– https://github.com/yanglr/Beautify-csdnBlog
3.中文文案排版指北
– https://github.com/sparanoid/chinese-copywriting-guidelines
剩餘問題
1、OneNote，bear，google doc 等等 筆記記錄的系統化討論？
2、腦圖的簡便畫法（基礎組件）
3、sublime_text 安裝 LaTeX 插件（暫時用不到）
– https://blog.csdn.net/qazxswed807/article/details/51234834
– https://www.cnblogs.com/o-din/p/9475717.html
4、僅僅使用標題，文章整體層次不明顯（甘特圖、UML圖、Mermaid流程圖、Flowchart流程圖待完善）
結語：隨着對於自身格式的整理，似乎心才真正的逐漸進行了沉澱，期望這是一個好的開始，與君共勉
