快速搭建一個(gè)自己的個(gè)人博客（快速搭建一個(gè)自己的個(gè)人博客平臺(tái)）

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于快速搭建一個(gè)自己的個(gè)人博客的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國，網(wǎng)絡(luò)營銷相關(guān)業(yè)務(wù)請撥打175-8598-2043，或微信：1454722008

本文目錄:

• 1、如何使用Wordpress構(gòu)建自己的個(gè)人博客

• 2、如何在github上搭建個(gè)人博客

• 3、如何搭建屬于自己的個(gè)人博客網(wǎng)站？

• 4、如何搭建個(gè)人獨(dú)立博客？

一、如何使用Wordpress構(gòu)建自己的個(gè)人博客

個(gè)人博客的搭建并不復(fù)雜，只是過程有點(diǎn)繁瑣，主要有下面幾個(gè)步驟：

新建一個(gè)博客文件

購買域名(Domain Name)

注冊一個(gè)主機(jī)空間(Web Host)

域名解析(DNSPod)

安裝WordPress

安裝WordPress主題

設(shè)置固定鏈接

安裝插件

圖片存儲(chǔ)

添加網(wǎng)站圖標(biāo)

完成這幾個(gè)步驟之后，博客基本上就可以正常使用

二、如何在github上搭建個(gè)人博客

一、為什么在GitHub上托管個(gè)人博客

為什么在GitHub上托管博客，這個(gè)問題可以分兩步來問：

首先，為什么 可以 在GitHub上托管博客？

GitHub是一個(gè)基于git的版本托管服務(wù)網(wǎng)站，上面聚集著幾乎全世界的程序大牛，還有著大量的牛逼開源項(xiàng)目。而項(xiàng)目一旦成長壯大，一個(gè)簡單的名稱和一段描述很可能就無法滿足作者與讀者的需要。此時(shí)，GitHub Pages 就應(yīng)運(yùn)而生，它允許用戶用更具描述性的自定義頁面代替源碼列表。同時(shí)，用戶也可以利用其作為個(gè)人或組織主頁，將 靜態(tài) 網(wǎng)頁托管其上。

那么，在有著WordPress等等大量的開源博客系統(tǒng)的情況下，為什么選擇在GitHub上托管博客呢？

對(duì)程序猿來說無比親切，光是看起來感覺就很牛逼的"Git驅(qū)動(dòng)式博客開發(fā)與發(fā)布流程"。

超級(jí)容易，5分鐘包學(xué)包會(huì)的發(fā)布方式。

靜態(tài)頁面，建立簡單，幾乎沒有安全性隱患，當(dāng)然這也是缺點(diǎn)之一，靜態(tài)頁面無法做到太過復(fù)雜的交互設(shè)計(jì)和網(wǎng)站結(jié)構(gòu)。不過作為一個(gè)簡單的個(gè)人博客，也不太會(huì)有這樣的需求

免費(fèi)而可靠

更加詳細(xì)的內(nèi)容可以參見這里 todo: Jekyll + GitHub Pages 的優(yōu)點(diǎn)與缺點(diǎn)

話不多說，現(xiàn)在就來試試看。

<p id="002"></p>

二、10分鐘快速搭建一個(gè)博客原型

首先確認(rèn)：

擁有一個(gè)GitHub賬號(hào)

已經(jīng)安裝 Git ，（在Windows下，個(gè)人推薦直接安裝 GitExtensions ，有中文界面，并且集成了git + putty + kDiff ，比較省心一點(diǎn)啦）

1.建立一個(gè)項(xiàng)目

先在GitHub創(chuàng)建一個(gè)項(xiàng)目，名字隨意，盡量全部小寫字母，避免隨后會(huì)碰到的URL沖突問題

本地運(yùn)行Git，隨意選個(gè)目錄，將剛才創(chuàng)建的項(xiàng)目clone下來

<!-- lang: bash -->

cd /d/

git clone https://github.com/narcotics726/blogdemo.git

cd blogdemo

<br/>

<br/>

2.建立配置文件_config.yml

注意：之后建立的所有文檔務(wù)必使用UTF-8 無 BOM 的編碼保存

在項(xiàng)目的根目錄下新建文件 _config.yml ，填寫 baseurl: /blogdemo ， blogdemo是你的項(xiàng)目名稱，這一行內(nèi)容規(guī)定了整個(gè)網(wǎng)站的根路徑，稍后會(huì)詳細(xì)解釋這樣做的意義。

<br/>

<br/>

3.建立主頁

在根目錄下新建文件 index.html ， 內(nèi)容像這樣：

<!-- lang: html -->

---

title: Hello, My Blog

---

{{ page.title }}

先不用急著奇怪為什么一個(gè)html文件會(huì)出現(xiàn)"{}"這樣的標(biāo)簽，這里使用的是 Liquid 模板語言 ，{{ page.title }} 表示“本頁面的標(biāo)題”，更詳細(xì)的介紹我們以后再講，不妨這樣理解：

<!-- lang: python -->

#--- begin of page's head

title = "Hello, My Blog"

#--- end of page's head

print(page.title)

OK，那么博客主頁設(shè)計(jì)完畢?。▌e吵...我答應(yīng)過你要10分鐘內(nèi)搭建完成的...先弄個(gè)毛胚房意思意思，美化啊功能啊什么的晚點(diǎn)再說）

<br/>

<br/>

4.發(fā)布到GitHub

回到git bash, 檢查一下 git status ，確認(rèn) _config.yml 與 index.html 無誤后 add，commit，保持使用Git的良好習(xí)慣，記得添加提交描述

然后推送到GitHub，這里注意，因?yàn)槲覀兪褂玫氖荊itHub Pages中的 Project Pages, GitHub僅會(huì)將分支 gh-pages 下的內(nèi)容進(jìn)行自動(dòng)生成操作， 所以本地的 master 分支應(yīng)推送到遠(yuǎn)端的 gh-pages 分支

<!-- lang: bash -->

git push origin master:gh-pages

稍微等待一下，最多10分鐘（通常不用那么久啦），訪問 yourname.github.com/blogdemo

，（其中 yourname

是你的GitHub帳戶名，blogdemo則是你的項(xiàng)目名）就會(huì)看見你的博客主頁（確實(shí)很丑...而且完全不像一個(gè)博客的樣子，不過別急，慢慢來比較

快~）

另外，如果不幸發(fā)現(xiàn)你的中文頁面出現(xiàn)了亂碼的情況，別著急，還是該死的UTF-8問題，后面我們會(huì)一勞永逸的解決他的，暫時(shí)先手動(dòng)調(diào)整一下瀏覽器的編碼。

<br/>

<br/>

5.在_posts內(nèi)撰寫文章，并在首頁加入文章列表

在這段時(shí)間里，我們繼續(xù)為你的博客添磚加瓦，讓他擁有最基本的文章閱讀功能，另外不斷F5頁面的同時(shí)也可以關(guān)注一下自己在GitHub注冊時(shí)所用的郵箱，如果之前推送的內(nèi)容有誤的話，GitHub將以郵件形式提醒你生成失敗。

回到項(xiàng)目根目錄， mkdir _posts 新建一個(gè)目錄，看名字也知道啦，這里存放你所有的文章。

進(jìn)入_posts目錄，新建一篇文章。注意默認(rèn)的文件名格式是 year-month-day-postTitle 這樣。比如 2013-03-23-my_first_article.md，盡量避免空格或者其他亂七八糟的字符，這個(gè)文件名將作為URL的生成依據(jù)。文件名的格式可以通過修改 _config.yml 中的 permalink 屬性而改變，默認(rèn)值為 date ，也就是我們剛剛創(chuàng)建的文件的樣子，具體的規(guī)則可以看這里，后面我們也會(huì)講到。

如果你發(fā)現(xiàn)了我剛才創(chuàng)建的文件后綴名是 .md ，熟悉GitHub或者StackOverFlow的朋友應(yīng)該知道Markdown 格式，推薦使用GitHub托管博客的原因之一也正是如此，我們可以在大部分時(shí)候避開惱人的HTML，轉(zhuǎn)而使用更加直觀的Markdown語法。如果不熟悉也沒關(guān)系，可以參見這份Markdown 語法說明，應(yīng)該說是相當(dāng)易學(xué)，并且在熟悉之后非常易用的。

回到主題，打開剛才創(chuàng)建的文件，輸入如下內(nèi)容：

<!-- lang: html -->

---

title: 我的第一篇文章

---

# {{ page.title }}

## 目錄

+ [第一部分](#partI)

+ [第二部分](#partII)

+ [第三部分](#partIII)

----------------------------------

## 第一部分 <p id="partI"></p>

這里是第一部分的內(nèi)容

----------------------------------

## 第二部分 <p id="partII"></p>

這里是第二部分的內(nèi)容

----------------------------------

## 第三部分 <p id="partIII"></p>

這里是第三部分的內(nèi)容

{{ page.date|date_to_string }}

這段內(nèi)容中使用了最常用的幾種Markdown語法，比如使用 # ，## 表示 HTML 中的 <h1></h1> , <h4></h4>。使用[text](link)創(chuàng)建超鏈接，使用 連續(xù)多個(gè) - 創(chuàng)建水平線（注意：不包括最上端包圍title所使用的橫線，那里表示一個(gè)頁面的“頭屬性”），等等。更多詳細(xì)的語法可以在之前提到的頁面查詢，這里不再贅述，總之，這是一種更加貼近真實(shí)寫作的語法，推薦大家嘗試。

啊對(duì)了，最后面的那個(gè) {{ page.date|date_to_string }} 是指顯示本頁的日期屬性，并且轉(zhuǎn)換為可讀的字符串形式。同樣也是Liquid語法。

OK，那么第一篇文章也寫好了，再把最新的repo推送到github，稍等片刻，就可以...等下，忘記給文章加上入口的鏈接了。

Sorry啦，重新打開我們的 index.html 文件，添加內(nèi)容，變成下面這樣：

<!-- lang: html -->

---

title: My Blog

---

{{ page.title }}

{% for post in site.posts %}

{{ post.date|date_to_string }} <a href='{{ site.baseurl }}{{ post.url }}'>{{ post.title }}</a>

{% endfor %}

唔...都是Liquid的內(nèi)容，簡單解釋一下，Liquid標(biāo)記最主要分為兩種，一種是直接輸出變量內(nèi)容，像這樣：

{{ page.title }}

另一種則是邏輯命令形式的，像這樣：

{% for x in y %} ... {% endfor %}

而剛才寫進(jìn)主頁的內(nèi)容，就是遍歷所有post文件，然后逐一顯示在頁面上，這里需要注意的一點(diǎn)就是在創(chuàng)建文章的超鏈接時(shí)，除了 post.url 之外，也要注意在前面加上site.url

，原因前面也有提到過，我們正在創(chuàng)建的是 Project Pages

類型的網(wǎng)站，其最終生成的網(wǎng)址根目錄是：username.github.com/projectname，而 post.url

生成的超鏈接僅僅會(huì)自動(dòng)加上 username.github.com/ 這樣的前綴。

現(xiàn)在檢查一下更改的所有內(nèi)容，確認(rèn)不要犯下愚蠢的錯(cuò)誤，比如把 "." 打成 "。"或者單詞拼錯(cuò)之類的，提交并推送！

當(dāng)當(dāng)！如果一切順利，就能看到你的首頁外加文章列表閃亮登場。

<br/>

<br/>

6.增加模板套裝_layouts

文章進(jìn)行到這里，或許開頭承諾的10分鐘已經(jīng)超過不少了...很抱歉我欺騙了你，不過至少我們進(jìn)展很快～接下來——如果你仍有興趣的話，讓我們?yōu)榫W(wǎng)站增加一些統(tǒng)一性的風(fēng)格設(shè)置。

回到項(xiàng)目根目錄，新建文件夾 _layouts，顧名思義，“布局”是也。在 _layouts 中新建一個(gè)最基本的布局文件，姑且命名為default.html好了：

<!-- lang: html -->

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>{{ page.title }}</title>

</head>

<body>

{{ content }}

</body>

</html>

諾，首先解決了UTF-8的編碼問題，隨后指定了正文內(nèi)容的位置，當(dāng)然在這里只是一個(gè)最簡單的內(nèi)容，在body內(nèi)僅有一個(gè) {{ content }} 標(biāo)簽，你可以根據(jù)自己的喜好對(duì)頁面進(jìn)行任何改動(dòng)，只要記得保留這個(gè)內(nèi)容標(biāo)簽在你想要的位置就好。

然后我們修改index.html和剛寫完的那篇文章，只要在頭屬性上加一句就好：

<!-- lang: html -->

---

title: xxoo

layout: default.html

---

我們當(dāng)然還可以把這個(gè)結(jié)構(gòu)變得更靈活一些，比如繼續(xù)新增兩個(gè)模板分別叫做l_post.html與

l_index.html，他們首先引用default.html，但在其基礎(chǔ)上做出一定的修改。然后首頁使用l_index模板，而所有的post文件

則使用l_post模板，等等等等，請隨意發(fā)揮。但始終記得加上 {{ content }} 標(biāo)簽

再次推送到服務(wù)端，查看效果。

至少這一點(diǎn)我沒騙你，要發(fā)布最新的更改實(shí)在是太簡單了，只需要一次push而已。

那么，基本的項(xiàng)目結(jié)構(gòu)如下：

.

|-- _config.yml

|-- _includes

|-- _layouts

| |-- default.html

| `-- post.html

|-- _posts

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

| `-- 2009-04-26-barcamp-boston-4-roundup.textile

|-- _site

`-- index.html

這幅圖來自于：Yes We Jekyll，原諒我的懶惰，我實(shí)在不擅長排版...

三、如何搭建屬于自己的個(gè)人博客網(wǎng)站？

從很久以前就有粉絲問浪哥怎么搭建個(gè)人博客，怎么搭建一個(gè)個(gè)人博客網(wǎng)站呢，其實(shí)搭建一個(gè)博客還是挺簡單的，一個(gè)網(wǎng)站的建立無非就是：域名-空間-程序這幾樣組成的，只要完成了這幾點(diǎn)你就可以搭建一個(gè)網(wǎng)站哦！

域名注冊

我們搭建自己的博客的時(shí)候是不是得有一個(gè)自己的網(wǎng)站的域名了，首先我們先確定好自己網(wǎng)站的域名，建議長度在6位數(shù)這類的，這樣容易好記一些；想好域名后我們就去找一些域名注冊公司注冊就行了，需要注意的是后輟一定要選擇主流類型：”com cn net org“這幾種其中的一個(gè)或者多個(gè)。其余的都就不要選了。

空間購買

注冊好域名后，我們就去買一個(gè)放網(wǎng)站程序的空間，可以是ASP的也可以是PHP的建議大家選擇PHP的這樣安全一些。前期我們的網(wǎng)站流量都不大所以買一個(gè)空間就行了。流量比較大的時(shí)候在換成服務(wù)器這類的。一般我們都是購買國內(nèi)的空間，如果嫌麻煩不想備案就買香港的。

域名備案

在國內(nèi)不管你做什么網(wǎng)站都得備案網(wǎng)站，建議大家備案一下。如果大家使用的是國外的服務(wù)器或者香港的服務(wù)器或空間?？梢圆挥脗浒?，國內(nèi)的不備案也就不能夠訪問網(wǎng)站，這點(diǎn)我們得知道。

程序選擇

我們搭建一個(gè)博客網(wǎng)站是不需要一個(gè)程序呢？那是肯定的?，F(xiàn)在博客程序流行的有三種：“WordPress ZBlog Emlog ”,它們各有各的優(yōu)點(diǎn)和缺點(diǎn)，大家喜歡哪一個(gè)選擇好就行了。建議大家用ZBlog !

網(wǎng)站安裝

選擇好博客程序后。我們把下載下來的程序包上傳到網(wǎng)站的根目錄，然后把域名解析到空間上（*空間也要綁定域名），然后訪問并且安裝博客程序。安裝完成后基本上就完成了，我們也只需要起一個(gè)比較好的網(wǎng)站名稱設(shè)置好一些欄目。有能力的可以自己寫一個(gè)博客主題，不會(huì)的話自己用免費(fèi)的或者買一個(gè)。

我覺得搭建一個(gè)網(wǎng)站不難，重點(diǎn)是不好推廣。所以大家得注重網(wǎng)站內(nèi)容質(zhì)量和推廣！

四、如何搭建個(gè)人獨(dú)立博客？

因?yàn)橛X得Wordpress啥的模板一點(diǎn)都不好看，就純手工敲了一個(gè)，總計(jì)花了一個(gè)多月時(shí)間，感覺用著還挺順手。目前總共就花費(fèi)了7美金在http://Name.com上買了個(gè)域名，其他全使用開源的資源，一分錢沒花?？臻g使用了AWS一年的免費(fèi)主機(jī)（真心是業(yè)界良心）。

博客架構(gòu)：服務(wù)器：空間使用AWS一年免費(fèi)的虛擬機(jī)，使用ubuntu14. 04+Nginx1.8+uWSGI來部署Django應(yīng)用，從http://Name.com上購買域名，服務(wù)器配置：內(nèi)存：613MB內(nèi)存，基于Xen 32位或64位30GB月流量，其中15G上行流量， 15G下行流量主機(jī)空間10GB硬盤，1百萬以下I/O讀寫可以免費(fèi)使用一年，有Linux和Windows操作系統(tǒng)。網(wǎng)站框架：Django1.8。博客后臺(tái)：修改Django自帶的Admin系統(tǒng)，主要添加富文本編輯器用于編寫博客，富文本編輯器選擇百度的UEditor，其Django的集成版本可以在Github上找到。數(shù)據(jù)庫：使用MySQL，主要便于同Django集成，另外Django Admin后臺(tái)操作數(shù)據(jù)庫非常方便。前端：框架和UI使用Bootstrap3，布局使用Bootstrap的網(wǎng)格布局，使用網(wǎng)格布局+Media Query來做響應(yīng)式設(shè)計(jì)，以便支持不同尺寸的設(shè)備。使用 SyntaxHighlighter來對(duì)pre標(biāo)簽中的代碼做代碼高亮。圖片存儲(chǔ)：七牛云存儲(chǔ)。由于虛擬機(jī)整個(gè)只有30G空間，圖片上傳相當(dāng)不劃算，于是尋找外部存儲(chǔ)方案，最后發(fā)現(xiàn)七牛云存儲(chǔ)可以做網(wǎng)站圖片外鏈，每月免費(fèi)10G流量，10萬次免費(fèi)請求，完全可以不花一分錢滿足個(gè)人博客的需求。評(píng)論和分享：多說評(píng)論和分享插件。使用該插件，保證在不設(shè)計(jì)自己的賬號(hào)系統(tǒng)，不使用自己的數(shù)據(jù)庫的情況下能夠進(jìn)行文章的評(píng)論互動(dòng)和分享。

站內(nèi)搜索：百度站內(nèi)搜索插件。版本控制：Git。使用Git來進(jìn)行版本控制，項(xiàng)目托管在GitHub上，項(xiàng)目地址為hill1895/hill1895 · GitHub。優(yōu)化：用Nginx來進(jìn)行靜態(tài)資源的壓縮傳輸，設(shè)置緩存等，可以很大程度上提升網(wǎng)站訪問速度。具體搭建過程可以參考博客中的文章，有編程基礎(chǔ)的大概一個(gè)月就能搞定。

以上就是關(guān)于快速搭建一個(gè)自己的個(gè)人博客相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。

推薦閱讀：

快速自動(dòng)搶紅包1秒（快速自動(dòng)搶紅包1秒的軟件）

怎么快速找到網(wǎng)址（怎么快速找到網(wǎng)址信息）

快速記憶previous（快速記憶的方法和技巧）

園林水體景觀設(shè)計(jì)研究初探（園林水體景觀設(shè)計(jì)研究初探論文）

臨安區(qū)景觀設(shè)計(jì)資質(zhì)公司（臨安區(qū)景觀設(shè)計(jì)資質(zhì)公司地址）