> 正所謂前人栽樹闪唆，后人乘涼，樹越大廷蓉，當(dāng)然越蔭涼掷漱，所以我就來啦(●'?'●)粘室。

>

> 感謝[Huxpro](https://github.com/huxpro)和[BY](https://github.com/qiubaiying)提供的博客模板

>

>[我的博客](https://linwhitehat.github.io/)

# 前言

從 WordPress Hexo 到 GitHub Pages 中間踩了許多坑，終于把我的個(gè)人博客[L1n Blog](https://linwhitehat.github.io/)搭建出來了卜范！

本教程針對(duì)的是不懂技術(shù)又想搭建個(gè)人博客的小白衔统，操作簡(jiǎn)單暴力且快速。當(dāng)然懂技術(shù)那就更好了海雪，畢竟每個(gè)人審美不同锦爵，定制化更細(xì)致還是需要一點(diǎn)技術(shù)滴。

看看看博客的主頁(yè)樣式：

在手機(jī)上的布局：

廢話不多說了奥裸，開始進(jìn)入正文险掀。

# 快速開始

### 從注冊(cè)一個(gè)Github賬號(hào)開始

我采用的搭建博客的方式是使用[GitHub Pages](https://pages.github.com/)+[jekyll](http://jekyll.com.cn/)的方式。

要使用 GitHub Pages湾宙，首先你要注冊(cè)一個(gè)[GitHub](https://github.com/)賬號(hào)樟氢，GitHub 是全球最大的同性交友網(wǎng)站(吐槽下程序員~)冈绊，你值得擁有。

### 拉取我的博客模板

注冊(cè)完成后搜索`linwhitehat.github.io`進(jìn)入[我的倉(cāng)庫(kù)](https://github.com/linwhitehat/linwhitehat.github.io)

點(diǎn)擊右上角的**Fork**將我的倉(cāng)庫(kù)拉倒你的賬號(hào)下

稍等一下埠啃，點(diǎn)擊刷新死宣，你會(huì)看到**Fork**了成功的頁(yè)面

### 修改倉(cāng)庫(kù)名

點(diǎn)擊**settings**進(jìn)入設(shè)置

修改倉(cāng)庫(kù)名為`你的Github賬號(hào)名.github.io`，然后 Rename

這時(shí)你在在瀏覽器中輸入`你的Github賬號(hào)名.github.io`例如:`linwhitehat.github.io`

你將會(huì)看到如下界面

說明已經(jīng)成功一半了??當(dāng)然霸妹，還需要修改博客的配置才能變成你的博客十电。

若是出現(xiàn)


則需要[檢查一下你的倉(cāng)庫(kù)名是否正確](#Rename)

### 整個(gè)網(wǎng)站結(jié)構(gòu)

修改Blog前我們來看看Jekyll 網(wǎng)站的基礎(chǔ)結(jié)構(gòu)知押，當(dāng)然我們的網(wǎng)站比這個(gè)復(fù)雜叹螟。

```

├── _config.yml

├── _drafts

|???├── begin-with-the-crazy-ideas.textile

|???└── on-simplicity-in-technology.markdown

├── _includes

|???├── footer.html

|???└── header.html

├── _layouts

|???├── default.html

|???└── post.html

├── _posts

|???├── 2007-10-29-why-every-programmer-should-play-nethack.textile

|???└── 2009-04-26-barcamp-boston-4-roundup.textile

├── _data

|???└── members.yml

├── _site

├── img

└── index.html

```

很復(fù)雜看不懂是不是，不要緊台盯，你只要記住其中幾個(gè)OK了

-?`_config.yml`全局配置文件

-?`_posts`放置博客文章的文件夾

-?`img`存放圖片的文件夾

其他的想繼續(xù)深究可以[看這里](http://jekyll.com.cn/docs/structure/)

### 修改博客配置

來到你的倉(cāng)庫(kù)罢绽，找到`_config.yml`文件,這是網(wǎng)站的全局配置文件。


點(diǎn)擊修改


然后編輯`_config.yml`的內(nèi)容


接下來我們來詳細(xì)說說以下配置文件的內(nèi)容：

#### 基礎(chǔ)設(shè)置

```

# Site settings

title: Your Blog??????????????????????????#你博客的標(biāo)題

SEOTitle: 你的博客 | Your Blog?????????#顯示在瀏覽器上搜索的時(shí)候顯示的標(biāo)題

header-img: img/post-bg-rwd.jpg??????#顯示在首頁(yè)的背景圖片

email: Your@gmail.com????

description: "Your Blog"???????????????#網(wǎng)站介紹

keyword: "XJ, XJ Blog,XJ的博客, XJ, XinJ, Android" #關(guān)鍵詞

url: "https://linwhitehat.github.io"??????????# 這個(gè)就是填寫你的博客地址

baseurl: ""??????# 這個(gè)我們不用填寫

```

#### 側(cè)邊欄

```

# Sidebar settings

sidebar: true???????????????????????????# 是否開啟側(cè)邊欄.

sidebar-about-description: "說點(diǎn)別具一格的話"

sidebar-avatar:/img/avatar-by.JPG??????# 你的個(gè)人頭像 這里你可以改成我在img文件夾中的兩張備用照片 img/avatar-m 或 avatar-g

```

#### 社交賬號(hào)

展示你的其他社交平臺(tái)


在下面你的社交賬號(hào)的用戶名就可以了静盅，若沒有可不用填

```

# SNS settings

RSS: false

weibo_username:?????username

zhihu_username:?????username

github_username:????username

facebook_username:??username

jianshu_username:????jianshu_id

```

新加入了**簡(jiǎn)書**良价，`jianshu_id`在你打開你的簡(jiǎn)書主頁(yè)后的地址如：`http://www.reibang.com/u/0e97817689e5`中，后面這一串?dāng)?shù)字：`0e97817689e5 `

#### 評(píng)論系統(tǒng)

博客中使用的是[Disqus](https://disqus.com/)評(píng)論系統(tǒng)蒿叠，在[官網(wǎng)](https://disqus.com/)注冊(cè)帳號(hào)后明垢，按下面的步驟簡(jiǎn)單的配置即可：

進(jìn)入[設(shè)置頁(yè)面](https://disqus.com/home/settings/profile/)配置個(gè)人信息


找到**Username**


這個(gè)**Username**就是我們`_config.yml`中`disqus_username`

```

# Disqus settings（https://disqus.com/）

disqus_username: qiubaiying

```

> 很對(duì)人反映 Disqus 評(píng)論插件加載不出來，因?yàn)?Disqus 在國(guó)內(nèi)加載緩慢市咽，所以我新集成了 Gitalk 評(píng)論插件（感謝[@FeDemo](https://github.com/FeDemo)的推薦）痊银，喜歡折騰的朋友可以看這篇：[《為博客添加 Gitalk 評(píng)論插件》](http://qiubaiying.top/2017/12/19/%E4%B8%BA%E5%8D%9A%E5%AE%A2%E6%B7%BB%E5%8A%A0-Gitalk-%E8%AF%84%E8%AE%BA%E6%8F%92%E4%BB%B6/)。 我已經(jīng)在`_config.yml`配置就好了施绎，只需要填寫參數(shù)可以了溯革。

#### 網(wǎng)站統(tǒng)計(jì)

集成了[Baidu Analytics](http://#baidu.com/web/welcome/login)和[Google Analytics](http://www.google.cn/analytics/)，到各個(gè)網(wǎng)站注冊(cè)拿到track_id替換下面的就可以了

這是我的 Google Analytics


**不要使用我的track_id**??谷醉。致稀。。

若不想啟用統(tǒng)計(jì)俱尼，直接刪除或注釋掉就可以了

```

# Analytics settings

# Baidu Analytics

ba_track_id: 83e259f69b37d02a4633a2b7d960139c

# Google Analytics

ga_track_id: 'UA-90855596-1'????????????# Format: UA-xxxxxx-xx

ga_domain: auto

```

#### 好友

```

friends: [

????{

????????title: "簡(jiǎn)書·L1n",

????????href: "http://www.reibang.com/u/0e97817689e5"

????},{

????????title: "Apple",

????????href: "https://apple.com"

????},{

????????title: "Apple Developer",

????????href: "https://developer.apple.com/"

????}

]

```

#### 保存

講網(wǎng)頁(yè)拉倒底部抖单，點(diǎn)擊`Commit changes`提交保存


再次進(jìn)入你的主頁(yè)，


恭喜你遇八，你的個(gè)人博客搭建完成了??臭猜。

# 寫文章

利用 Github網(wǎng)站 ，我們可以不用學(xué)習(xí)[git](https://git-scm.com/)押蚤，就可以輕松管理自己的博客

對(duì)于輕車熟路的程序猿來說蔑歌，使用git管理會(huì)更加方便。揽碘。次屠。

## 創(chuàng)建

文章統(tǒng)一放在網(wǎng)站根目錄下的`_posts`的文件夾中园匹。


創(chuàng)建一個(gè)文件


在下面寫文章，和標(biāo)題劫灶，還能實(shí)時(shí)預(yù)覽裸违，最后提交保存就能看到自己的新文章了。


## 格式

每一篇文章文件命名采用的是`2017-02-04-Hello-2017.md`時(shí)間+標(biāo)題的形式本昏，空格用`-`替換連接供汛。

文件的格式是`.md`的[**MarkDown**](http://sspai.com/25137/)文件。

我們的博客文章格式采用是**MarkDown**+**YAML**的方式涌穆。

[**YAML**](http://www.ruanyifeng.com/blog/2016/07/yaml.html?f=tt)就是我們配置`_config`文件用的語(yǔ)言怔昨。

[**MarkDown**](http://sspai.com/25137/)是一種輕量級(jí)的「標(biāo)記語(yǔ)言」，很簡(jiǎn)單宿稀。[花半個(gè)小時(shí)看一下](http://sspai.com/25137)就能熟練使用了

大概就是這么一個(gè)結(jié)構(gòu)趁舀。

```

---

layout:?????post???????????????????????# 使用的布局（不需要改）

title:??????My First Post?????????????????# 標(biāo)題?

subtitle:???Hello World, Hello Blog #副標(biāo)題

date: ? ? ? 2017-02-06?????????????????# 時(shí)間

author:?????BY?????????????????????????# 作者

header-img: img/post-bg-2015.jpg?????#這篇文章標(biāo)題背景圖片

catalog: true?????????????????????????# 是否歸檔

tags:????????????????????????????????#標(biāo)簽

????- 生活

---

## Hey

>這是我的第一篇博客。

進(jìn)入你的博客主頁(yè)祝沸，新的文章將會(huì)出現(xiàn)在你的主頁(yè)上.

```

按格式創(chuàng)建文章后矮烹，提交保存。進(jìn)入你的博客主頁(yè)罩锐，新的文章將會(huì)出現(xiàn)在你的主頁(yè)上.


到這里奉狈，恭喜你！

你已經(jīng)成功搭建了自己的個(gè)人博客以及學(xué)會(huì)在博客上撰寫文字的技能了（是不是有點(diǎn)小興奮??）涩惑。

#### 首頁(yè)標(biāo)簽

在首頁(yè)可以看到這些特色標(biāo)簽仁期，當(dāng)你的文章出現(xiàn)相同標(biāo)簽（默認(rèn)相同的**標(biāo)簽數(shù)量大于1**），才會(huì)自動(dòng)生成境氢。

所以當(dāng)你只放一篇文章的時(shí)候是不會(huì)出現(xiàn)標(biāo)簽的蟀拷。


建站的初期，博客比較少萍聊，若你想直接在首頁(yè)生成比較多的標(biāo)簽问芬。你可以在`_congfig.yml`中找到這段：

```

# Featured Tags

featured-tags: true?????????????????????# 是否使用首頁(yè)標(biāo)簽

featured-condition-size: 1??????????????# 相同標(biāo)簽數(shù)量大于這個(gè)數(shù)，才會(huì)出現(xiàn)在首頁(yè)

```

將其修改為`featured-condition-size: 0`, 這樣只有一個(gè)標(biāo)簽時(shí)也會(huì)出現(xiàn)在首頁(yè)了寿桨。

相反此衅，當(dāng)你博客比較多，標(biāo)簽也很多時(shí)亭螟，這時(shí)你就需要改回`1`甚至是`2`了挡鞍。

# 自定義域名

搭建好博客之后 你可能不想直接使用[baiyingqiu.github.io](http://baiyingqiu.github.io)這么長(zhǎng)的博客域名吧, 想換成想[qiubaiying.top](http://qiubaiying.top)這樣簡(jiǎn)短的域名。那我們開始吧预烙！

#### 購(gòu)買域名

首先墨微，你必須購(gòu)買一個(gè)自己的域名。

我是在[阿里云](https://wanwang.aliyun.com/domain/?spm=5176.8006371.1007.dnetcndomain.q1ys4x)購(gòu)買的域名


用**阿里云**app也可以注冊(cè)域名扁掸，域名的價(jià)格根據(jù)后綴的不同和域名的長(zhǎng)度而分翘县，比如我這個(gè)`qiubaiying.top`的域名第一年才只要4元~

域名盡量選擇短一點(diǎn)比較好記住最域，注意，不能選擇中文域名锈麸，比如`張三.top`,GitHub Pages**無法處理中文域名**镀脂，會(huì)導(dǎo)致你的域名在你的主頁(yè)上使用。

注冊(cè)的步驟就不在介紹了

#### 解析域名

注冊(cè)好域名后忘伞，需要將域名解析到你的博客上

管理控制臺(tái) → 域名與網(wǎng)站（萬(wàn)網(wǎng)） → 域名


選擇你注冊(cè)好的域名薄翅，點(diǎn)擊解析


添加解析

分別添加兩個(gè)`A`記錄類型,

一個(gè)主機(jī)記錄為`www`,代表可以解析`www.qiubaiying.top`的域名

另一個(gè)為`@`, 代表`qiubaiying.top`

記錄值就是我們博客的IP地址，是 GitHub Pagas 在美國(guó)的服務(wù)器的地址`151.101.100.133`


可以通過[這個(gè)網(wǎng)站](http://ip.chinaz.com/)或者直接在終端輸入`ping 你的地址`氓奈，查看博客的IP

????ping qiubaiying.github.io

細(xì)心地你會(huì)發(fā)現(xiàn)所有人的博客都解析到`151.101.100.133`這個(gè)IP翘魄。

然后 GitHub Pages 再通過 CNAME記錄 跳轉(zhuǎn)到你的主頁(yè)上。

#### 修改CNAME

最后一步探颈，只需要修改 我們github倉(cāng)庫(kù)下的**CNAME**文件熟丸。

選擇**CNAME**文件


使用的注冊(cè)的域名進(jìn)行替換,然后提交保存


這時(shí)训措，輸入你自己的域名伪节，就可以解析到你的主頁(yè)了。

大功告成绩鸣！

# 進(jìn)階

若你對(duì)博客模板進(jìn)行修改怀大，你就要看看 Jekyll 的[開發(fā)文檔](http://jekyll.com.cn),是中文文檔哦，對(duì)英語(yǔ)一般的朋友簡(jiǎn)直是福利把轿拧（比如說我??）化借。

還要學(xué)習(xí)**Git**和**GitHub**的工作機(jī)制了及使用。

你可以先看看這個(gè)[git教程](http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/)捡多，對(duì)git有個(gè)初步的了解后蓖康，那么相信你就能將自己圖片傳到GitHub倉(cāng)庫(kù)上，或者可以說掌握了**使用git管理自己的GitHub倉(cāng)庫(kù)**的技能呢垒手。

對(duì)于輕車熟路的程序猿來說蒜焊，這篇教程就算就結(jié)束了，因?yàn)橄旅娴膬?nèi)容對(duì)于你們來說 so eazy~

但相信很多小白都一臉懵逼科贬，那我們繼續(xù)??泳梆。

# 利用GithHub Desktop管理GitHub倉(cāng)庫(kù)

[GithHub Desktop](https://desktop.github.com/)是**GithHub**推出的一款管理GitHub倉(cāng)庫(kù)的桌面軟件，換句話說就是將你在**Github**上的文件同步到本地電腦上榜掌，并將修改后的文件同步到**Github**遠(yuǎn)程倉(cāng)庫(kù)优妙。

#### 下載

點(diǎn)擊圖片進(jìn)入下載頁(yè)面，選擇對(duì)應(yīng)的平臺(tái)進(jìn)行下載

[](https://desktop.github.com/)

下面以**Mac**平臺(tái)為例：

#### 安裝

將下載好的文件解壓憎账，將這只小貓拖到應(yīng)用程序文件夾中


就可以在**Launchpad**找到這只小貓咪~


#### 登錄

點(diǎn)開應(yīng)用,會(huì)彈出**登錄**框套硼，


輸入你的**GitHub**賬號(hào)和密碼進(jìn)行登錄


登錄后關(guān)閉窗口


然后返回引導(dǎo)窗，一直按**Continue**繼續(xù)


**Continue**


還是**Continue**~


進(jìn)入主界面胞皱，先**右鍵Remve**刪除這個(gè)用戶指導(dǎo)邪意，賊煩~


#### 克隆倉(cāng)庫(kù)

選擇你的倉(cāng)庫(kù)克隆到本地



#### 管理倉(cāng)庫(kù)

現(xiàn)在文件夾中打開


打開后你會(huì)的發(fā)現(xiàn)文件結(jié)構(gòu)和你在Github上的一模一樣~


你最先關(guān)心的可能是你的頭像~在**img**文件夾中把替換我的頭像就好了看政。


不僅是圖片，所有在Github上的的操作都可以進(jìn)行抄罕。

#### 保存修改

當(dāng)你對(duì)倉(cāng)庫(kù)文件夾的文件下進(jìn)行修改允蚣、添加或刪除時(shí)，都可以在**GitHub Desktop**中看到

例如我在`img`中添加了一張圖片`avatar-demo.png`添加了一張圖片

就可以在看到**GitHub Desktop**顯示了我的修改

保存修改只要按**Commit to master**呆贿，然后可以寫上你的修改說明


#### 同步

將修改同步到**GitHub**遠(yuǎn)程倉(cāng)庫(kù)上只需要一步：點(diǎn)擊右上角的**同步按鈕**


#### 完成

打開你的GitHub上的倉(cāng)庫(kù)嚷兔，你就可以看到已經(jīng)和本地同步了

可以看到你提交的詳情：`add img`


這樣，你已經(jīng)能輕松管理自己的博客了做入。

想上傳頭像冒晰，背景，或者是刪掉你不要的圖片（我的頭像??）已經(jīng)是 so eazy了吧~

#### 注意

你在**GitHub**網(wǎng)站上進(jìn)行**Commit**操作后竟块，需要在**GitHub Desktop**上按一下**同步按鍵**才能同步網(wǎng)站上的修改到你的本地壶运。

# 修改個(gè)人介紹


修改個(gè)人介紹需要修改根目錄下的`about.html`文件


看不懂 HTML 標(biāo)簽？沒關(guān)系浪秘，對(duì)照著修改就好了~ 還有注意這個(gè)有中英介紹


# 常見問題

最近有很多人給我提問題蒋情，我這邊總結(jié)一下

#### 配置文件修改后沒有效果

刷新幾遍瀏覽器就好了~

不行的話，先清除瀏覽器緩存再試試耸携。

#### 404錯(cuò)誤

1.?檢查你的倉(cāng)庫(kù)名是否有按照要求填寫

2.?確定**Fork**的是不是我的倉(cāng)庫(kù)~

#### 修改CNAME文件棵癣，域名還是不變

清除瀏覽器緩存就OK~

#### 其他問題

直接在評(píng)論中提出來或私信我，我會(huì)一一替大家解決的??

# 其他

最近有人往我的遠(yuǎn)程倉(cāng)庫(kù)不停的**push**夺衍，一天連收幾十封郵件狈谊！例如像這樣的


原因大多是直接Clone了我的倉(cāng)庫(kù)到本地，**沒有刪除我的遠(yuǎn)程倉(cāng)庫(kù)地址**沟沙，添加完自己的倉(cāng)庫(kù)地址后河劝，一口氣推送到所有遠(yuǎn)程倉(cāng)庫(kù)（包括我的??）~

打擾了我的工作和生活~

所以，**請(qǐng)不要往我的倉(cāng)庫(kù)上推送分支**矛紫！

我發(fā)現(xiàn)一個(gè)問題是赎瞎，很多人每次修改博客的內(nèi)容都commit一次到遠(yuǎn)程倉(cāng)庫(kù)，然后再查看修改結(jié)果含衔，這樣效率非常低煎娇！

#### 來，上車贪染！

## 在本地調(diào)試博客

> 注：下面的操作是在**Mac**終端進(jìn)行的缓呛。

>**Windows**環(huán)境下的配置請(qǐng)參考[@夢(mèng)幻之云](http://www.reibang.com/u/a13e7484dc21)提供的[這篇文章](https://agcaiyun.cn/2017/09/10/%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/)。

有心的同學(xué)在[jekyll官網(wǎng)](http://jekyllcn.com/)就會(huì)發(fā)現(xiàn)`jekyll`的 提供的實(shí)例代碼杭隙。

```

~ $ gem install jekyll bundler

~ $ jekyll new my-awesome-site

~ $ cd my-awesome-site

~/my-awesome-site $ bundle install

~/my-awesome-site $ bundle exec jekyll serve

# => 打開瀏覽器 http://localhost:4000

```

這段命令創(chuàng)建了一個(gè)默認(rèn)的`jekll`網(wǎng)站哟绊，然后在本機(jī)的 4000 窗口展示。聰明的你應(yīng)該發(fā)現(xiàn)怎么做了吧~

安裝`jekyll`和`jekyll bundler`

```

$ gem install jekyll

$ gem install jekyll bundler

```

進(jìn)入你的**Blog 所在目錄**痰憎，然后創(chuàng)建本地服務(wù)器

```

$ jekyll s

```

然后會(huì)顯示

```

?Auto-regeneration: enabled for '/Users/baiying/Blog'

Configuration file: /Users/baiying/Blog/_config.yml

????Server address: http://127.0.0.1:4000/

??Server running... press ctrl-c to stop.

```

你就可以在 看到你的博客票髓，你對(duì)本地博客的修改都會(huì)在這個(gè)地址進(jìn)行顯示攀涵，這大大提高了對(duì)博客的配置效率。

使用`ctrl+c`就可以停止**serve**

# Star

若本教程順利幫你搭建了自己的個(gè)人博客洽沟，請(qǐng)不要**害羞**以故，給我的[github倉(cāng)庫(kù)](https://github.com/qiubaiying/qiubaiying.github.io)點(diǎn)個(gè)**star**吧！

因?yàn)樽罱l(fā)現(xiàn) Fork 將近破百裆操，加上直接 Clone 倉(cāng)庫(kù)的怒详，保守估計(jì)已經(jīng)幫助上百人成功的搭建了自己的博客，~~可是 Star 卻僅僅只有**12**踪区！可能還是做的不夠好吧昆烁！~~現(xiàn)在已經(jīng)破百了，感謝大家的Star缎岗！

### **別無他求静尼，點(diǎn)個(gè) [Star](https://github.com/qiubaiying/qiubaiying.github.io) 吧**！


**心滿意足传泊！**

# 補(bǔ)充

#### 修改網(wǎng)站的 **icon**


要修改如圖所示的網(wǎng)站**icon**：

在博客`img`目錄下找到并替換`favicon.ico`這個(gè)圖標(biāo)即可鼠渺，圖標(biāo)尺寸為`32x32`。


#### 修改主頁(yè)的座右銘

最近有不少小伙伴私信我：**如何修改主頁(yè)的座右銘或渤？**

就是這個(gè)：


很簡(jiǎn)單系冗，找到博客目錄下的**index.html**文件奕扣，修改這句話就可以了薪鹦。


#### 如何在博客文章中上插入圖片

博客的文章用的是 MarkDown 格式，如果沒用過 MarkDown 真的 強(qiáng)烈推薦[花半個(gè)小時(shí)學(xué)習(xí)一下](http://sspai.com/25137)惯豆。

MarkDown 中添加圖片的形式是 :``

例如：

``就會(huì)顯示下面這張圖片


`https://ws3.sinaimg.cn/large/006tNc79gy1fj9xhjzobbj30yg0my75z.jpg`就是這張圖片的URL池磁，我們可以在瀏覽器輸入這個(gè)URL找到或下載這張圖片。

所以楷兽，要在 MacDown 中插入圖片地熄，這張圖片就需要上傳到圖床（網(wǎng)上），然后在引

用這張圖片的URL芯杀。

##### 將圖片上傳到圖床

Mac 上的圖床神器：iPic

直接在App Store上下載端考，誰(shuí)用誰(shuí)知道！

使用方法很簡(jiǎn)單揭厚，直接拖動(dòng)圖片到 P 圖標(biāo)上却特，或者選中圖片按快捷鍵`?+U`，就能請(qǐng)示上傳筛圆。

上傳成功就能直接粘貼圖片的URL裂明。


用 iPic 上傳圖片后，獲取URL插入文章中就可以了太援。


#### 推薦幾個(gè)好用軟件

##### MarkDown編輯器

[MacDown](https://macdown.uranusjr.com/)：可能是Mac上最好的MacDown編輯器了


##### 圖片壓縮工具

[ImageOptim](https://imageoptim.com/)

對(duì)于我們的博客來說闽晦，圖片越大扳碍，加載速度越慢。

不信你用手機(jī)打開你的博客試試~

所以有必要對(duì)我們上傳到博客網(wǎng)站中的圖片：指的是你的頭像仙蛉，首頁(yè)背景圖片笋敞，文章背景圖片等。對(duì)于博客文章中插入的圖片荠瘪，其實(shí)也可以壓縮了再上傳液样。

對(duì)博客中的所有圖片進(jìn)行壓縮：

看看壓縮結(jié)果，最高的一張壓縮了78.7%巧还，這簡(jiǎn)直是太可怕了鞭莽！


好了，現(xiàn)在個(gè)人博客的加載速度估計(jì)要起飛了~

# 最后要說個(gè)事情

我在博客中的文章麸祷，你們可以保留澎怒，讓更多需要幫助人的看到，當(dāng)然也可以刪除阶牍。

但是喷面，我發(fā)現(xiàn)居然有人把文章的作者改成了自己，然后當(dāng)成自己的文章放在自己的博客上走孽，這就令人感到氣憤了惧辈。

比如說向我請(qǐng)教問題的這位：


我在博客中的每篇文章都是我一字一句敲出來的，轉(zhuǎn)載的文章我也注明了出處磕瓷，表示對(duì)原作者的尊重盒齿。同時(shí)也希望大家都能尊重我的付出。

謝謝~

附：大部分內(nèi)容為原作者所著困食，我只是一個(gè)搬運(yùn)工边翁，當(dāng)然我的博客有自己分享的博文啦，大家也可以關(guān)注一下硕盹，互相學(xué)習(xí)符匾！