如何搭建個人獨立博客?

請給出完整的教程步驟,謝謝!


個人博客http://hill1895.rocks/

因為覺得Wordpress啥的模板一點都不好看,就純手工敲了一個,總計花了一個多月時間,感覺用著還挺順手。

目前總共就花費了7美金在http://Name.com上買了個域名,其他全使用開源的資源,一分錢沒花。空間使用了AWS一年的免費主機(真心是業界良心)

博客架構:

  • 伺服器:空間使用AWS一年免費的虛擬機,使用ubuntu14. 04+Nginx1.8+uWSGI來部署Django應用,從http://Name.com上購買域名,伺服器配置:

        • 內存:613MB內存,基於Xen 32位或64位

        • 30GB月流量,其中15G上行流量, 15G下行流量

        • 主機空間10GB硬碟,1百萬以下I/O讀寫

        • 可以免費使用一年,有Linux和Windows操作系統

  • 網站框架:Django1.8。

  • 博客後台:修改Django自帶的Admin系統,主要添加富文本編輯器用於編寫博客,富文本編輯器選擇百度的UEditor,其Django的集成版本可以在Github上找到。

  • 資料庫:使用MySQL,主要便於同Django集成,另外Django Admin後台操作資料庫非常方便。

  • 前端:框架和UI使用Bootstrap3,布局使用Bootstrap的網格布局,使用網格布局+Media Query來做響應式設計,以便支持不同尺寸的設備。使用 SyntaxHighlighter來對pre標籤中的代碼做代碼高亮。

  • 圖片存儲:七牛雲存儲。由於虛擬機整個只有30G空間,圖片上傳相當不划算,於是尋找外部存儲方案,最後發現七牛雲存儲可以做網站圖片外鏈,每月免費10G流量,10萬次免費請求,完全可以不花一分錢滿足個人博客的需求。

  • 評論和分享:多說評論和分享插件。使用該插件,保證在不設計自己的賬號系統,不使用自己的資料庫的情況下能夠進行文章的評論互動和分享。

  • 站內搜索:百度站內搜索插件。

  • 版本控制:Git。使用Git來進行版本控制,項目託管在GitHub上,項目地址為hill1895/hill1895 · GitHub。

  • 優化:用Nginx來進行靜態資源的壓縮傳輸,設置緩存等,可以很大程度上提升網站訪問速度。

具體搭建過程可以參考博客中的文章,有編程基礎的大概一個月就能搞定。

歡迎各位訪問和添加友鏈。

PS:源代碼大家儘管拿去用,記得給加星哈

PPS:博客後台長這樣,就用的Django自帶的後台,稍加修改,輕鬆愉快。

寫博客自然要用到文本編輯器,我把百度出品的Uedtior放了進去,功能很豐富,挺好用的。


我剛剛在博客上寫了一篇和樓主問題相關的文章,樓主可以參考一下:

快大學畢業了,突然發現整個大學生涯就是吃喝睡,玩遊戲,上課,難道我以後的回憶就剩下這些東西嗎?所以我下定決心開始干我一直想干卻因為拖延症一直沒幹的事,開個屬於自己的獨立博客便是其中之一。

SO,just do it! 我上各種網站去查找建站方法,但悲催的是我是一個文科生,難一點的,涉及到代碼的東西我看了就發矇。不過,幸好,我上知乎的時候,發現我有人和我一樣的煩惱,而回答的人都叫他用wordpress,這個號稱5秒鐘建站的神器。

我到wordpress官網:China 簡體中文下載了這個軟體,但是我當時沒有網站,要怎麼使用呢,於是我百度到了一個可以把我的電腦變成伺服器,讓網頁本地運行的東西-----XAMPP。

具體怎麼樣運用,大家可以看這篇百度經驗:用XAMPP來搭建Wordpress建站環境

http://jingyan.baidu.com/article/f71d60376ba9571ab641d117.html

xampp下載:xampps下載1.9.5 最新版 X64_xampp優化版php集成包西西軟體下載

弄好了,我就開始下各種主題和插件,一直折騰到我覺得滿意後,我決定開始玩真的,建站!

1.買域名

本來我的選擇只有萬網或者新網,但是後來聽說國內的域名註冊一點都不自由,說封就封,而且基本上沒有轉讓域名的可能性。所以我果斷出國啦,網友推薦我用狗爹godaddy,我去看了一下價格覺得還不錯,而且目前已中文化,

點擊進入:狗爹中文官網

另外建議百度一下優惠碼再購買,可以省一些錢。

2.買空間

我本來想買阿里雲空間的,但是看了看價格,還是算了。所以就想買個最便宜的美國虛擬主機,由於英語不行,去外國網站買虛擬空間後台管理肯定生不如死,所以我就找在中國有代理美國空間的空間商,知乎上都推薦老鷹主機,或者老薛主機,我對比了一下,還是老薛主機便宜,於是就買了最便宜的50元美國空間,付款的時候問了客服有沒有優惠碼,最後一共花了35元。

點擊進入:老薛主機

3.安裝wordpress

老薛主機的後台是cPane的,我完全沒見過,於是參考了這篇教程,

cPanel安裝WordPress中文教程cPanel安裝WordPress中文教程

但是在網頁上直接上傳實在太慢,我採用FlashFXP工具上傳,不過要先去cPanel-ftp賬戶那裡設置一下賬號密碼,IP就是空間的共享IP。

4.域名綁定空間

這個我不知道啥原理,但是DNSPOD上面有教程:

點擊查看:Godaddy註冊商域名修改DNS地址

要注意的是A記錄要設置倆個,一個是www,一個是@。這樣www開頭的域名才能打開。

大概就是這樣了,歡迎轉載,但是請註明轉載自我的博客哦!

好好琢磨:好好琢磨 | 若有所思,若有所得,與你共享,與有榮焉


謝邀請,下面是搭建一個WordPress博客的過程,文章非常詳細,僅針對純白讀者,勿噴,謝謝。

準備工作:

一:域名註冊

一般域名盡量要短一些,然後含義通俗易懂,盡量不要把0o和il1放在一起,國內建議使用阿里雲,國外域名可以使用Godaddy,Name等

二:虛擬主機

購買主機的時候要注意自己的域名是不是已經ICP備案,如果沒有備案不能選擇大陸的主機,建議用香港的,畢竟與日韓美比地理位置相對於大陸較近比。這裡演示用的主機公園的香港虛擬主機,如果你的域名備案了可以選擇大陸的主機,比如阿里雲,騰訊雲都可以

三:博客系統

本文用使用比較廣泛的WordPress做演示,當然如果使用typecho,emlog,discuz 等請參考這個教程如何安裝WordPres?(GIF動態教程)

WordPress地址:China 簡體中文 (請注意大陸訪問會很慢甚至無法載入)

博客搭建:

一:域名解析

Godaddy域名解析請看如何解析域名?(GIF動態教程)

這裡已經購買了 主機公園 的香港虛擬主機,購買完成後會把IP發到我郵箱,我們把域名解析到這個IP即可

二:安裝WordPress

進入用戶中心,產品詳情,登入cPanel

找到圖中所示的SoftaCulou

找到WordPress 並安裝

直接添加基本的管理員信息,不用手動上傳文件,創建資料庫

安裝很快,基本上1分鐘不要,如果你在這步出錯,有可能是因為自己手動創建了資料庫或者上傳了WordPress文件,刪除即可

安裝完成

訪問測試,如果熟悉的話,也就是數分鐘博客就上線了

另外WordPress自帶了國外的服務,被強,在大陸訪問速度很慢,需要優化一下可以到 好奇貓社區 查看更多


建議參看我在另外一篇帖子內的回答:

作為一個完全不懂編程,英語沒過三級的死美工,這個周末花了一天時間搭建了自己的個人博客:姜步青的博客,如果你覺得這個博客挺符合你的預期,那麼我想你可以接下來聽我講兩句。

幾年前就想過搭建一個屬於自己的個人網站,為此專門去研究了建站所需技能,可惜當時知乎內容還沒有這麼包羅萬象,所以在對著 DW 敲了幾行 table 之後就不了了之了。近期看到我司產品經理博客寫的風生水起,甚是羨慕,又勾起了我心中的小萌動,於是在一個閑暇的午後,就著一份外賣開始了我的建站之旅。

和其它同學提到的方法有所不同,接下來我要詳細介紹的是如何採用專屬伺服器藉助 WordPress 平台搭建個人網站,以及我在操作過程中遇到的問題。如果你對於網站質量、訪問速度以及穩定性有所要求,或者你以後還想藉助伺服器干點其它什麼事情,那麼我相信這篇文章會對你有所幫助。

首先在搭建博客之前你需要先完成兩件事:

一:購買一個獨立域名。個人推薦 .com 後綴,畢竟是國際通用根域名,何況價格也貴不了多少,

通常在 60-100人民幣一年。建議通過國外渠道購買,知友們強力推薦的去他爹網站(goDaddy)是個不錯選擇,支持支付寶付款,網上有很多詳細的購買教程,請自行搜索「goDaddy 域名註冊」。

二:購買伺服器空間。這裡有幾種選擇,我做一下簡單的介紹:

  • 虛擬主機:說的直白點就是將一台伺服器的的空間劃分為多個虛擬空間,然後再將系統資源分配給每個空間用戶。優點是價格便宜,缺點是缺少完整的主機功能,會有很多限制。

  • 虛擬專用伺服器:即人們常說的 VPS,是使用軟體將一台伺服器分割成多個虛擬伺服器,VPS 上的系統、空間以及 CPU 資源都是用戶獨享,運行和管理可以看做與獨立伺服器相同。

  • 獨立伺服器:選擇獨立伺服器的網站通常是需要承接巨大的用戶訪問量,這種層次多半已經上升到公司專業水準了。當然如果你是土豪,非要用獨立伺服器搞一個 WP,那麼當我沒說過。

多數知友的選擇都是第一項:虛擬主機。優點是操作簡單,價格便宜,甚至在主機後台直接提供有一鍵安裝選項。缺點是限制較多,而且由於空間提供商質量參差不齊,網站穩定性和訪問速度得不到保證。

而我要提到的是第二項採用 VPS 的建站方法,也是我自己的選擇方案。

一、VPS 選擇須知:常見主機操作系統分為 Linux 和 Windows 兩種。作為開源系統,Linux 主機在系統成本、性能以及穩定性上目前是絕對優於 Windows 主機的,所以我在這裡只討論 Linux 主機的搭建方式。和域名相類似,購買 VPS 也有國內渠道和國外渠道兩種選擇方式。區別在於國內主機購買流程方便,但是需要備案;國外主機由於語言問題購買過程稍顯複雜,但是價格和限制上要比國內更具優勢。國外口碑較好的 VPS 供應商有 DigitalOcean,Linode 等等,這類主機通常在服務和質量上是有所保證的,價格在 30-60 美元/每月不等。筆者由於新手上路,選擇的是另外一款較為便宜的 VPS,叫做版瓦工,價格在 12 美元一年。至於國內主機,知友們和網上都有很多詳細的推薦,具體選擇請根據自身情況來決定。

另外需要提到一點小技巧,建議在購買主機前進行一下測速,因為價格高的主機不一定就是最適合的。我所在的網路是北京聯通,但是對於價格相對最高的 Linode 伺服器進行測速,丟包率居然高達 10%。

測速方法:

Windows 電腦:http://jingyan.baidu.com/article/a24b33cd55f4ba19ff002b7a.html

Mac 電腦:http://jingyan.baidu.com/article/ed15cb1b789f1c1be2698149.html

二、購買 VPS 後,供應商會提供給你幾個信息:伺服器的 IP、SSH 埠號、伺服器 root 密碼以及從網頁登錄管理伺服器的後台地址。有了前面三個信息你就可以開始著手搭建你的伺服器環境了。那麼接下來你需要是一個用來連接伺服器的軟體,在 windows 平台下我推薦使用 putty,下載地址:http://the.earth.li/~sgtatham/putty/latest/x86/putty.exe

非常簡單的一款工具,你只需要依照下圖來輸入你的伺服器信息,然後點擊 Open,就可以開始你的建站之旅了。

成功連接伺服器後,你會跳到下圖所示界面,這傢伙叫做 vim 編輯器,在這裡不要被它的表象所嚇到,我們這種代碼小白一樣可以玩的風生水起。

首先輸入你的用戶名,通常默認為 root 。接著按下回車鍵,系統會提示你繼續輸入密碼。這裡有一點需要著重提示一下,輸入密碼時是不會有任何顯示的,所以你只需要在完成密碼輸入後,按一下回車鍵。這時如果系統在下一行顯示出你的上次登錄信息,那麼恭喜你,已經成功連接到了你的伺服器。

在這裡插入一段 vim 編輯器的簡單介紹:

它在操作時可以理解為兩種模式:一種是「一般模式」,一種是「編輯模式」。前者可以控制屏幕游標的移動,字元、字或行的刪除;而後者才能進行文字輸入。簡單來說就是按一下字母「i"就可以進入「編輯模式」,這個時候左下角會顯示 -INSERT- 的字樣,表示你已經進入編輯模式,這時候你就可以開始輸入任意文字了。在此模式下,按一下 「ESC」 鍵則又重新轉到「一般模式」,這時可以進行游標移動、刪除文字等操作。

  • 我們從網頁上複製代碼,然後到編輯器里直接點擊滑鼠右鍵,既表示進行粘貼。

  • 在編輯模式下,按 x 鍵則是刪除當前字元。

  • 在命令行模式下,輸入 :wq (需要帶上冒號哦)表示保存並退出當前文件。

  • 關閉這個窗口則表示退出 遠程連接。

知道這幾個命令可以讓你更流暢的進行後續操作,而下方教程中所用到的多半只是複製粘貼的簡單行為,所以不用擔心自己會搞不定。

這裡再順便附上一篇更詳細的 vim 編輯器新手掃盲貼,建議花 5 分鐘看一下,對於後續操作會理解的更加充分。地址:掃盲行動之九:Vi編輯器的基本使用方法!

三、接下來就是環境部署了。在進行下面的步驟前,我建議你先通過 DNSPod 將自己的域名解析到自己的伺服器上。具體步驟可以參考 @光之豆 同學在文章中提到的方法:怎樣搭建一個自有域名的 WordPress 博客? - WordPress,或者自行搜索。

四、Wordpress 需要 PHP, MySQL 和一個 Web 伺服器的環境支持。所以接下來我們要做的是在在伺服器上搭建這樣一個環境,通常稱為 LNMP。聽起來似乎很複雜,但是不用擔心,早就有熱心網友為我們準備好了相關的小白教程。在這裡附上詳細鏈接的匯總:

  • 如何使用 putty 一鍵部署 LNMP 環境:http://lnmp.org/install.html

  • 如何添加虛擬主機,也就是在 VPS 上綁定你的網站域名:http://lnmp.org/faq/lnmp-vhost-add-howto.html

  • 後續步驟補全,該篇文章是將前兩篇文章整合到了一起,並且從第 13 步開始,添加上了安裝 wordpress 的後續步驟:通過 FTP 上傳安裝文件(這一步也可以直接通過 putty 進行,速度會更快,但是稍微複雜一點。)和創建對應資料庫。地址址:http://blog.hachke.cn/read-896.html

註:第三篇教程中使用 winscp 軟體通過 SFTP 連接伺服器時需要輸入你的伺服器 IP、埠號、以及用戶名和密碼。這裡本人測試結果為:埠號即為 SSH 埠號,用戶名和密碼即為通過 putty 連接伺服器所輸入的用戶名和密碼。其它方式均連接不上。

五、完成上述步驟後,輸入你的域名地址,即會自動跳轉到 WordPress 的安裝界面。接下來的步驟很簡單,請自行參照官網或網上教程進行相關操作。

整個過程看起來很複雜,但是如果你按照上述步驟來逐一執行,就會發現操作起來還是蠻簡單的。同時在完成之後也會讓你成就感倍增 。當然也許過程中還有更簡單的實現方式,但是上述步驟是經我反覆使用並親測有效的方法。如果你在安裝過程中遇到任何問題,歡迎私信我,我會盡最大可能來幫助你。

-------------------------------------- 華麗的分割線 -----------------------------------------------

作為一個設計師,能寫到這裡我都被自己震驚了,後續還會附上我在初次安裝和使用 WordPress 時遇到的問題,即使你是通過其它主機方式來搭建的 WordPress,相信接下來的內容依然會對你有所幫助,未完待續... so 接下來是不是應該點個贊鼓勵一下 ^_^

-------------------------------------- 2015.5.18 更新 -----------------------------------------------

下面是對於 WordPress 初次安裝後常見問題及解決方案的匯總:

一、LNMP 環境下 WordPress 安裝主題後網站後台相關設置不顯示問題:

1.需編輯 php.ini 文件,通常默認位置是 /usr/local/php/etc/php.ini 所以我們需要使用 putty 連接伺服器,打開該文件。方法是登錄後輸入如下命令 vi /usr/local/php/etc/php.ini

如果位置不對,也可以通過 find 命令查找 php.ini 所在位置: find / -name php.ini 或者登錄網站 php 後台查看。

2.找到 disable_functions 字元串,輸入命令如下 /disable_functions

3.將其後方的 scandir 去掉(按 x 鍵可刪除當前游標的單個字元)。按 esc,退出編輯模式。然後輸入 :wq! 保存即可。

4.重啟 php,輸入命令如下 /etc/init.d/php-fpm restart

二、如何給你的網站添加 favicon(即網站地址左邊的方形小圖標):

1.設計製作屬於你的 favicon,或搜索相關網站下載一枚。

2.使用 FTP 工具將你的 favicon.ico 文件上傳到伺服器網站所在的安裝文件夾內,即根目錄下。

3.登入博客後台,編輯主題文件 header.php,在 & 和 & 之間添加以下代碼:

&

&

三、後台程序升級或安裝插件提示需要輸入賬號密碼的解決方法:

通過 putty 連接伺服器,輸入以下命令 chown -R www:www /home/wwwroot 按下回車鍵,即可賦予網站所在文件夾 www 許可權,之後便可以順利自動升級和安裝插件。

四、用戶評論頭像不顯示問題:

任何主題通用,後台打開 functions.php 文件,將下方文章黑色區域代碼複製放到該文件最前方,即第一個&http://www.lijianlin.com/473.html (親測有效)

五、如何刪除文章評論框下方那一行提示代碼(完美主義者專用):http://www.nwber.com/?p=291

六、修改後台登錄地址,極大提升網站安全性:http://www.wpdaxue.com/protected-wp-login.html/

七、如何在文章內插入音樂:http://www.wpdaxue.com/wp-player-2.html

八、如何重裝 WordPress :

1.FTP 工具完全刪除 WordPress 所在根目錄下所有文件。

2.登錄 php 後台刪除資料庫內的數據表。

3.重新上傳 WordPress 文件夾內的文件到該目錄,打開瀏覽器,輸入網站地址重新安裝 WordPress


2017.11.6更新:

博客域名需要備案了,先用ip訪問吧:http://121.42.8.85/blog/

2016.11.1更新:

博客地址:http://kkys.online/blog/

更新了後台展示頁面,大家可以通過點擊導航條中的『管理』按鈕,以遊客模式進入後台,並添加博客或者是相冊內容進行測試,如下圖

個人聯繫方式添加進了『關於』模態框,可在導航欄點擊『關於』查看

代碼也更新到了github,有興趣的朋友可以去看一下,順便求個贊...

本項目github地址:GitHub - KKys/blog: 運用Jfinal+BootStrap+FreeMarker搭建的博客系統

後期會更新登錄註冊功能吧

現在也在做一個爬蟲項目,展示地址是:http://kkys.online/spider/admin

大家也可以去看一下~

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

原文如下:

搭建個人博客是自己很早的想法,苦於前端太差,一直拖著...

而且網上用Java寫的博客系統少之又少,少數的開源項目還特別龐大繁重,不易上手.

所以上周閑下來摸索著搭建了一個還像個樣的博客站點,開源出來,大家一起學習.

前言:本博客站點是純編程實現,沒有藉助任何模板,十分輕量,適合正在初學Java Web又沒有順手項目練習的同學,所以需要你有一定的Java基礎和前端知識.

網上大多數開源站點結構較複雜,功能較繁重,並且頁面布局花里胡哨......

本博客系統基本上做到了最簡:

  • 前端僅用了bootstrap:因為想適配手機端,所以用了bootstrap的柵格系統和響應式布局(還有個light box圖片插件可以忽略....)

  • 後台用的Jfinal框架:基於Java 語言的極速 web 開發框架,其核心設計目標是開發迅速、代碼量少、學習簡單、功能強大、輕量級、易擴展、Restful。適用於中小型或者自己練手的項目,開發十分迅速,感覺比傳統的Spring、SpringMvc、Mybatis等框架開發效率快了幾個數量級......內置許多常用插件,像是c3p0、spring之類,實屬java後端神器

  • 模板引擎用的FreeMarker:相比於JSP,FreeMarker更加輕量與靈活,對使用者更加友好,語法簡單,一學就會......

  • 連接池用的druid:因為c3p0在高並發下會出現某超時bug,就換成druid了

先不多說,放上站點預覽一下:kkys的博客

部分顯示器像素過低可能導致文本換行等問題......

手機端適配應該還可以.

目前的首頁截圖是這樣的:

相冊截圖:

後台上傳圖片與博客地址:http://kkys.online/blog/adminHtml

樣式與排版巨丑...就不放截圖了

有興趣的同學可以進去上傳博文與相冊看看

功能暫時包括博客系統、評論系統、相冊系統

本博客主要是寫一些技術文章和生活趣事,再就是上傳一些自己拍的照片和做的美食

會不斷添加新的模塊與內容,一步一步去完善吧,更新的內容都會在GitHub顯示,這就需要你star和fork啦,各位大胸弟!!!!

GitHub地址:GitHub - KKys/blog 內含代碼及結構說明,求贊求fork!!!

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

除了編碼部分,其他的幾個步驟感覺對有一些web基礎的同學來說問題不大:

首先是你得有一個自己的伺服器,首推阿里雲,當時雲翼計劃買的伺服器9.9一個月,穩定性和速度都還不錯

然後就是給伺服器配置java環境,裝上tomcat,這沒啥說的,不會的話百度就行

再把maven項目打war包放在tomcat目錄下

這時就可以通過IP+埠訪問你的站點了

要是想有自己的域名,可以阿里雲萬網買一個,我的.online後綴的域名也就一年5塊錢,不得不說阿里真的良心公司

然後域名解析到伺服器IP,就可以像訪問網頁一樣訪問自己的伺服器啦!

怎麼樣,是不是很簡單,很激動。。。

此時,個人獨立博客也就搭建完成了,雖然功能不比那些模板博客多,而且也得花個幾十塊錢

但是這完全是編程實現的,成就感爆棚啊有沒有~~

最後,對博客有什麼問題和建議都可以提出來哈,一起進步


摘要:這是一篇很詳盡的獨立博客搭建教程,裡面介紹了域名註冊、DNS 設置、GitHub 和 Jekyll 設置等過程,這是我寫得最長的一篇教程。我想將我搭建獨立博客的過程在一篇文章中儘可能詳細地寫出來,希望能給後來者一個明確的指引,同時用這篇教程開篇,正式開始我的第八大洲之旅。

我的博客地址:讀立寫生讀立寫生

教程完整地址:如何搭建一個獨立博客--簡明 GitHub Pages與 jekyll 教程

前言

作為一個技術小白,沒有技術基礎,看網上的教程也雲里霧裡,看程序員的教程相當不容易,稍微有些細節描述得不清楚自己就要繞彎路去找答案(善用搜索引擎),所以,在自己的博客搭建完成之後,我決定要將我搭建博客的過程全記錄下來,以供後期和我一樣的小白參考(是的,我堅信還有很多一樣和我一樣的人),我會儘可能詳細的整理這個教程,其中的資料可能會摘錄到其他人的教程,我會在後面列出了參考資料,感謝這些作者們。

為什麼要開博客?可以看看我的這篇《為什麼你要寫博客?》

也可以看看這篇《我的博客時代》

以下以我的博客:www.cnfeat.com為例,教大家如何搭建一個獨立博客。

為什麼要搭建一個獨立博客?

獨立的才是自己的。

小白進入門檻

  • 1、非常折騰,需要耐心;
  • 2、也需要一定的學習能力和鑽研精神;
  • 3、懂一些網頁基礎知識,不懂也重要,參看第二和第三條;

為什麼選擇 GitHub Pages

很多人用 WordPress,你為什麼要用 GitHub Pages 來搭建?

  • 1、GitHub Pages 有 300M 免費空間,資料自己管理,保存可靠;
  • 2、學著用 GitHub,享受 GitHub 的便利,上面有很多大牛,眼界會開闊很多;
  • 3、順便看看 GitHub 工作原理,最好的團隊協作流程;
  • 4、GitHub 是趨勢;
  • 5、你不覺得一個文科生用 GitHub 很 Geek 嗎?瞬間躋身技術界;

GitHub Pages 是什麼?

GitHub Pages 本用於介紹託管在 GitHub 的項目, 不過,由於他的空間免費穩定,用來做搭建一個博客再好不過了。

GitHub Pages 可以被認為是用戶編寫的、託管在 GitHub 上的靜態網頁。

官方介紹可以看這個視頻(需科學上網)

購買域名

只推薦上 GoDaddy 購買,安全,而且可以使用支付寶。

現在 GoDaddy 已經有中文版了,雖然國家顯示是新加坡,但不影響使用。

教程(截止至 2017 年 06 月 21 日)如下

1、查你想要的域名

2、查到適合的域名之後選擇「添加到購物車」

3、GoDaddy 其他域名收費服務,不要管,繼續「進入購物車」

後面的服務全部點擊「不,謝謝」,免費的服務也不要用

4、確認購買 修改購買年限,默認是兩年,可以修改成 1/2/3/5/10 年,隨自己喜歡。現在 GoDaddy 上 .com 每年的默認費用是 7元/年。

但實際上,你看到我現在購買的是 第 1 年:¥5.86/年

第 2 年後:¥101.00/年,GoDaddy 的域名價格時常有波動,以當時為準即可。

個人博客,建議購買 5 年限,等到你 5 年後覺得還有必要,再 10 年續下去。

如果你不是土豪,可以上網搜 GoDaddy 優惠碼,一般優惠幅度是 20%~ 30% 不等

填完之後,五年的費用就從 415.56 會變成 333.95 元。

說明一下:網上的優惠碼優惠不一,你可以逐個嘗試拿個最低價,這裡就不一一測試了。

如圖,我買了五年的費用就是 333.95 元,隨後點擊「前去付款」

5、結算。登錄或註冊界面,填完必要的信息之後,選擇用支付寶結算。

註冊後頁面跳轉到結算頁面

如果結算出現問題,可以查看這個頁面。

6、檢查。結算後,重新登錄,去「我的賬戶 &> 我的產品」,域名已經顯示在你的賬戶了。

7、補充一些注意事項:

  • 輸入優惠碼沒有優惠或者優惠幅度較低,請清除瀏覽器 cookies 再嘗試;
  • 如果沒有支付寶支付選項,有可能是使用的優惠碼不支持支付寶,請重新清除瀏覽器 cookies 再嘗試;
  • 註冊時用戶填寫信息時一定要輸入正確的郵箱名字,否則修改十分麻煩。
  • 買完域名之後一定要記得去自己的郵箱查看激活郵件,否則域名激活不了。

安裝準備軟體

依次下載安裝。

  • 1、Node.js
  • 2、Git

怎麼打開 Git ?

Win 平台操作

  • 1、開始菜單 Git Bash
  • 2、滑鼠右鍵打開 Git Bash

Mac 平台操作

安裝 Git 之後可直接在 Terminal 操作

註冊 GitHub

訪問:http://www.GitHub.com/

註冊你的 username 和郵箱,郵箱十分重要,GitHub 上很多通知都是通過郵箱發送。

註冊過程比較簡單,詳細也可以看:

一步步在 GitHub上創建博客主頁 全系列 by pchou(推薦)

配置和使用 GitHub

以下教程主要參考 beiyuu 的《使用GitHub Pages建獨立博客》寫成。

配置 SSH keys

我們如何讓本地 git 項目與遠程的 GitHub 建立聯繫呢?用 SSH keys。

檢查 SSH keys的設置

首先我們需要檢查你電腦上現有的 ssh key:

$ cd ~/.ssh 檢查本機的ssh密鑰

如果提示:No such file or directory 說明你是第一次使用 git。

生成新的 SSH Key:

$ ssh-keygen -t rsa -C "郵件地址@youremail.com"
Generating public/private rsa key pair.
Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):&<回車就好&>

  • 注意 1: 此處的郵箱地址,你可以輸入自己的郵箱地址;
  • 注意2: 此處的「-C」的是大寫的「C」

然後系統會要你輸入密碼:

Enter passphrase (empty for no passphrase):&<輸入加密串&>
Enter same passphrase again:&<再次輸入加密串&>

在回車中會提示你輸入一個密碼,這個密碼會在你提交項目時使用,如果為空的話提交項目時則不用輸入。這個設置是防止別人往你的項目里提交內容。

注意:輸入密碼的時候沒有 * 字樣的,你直接輸入就可以了。

最後看到這樣的界面,就成功設置ssh key了:

添加 SSH Key 到 GitHub

在本機設置 SSH Key 之後,需要添加到 GitHub上,以完成 SSH 鏈接的設置。

  • 1、打開本地 id_rsa.pub 文件( 參考地址 C:Documents and SettingsAdministrator.sshid_rsa.pub)。此文件裡面內容為剛才生成的密鑰。如果看不到這個文件,你需要設置顯示隱藏文件。準確的複製這個文件的內容,才能保證設置的成功。
  • 2、登陸 GitHub 系統。點擊右上角的 Account Settings—&>SSH Public keys —&> add another public keys
  • 3、把你本地生成的密鑰複製到裡面( key 文本框中), 點擊 add key 就ok了

測試

可以輸入下面的命令,看看設置是否成功,git@GitHub.com 的部分不要修改:

$ ssh -T git@GitHub.com

如果是下面的反饋:

The authenticity of host "GitHub.com (207.97.227.239)" can"t be established.
RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
Are you sure you want to continue connecting (yes/no)?

不要緊張,輸入 yes 就好,然後會看到:

Hi cnfeat! You"ve successfully authenticated, but GitHub does not provide shell access.

設置用戶信息

現在你已經可以通過 SSH 鏈接到 GitHub 了,還有一些個人信息需要完善的。

Git 會根據用戶的名字和郵箱來記錄提交。GitHub 也是用這些信息來做許可權的處理,輸入下面的代碼進行個人信息的設置,把名稱和郵箱替換成你自己的,名字必須是你的真名,而不是GitHub的昵稱。

$ git config --global user.name "cnfeat"//用戶名
$ git config --global user.email "cnfeat@gmail.com"//填寫自己的郵箱

SSH Key 配置成功

本機已成功連接到 GitHub。

若有問題,請重新設置。常見錯誤請參考:

GitHub Help - Generating SSH KeysGitHub Help - Error Permission denied (publickey)

將獨立域名與 GitHub Pages 的空間綁定

DNS 設置

用 DNSpod,快,免費,穩定。

註冊DNSpod,添加域名,如下圖設置。

其中 A 的兩條記錄指向的ip地址是 GitHub Pages 的提供的 ip

  • 192.30.252.153
  • 192.30.252.154

如博客不能登錄,有可能是 GitHub 更改了空間服務的 ip 地址,記得及時到在GitHub Pages查看最新的 ip 即可

www 指定的記錄是你在 GitHub 註冊的倉庫。

去 GoDaddy 修改 DNS 地址

更改 GoDaddy 的 Nameservers 為 DNSpod 的 NameServers。

1、點擊你的賬戶,管理我的域名。

2、點擊域名。

3、將 GoDaddy 的 Nameservers 更改成 http://f1g1ns1.dnspod.net 和 http://f1g1ns2.dnspod.net

如有不詳可以看DNSpod提供的官方幫助

也可以看這裡:一步步在GitHub上創建博客主頁(3)

使用 GitHub Pages 建立博客

與 GitHub 建立好鏈接之後,就可以方便的使用它提供的 Pages 服務,GitHub Pages 分兩種,一種是你的 GitHub 用戶名建立的 http://username.GitHub.io 這樣的用戶組織頁(站),另一種是依附項目的 Pages。

想建立個人博客是用的第一種,形如 http://cnfeat.GitHub.io 這樣的可訪問的站,每個用戶名下面只能建立一個。

Fork 已設置好的倉庫

點擊 cnfeat/blog.io

點擊右上角的 Fork

這樣,你就得到我的博客倉庫了。

你可以到

https://GitHub.com/你的用戶名/blog.io

確認一下

然後將 http://blog.io 改成 你的 GitHub 用戶名.http://GitHub.io

例如我的就改成 http://cnfeat.GitHub.io

改好之後,可以發現,』你的 GitHub 用戶名.http://GitHub.io』 已經可以訪問了。

將獨立域名與 GitHub Pages 的空間綁定

GitHub Pages 的設置

去到你的 http://blog.io 倉庫,點擊 CNAME ,再點擊右下角的 鉛筆 編輯,將 http://cnfeat.com 改成你的域名

這樣,你再去你綁定的域名看看,估計已經導向到 『你的 GitHub 用戶名.http://GitHub.io』 了。

搭建完成

至此,獨立博客就算搭建完成,如需進步一完善請在參看以下文章或博客下留言。

如何更新博文

安裝 GitHub desktop

下載地址:GitHub Desktop

找你的倉庫 Git 地址

去到你的博客倉庫:https://GitHub.com/你的用戶名/blog.io

複製 clone 地址

例如我的就是

https://github.com/cnfeat/blog.io.git

clone 你倉庫到本地

點擊左上角的「+」號,選擇 add,choose 『你的 GitHub 用戶名.http://GitHub.io』 文件夾。

如此,你的本地博客倉庫就已經和 GitHub 的倉庫同步起來了。

修訂 _posts 文件夾中的 md 文件

http://blog.io 倉庫已經自帶兩篇文章模板,按照模板修改即可。

推送文章更新

修訂或新增完文章,再回到 GitHub desktop,點擊同步更新即可。

更新個人博客信息配置

自己把 http://blog.io 中文件都點開看一遍,主要配置文件是 _config.yml ,推薦使用 sublime 打開。

修訂清單如下,文檔內有詳細注釋,可按注釋逐個修訂

* 博客名字及作者信息:_config.yml

* 個人介紹頁面:about.md

* 代表作頁面:milestone.md

* 文章模板:blog.io/_posts/2015-03-02-how-to-write.md

404頁面

GitHub Pages有提供製作404頁面的指引:Custom 404 Pages。

直接在根目錄下創建自己的 404.html 或者 404.md 就可以。但是自定義404頁面僅對綁定頂級域名的項目才起作用。

推薦使用騰訊公益404。

圖床

推薦使用七牛(10G空間,免費)。

參考資料:

  • [1]一步步在GitHub上創建博客主頁 全系列 by pchou(推薦)
  • [2]網站優化:一步步在GitHub上創建博客主頁(6) by pchou (推薦)
  • [3]搭建一個免費的,無限流量的Blog----GitHub Pages和Jekyll入門 by 阮一峰(推薦)
  • [4]hexo系列教程:(二)搭建hexo博客 by zippera(推薦)
  • [5]hexo系列教程:(三)hexo博客的配置、使用by zippera(推薦)
  • [6]hexo系列教程:(四)hexo博客的優化技巧 by zippera(推薦)
  • [7]hexo你的博客 by ibruce(推薦)
  • [8]Pacman主題介紹 by yangjian(推薦)
  • [9]使用hexo搭建博客 by yangjian(推薦)
  • [10]折騰了個Pacman主題 by wuchong(推薦)
  • [11]hexo官方寫作教程「Writing」
  • [12]知乎上的教程:如何搭建個人獨立博客?
  • [13]在GitHub Pages設置獨立域名的官方教程:[Setting up a custom domain with GitHub Pages]
  • [14]使用GitHub Pages建獨立博客 by beiyuu
  • [15]git/GitHub初級運用自如 by 蟲師
  • [16]hexo搭建靜態博客以及優化 by Joanna Wu
  • [17]使用Hexo搭建個人博客 by c4fun
  • [18]GitHub Pages與Hexo建個人博客流程 by Kesco
  • [19]Git push時重複輸入用戶名密碼的問題 by zippera
  • [20]hexo文件結構及網站優化 by kevin chen

相關鏈接

  • [1]GitHub Pages主頁
  • [2]GoDaddy域名商
  • [3]DNSPOD
  • [4]Hexo官方主頁
  • [5]GotGitHub:GitHub介紹(推薦)
  • [5]圖標製作網站:faviconer
  • [6]本地測試頁localhost:4000

關於我

這裡有我的個人簡介:關於我

如果你想看到我最新的文章,可以關注我的微信公眾號「cnfeat」。


買域名,買虛擬空間,配置好虛擬空間,上傳代碼(wordpress比較簡單),做SEO和RSS,然後就可以上線了,如果網站在國內,請到相關部門備案先

如果不介意域名質量的話,可以採用SAE的雲商店的傻瓜式博客http://yunshangdian.com/


給小白寫的,

超哥:新手建站指南——十步建成你的優秀站點

十步建成你的優秀站點

如果你想明白了自己的業務方向,那你已經準備好了。

Come on, Let"s go.

先看看目錄

1. 註冊域名

  • 選個好名字
  • 超哥的起名服務
  • 註冊名字盡量自己來

2. 電子郵件

3. 網站主機

  • 速度測試
  • 主機商信譽

4. 建站系統

  • 什麼是建站系統?
  • 選什麼系統?
  • 如何安裝

5. 網站設計

  • 你的Logo和品牌形象
  • 網站模板
  • 自行設計模板
  • 平面設計

6. 好玩的網站內容

  • 好玩
  • 核心內容
  • 網站內容計劃
  • 外語文案
  • 給客戶提供下載資料
  • 給客戶送點禮物
  • 讓客戶找到你
  • 提供銷售產品
  • 圖片、照片
  • 拍點視頻、錄點音頻。
  • 新聞郵件
  • SEO

7. 網站功能與定製開發

  • 聯繫表單
  • 購物車和支付按鈕
  • 流行插件
  • 訂閱付費插件
  • 開發功能插件
  • 能不定製開發就別開發
  • 平台排名高的牛人一樣不靠譜
  • 認真挑選技術人員、支付合理費用
  • 太複雜的網站找技術合伙人

8. 網站測試

  • 網站速度
  • 網站功能可用
  • 網站分析
  • 學會搜索,向全世界有經驗的人學習

9. 哪裡找人

10. 你自己該做什麼?

  • 每小時工作的價值
  • 你值什麼價?
  • 你要玩,隨便你
  • 創意的工作自己做
  • 有些事兒別一再免費讓朋友做

結束語

  • 自由職業的層次
  • 更新網站
  • 競爭優勢
  • 自由職業全球化
  • 本文更新 問問超哥

作者:O超哥

超哥:新手建站指南——十步建成你的優秀站點

》》歡迎加入超哥創業俱樂部 Chao Startup Club


最近在弄這個,可以簡單說一下。

一個完整的個人獨立博客前期搭建工作主要是買域名和買空間,個人推薦萬網買域名加阿里雲(沒什麼分析只是自己覺得還不錯)。

1,買域名,進入萬網之後搜索你想要的域名,一般com域名一年大概49。

2,買空間,阿里雲的伺服器有包月計費和按量計費兩種,如果訪問量不大按量計費應該更划算。在選擇伺服器系統時建議在鏡像市場選擇一款Cent OS的已經安裝好wordpress的鏡像。而且還有一個幫助文檔教你怎麼使用。

3,管理wordpress,根據幫助文檔的說明一步步搭建起網站來,然後進行個性化的修改,注意務必把谷歌字體修改掉否則訪問很慢。

4,域名備案,由於使用的是國內的主機所以必須備案,具體流程在阿里雲備案系統里寫的很詳細,跟著來大概20天之內就能搞定。

5,域名解析到ip,這個在萬網的解析管理和幫助文檔里都有,跟著一步一步做就好。

另一種做法就是在新浪雲里搭建網站,然後在godaddy購買域名並解析到對應的新浪雲域名,好處是不用備案什麼的比較方便,效果很一般,沒法自主升級wordpress,訪問速度比較慢等。

由於是新手所以沒什麼經驗,這裡跟大家分享一下歡迎指正。


利用Github Page 搭建個人博客網站

轉載請註明出處:

http://blog.csdn.net/tzs_1041218129/article/details/53214497

http://www.54tianzhisheng.cn/Blog/html/blog_github.html (閱讀效果最好)

更多精彩文章請關注微信公眾號:猿blog

前言

最近這幾天,沒事幹,想找點事折騰下,於是自己便想到了自己一直想乾的一件事:搭建一個屬於自己的博客網站。目前搭建個人 blog 網站最好的是用 wordpress ,但是那個折騰起來好像還挺麻煩的,再加上還需要自己修改些前端代碼和用 PHP 做(雖然我學了幾天拍黃片,但是早已忘了),然後就是用 Github Page 吧,自己也一直在這個最大的交友網站裝 X 。想想就用這個吧(後來好像覺得這個還挺省事的)

再說說擁有個人博客網站的好處吧:

  • 裝 X(如果網站夠炫)
  • 很好的用來總結自己所學的知識
  • 面試加分(在簡歷上放上自己的個人網站鏈接,面試官就可以更好的了解你,知道你所學知識的深度和廣度)
  • 不再受其他博客平台的規則所束縛

如果你現在還沒有自己個人博客網站的話,那麼我覺得你看完本篇博客後,強烈的建議你去折騰折騰下,搞個自己的,讓自己也能夠體驗裝 X 的感覺。

要想用搭建一個個人博客網站,首先你得有一個域名,這樣別人才可以通過域名訪問,其次你還要一個空間來存放你的頁面。

域名 域名的話,你可以在萬網、阿里雲、騰訊雲等註冊,我的域名 http://www.54tianzhisheng.cn/ 就是在騰訊雲註冊的,記得是騰訊雲一元錢(一個域名+主機)搞的,這是騰訊雲對學生才有這優惠。 .cn 的域名需要備案,備案的審核速度我覺得還是挺快的,還需要上傳證件。當然你也可以買其他的那些不需要備案的域名,省得麻煩事。

  • 空間 空間有免費的空間,也有收費的空間。免費的當然就不夠穩定了,收費的就很貴了,終究是很不爽,有沒有什麼地方是既免費又穩定的空間呢?有,Github 。它允許上傳個人網站項目並自定義你的域名,而且又有穩定的服務,實在是不能夠在好了。

下面就一起跟著我來一步一步的利用 Github 搭建個人博客網站吧!

1. 擁有一個域名

這個步驟我就不詳述了。

舉例:

  • 打開騰訊雲官網
  • 搜索你想要的域名,下單買一個

2. 擁有一個 Github賬號

互聯網崇尚自由與分享。Github 是一個全世界程序員聚集的地方,大家相互分享自己寫的代碼,提升別人,也提升自己。大家都在為著開源社區努力著。因為我從開源項目中學到很多知識,所以我也非常願意分享我的所見所學所得,我的 Github 主頁:https://github.com/zhisheng17 (歡迎 follow 和對我的項目給個 star 或者 fork 我的項目一起來和我完善項目)

如果還沒有 Github 賬號的話你就先去註冊一個吧,有的話,直接登錄就行,後面的操作都要用到 Github 的。

3. Github 上新建個人網站項目

登錄 GitHub 之後,在頁面右上角點擊 + 加號按鈕,點擊 New repository。

由於我們是新建一個個人網站項目,所有倉庫的名稱需要安裝 GitHub 個人網站項目的規定來寫。

規則就是:

http://YOUR-GITHUB-USERNAME.github.io

比如我的 GitHub 用戶名是 zhisheng17,那我就要填寫 http://zhisheng17.github.io。然後選擇公開模式,接著點擊創建倉庫按鈕。

創建成功之後,進入了項目主頁面。點擊設置按鈕。

進入之後,滾動頁面到下方。點擊頁面自動生成器按鈕。

點擊右下方繼續去布局按鈕。

選擇一個模板,點擊發布頁面按鈕。

這個時候,你就可以通過http://YOUR-GITHUB-USERNAME.github.io來訪問此頁面了。

4. 上傳個人網頁到 Github

自動生成頁面,肯定不符合我們的要求,我們希望能夠自己設計自己的個人網站。我們可以自己編寫一個網頁文件,命名為 index.html。然後上傳到 GitHub個人網站項目上。這裡為了節約時間,可以先下載我的個人網站項目代碼,然後修改為你的網頁上傳到 GitHub。

下面介紹詳細步驟。

進入此項目zhisheng17/zhisheng17.github.io,然後下載源碼。解壓之後,拿到裡面的index.html文件。

然後進入自己的個人網站項目主頁 YOUR-GITHUB-USERNAME/http://YOUR-GITHUB-USERNAME.github.io。點擊上傳文件按鈕,進入上傳文件頁面,將 index.html 文件拖入藍色大圈圈區域,點擊提交按鈕即可提交成功。此時打開網址 http://YOUR-GITHUB-USERNAME.github.io 就可以看到主頁已經改變為我們自己的網頁了。

通過 http://zhisheng17.github.io 查看效果:

5. 域名CNAME到個人網站項目

網頁上傳成功了,我們不想一直通過http://YOUR-GITHUB-USERNAME.github.io來訪問我們的個人網站,而是希望通過自己的域名來訪問。

下面講述詳細步驟。

點擊我們的個人網站項目設置選項卡,滾動到下面,就會發現一個自定義域名卡片。輸入我們買的域名,然後點擊保存。

接著我們還要將我們的域名解析到這個個人網站項目上。因為我的域名是在騰訊雲上面買的,所以我打開騰訊雲域名管理頁面,進行相關的設置。

接著,點擊添加一條域名解析記錄,主機填寫www,代表你是一級域名來訪問,指向填寫http://YOUR-GITHUB-USERNAME.github.io,然後點擊保存按鈕。應該要等會,域名的解析時間可能不一樣,我的騰訊雲就是很慢的

6. 訪問你的域名

所有這些步驟做完之後,在瀏覽器里輸入自己的域名,回車鍵一按,就會返回我們剛剛上傳到 GitHub 的index.html 頁面了。

這裡只是入門了 GitHub 搭建個人網站的功能,GitHub 官方推薦 Jekyll 博客系統來發布自己的頁面。以後有數據更新,都可以通過 Jekyll 來重新編譯整個網站。(期待後續我的使用 Jekyll 博客系統發布自己博客的文章吧)

7. 注意事項

儘管GitHub個人網站項目是免費的,但是卻有一些限制。總體來說,完全夠用,甚至太多了。

  • 單個倉庫大小不超過1GB,上傳單個文件大小不能超過100MB,如果通過瀏覽器上傳不能超過25MB
  • 個人網站項目也不例外,最大空間1GB
  • 個人網站項目每個月訪問請求數不能超過10萬次,總流量不能超過100GB
  • 個人網站項目一小時創建數量不能超過10個

當然了,這些政策可能隨時改變,可以通過此網頁查看最新政策。 https://help.github.com/articles/what-is-github-pages/#recommended-limits


更新:我用000webhost 快半年了,有時候很不穩定,無法訪問。看來免費的東西確實不好用。建議大家還是花點錢買國外付費主機吧,比國內便宜,做博客也不錯的。推薦

Vultr:High Performance Cloud Servers 新用戶註冊充5美元送25美元 ,有效期一年。

2.5美元每月,按小時付費,512 M 內存,500 GB流量 ,有免費快照備份 和一鍵wordpress。

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

先亮出我的博客免費虛擬主機 ,使用的是國外的免費虛擬主機000webhost 和免費圖片加速七牛雲 ,博客系統使用的是Typecho ,域名6元/年 。

下面我來說一下怎樣使用000webhost :

一、註冊

註冊郵箱不能是國內郵箱,推薦gmail和outlook 。由於註冊時必須進行谷歌人機驗證,所以需要一個梯子。註冊完畢後進入郵箱激活你的賬戶。

二、建站

在新建網站moxian時,首先會讓你設置伺服器密碼,然後點擊manage website。

貼一張重要的截圖,以下內容圍繞截圖展開:

網站部署點擊Build website ,支持三種網站部署方式:

第一種:在線網頁設計

這種設計完全是模板化拖拽控制項,選擇你需要的控制項,然後編輯發布即可!

第二種:一鍵安裝wordpress

新建時會讓你設置 管理員用戶名密碼 ,選擇語言,然後點擊安裝,幾分鐘之類完成。請記住之前創建的伺服器用戶名密碼,因為更換主題時需要用到。

第三種: 在線FTP上傳網站

在線FTP上傳速度非常快啊,不用忍受龜速的本地FTP軟體連接上傳方式。而且支持在線tar.gz ,zip格式解壓 ,目錄許可權修改,文件移動 。

我的網站就是在線上傳的,點擊upload files 進入在線FTP,上傳typecho的tar.gz壓縮文件,然後解壓,將解壓後文件全部移動到根目錄,如下所示。

上傳完畢後需要新建資料庫,返回管理面板,點擊manage database - new database 新建,截圖一下我的資料庫,可以看到系統自動在新建的資料庫多加了開頭 id xxxxx .所以你實際的資料庫名稱和用戶名也是這樣的,密碼不變。

然後輸入網站地址http://moxian.000webhostapp.com,按照提示進行安裝即可。

三、綁定域名
網站搭建完畢,就可以綁定自己的域名了,阿里雲 site 域名只有 6元每年 !先在域名註冊商那裡將DNS伺服器指向

ns01.000webhost.com 和 ns02.000webhost.com 。

然後在網站控制面板,點擊Set web address - use my own domain ,填入我的域名moxian.site ,再等幾個小時就生效了。

至此博客搭建完畢我這裡說一下簡單的優化技巧:圖片壓縮和CDN

1、圖片壓縮 Optimize pictures for websites and email

這個網站可以自定義圖片大小,最大可以將圖片壓縮50%以上,在我們隨便截圖一下就有幾百K的時候,還是很有用的。另外對於圖片的保存格式,我發現jpg 和png 格式有時候大小差異非常大,大家有必要注意一下。對比一下優化前後圖片大小:

2、免費CDN

如果你的域名備案了,可以使用百度雲加速,對於個人網站博客是免費的,但卻可以大幅提升你的博客瀏覽速度。

如果沒有備案,可以使用七牛的免費雲存儲加速圖片,具體設置請看我的博客

不備案使用七牛雲儲存加速圖片 - 免費虛擬主機


http://Coding.net有Pages服務,可以把靜態的代碼直接對外訪問,也可以解析自己的獨立域名進行訪問.

參考:http://www.catcoder.com

使用了hexo進行生成,模板是next



2017年1月29日更新:

我改用成hexo博客框架已經有一段時間了,新浪雲後來發生了些變化,可能跟教程里說的不一致了。所以大家謹慎跟教程吧 = =

以下原文

2016年3月20日

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

作為一個非計算機專業的學生,第一次在知乎上知道wordpress這個神器的時候簡直驚喜,當即照著前輩們的提示著手建立我的個人網站(大鎚·Tracy)。但是一路跟下來,我發現這些教程並不足夠滿足我的需求:便宜、簡單、快捷。而且中途因為一些不知名的原因(畢竟小白),始終建不好。後來在一位程序員朋友的提示下,用更簡單的方法成功建立了目前的個人博客。

目前為止,除了註冊域名必須花的18元,尚無其他支出。當我建成了第一個網站後,我又去建了第二個,這次花的時間不到一小時。總體來說,對於完全沒有建站經驗的人,本教程的可執行性比較強。

我以前看的教程主要步驟如下:

1. 註冊域名

2. 註冊虛擬空間

3. 下載並安裝wordpress

4. 建立資料庫

5. 解析域名

6. 安裝模板和插件

今天我要告訴大家另一樣神器:新浪雲。它可以幫助我們輕鬆搞定2、3、4個步驟。

所以這個教程的主要步驟如下:

1. 註冊域名

2. 註冊和使用新浪雲

3. 解析域名

4. 安裝模板和插件

1. 註冊域名

國內外的域名註冊商都是可以選擇的,我個人使用的是:

阿里雲域名註冊:阿里雲域名註冊

註冊方法很簡單,搜索並篩選未被註冊的域名,然後付款就行。一個普通的域名的價格一般是第一年40、50元,也有的域名比較便宜,像我註冊的就是第一年18元。

2. 新浪雲

在使用新浪雲之前,為了註冊虛擬空間,我在阿里做活動時申請了一年的免費虛擬空間,申請國內的主機空間比較麻煩的一點,就是要備案。備案過程特費時,一來一回了好幾天,在此按下不表。新浪雲好的一點就是目前對個人開發者並沒有備案要求。

關於虛擬空間,另一個要考慮的因素是,一年後阿里雲就會開始收費,不管你的PV(page view)是zero還是爆表,都要固定繳費。而新浪雲使用的是「按需收豆」的收費方式。1元 = 100雲豆,雲豆可以用來購買新浪雲的各種服務,包含新浪雲應用 SAE、雲主機 SEC、雲存儲 SCS、雲容器 SC2、雲商店 SCM、雲郵箱 SEM。對於一個個人網站上來說,一兩百顆雲豆妥妥夠用了。

為了建立資料庫,我曾經使用過XAMPP,一個挺大的軟體。但實際上如果你沒有其他用途的話,下載這樣一個軟體就是殺雞偏用牛刀了。而新浪雲可以讓我們不用操心資料庫的問題。

那麼現在開始使用新浪雲創建wordpress。

首先,你需要註冊新浪云:新浪雲註冊

新浪雲目前的活動是,通過邀請註冊新浪雲的,被邀請人和邀請人各得200顆雲豆。所以上面那條是我的邀請鏈接,請收下!

然後,進入雲應用控制台:

點擊「創建新應用」。

輸入一個二級域名。如果你有自己的域名,這裡可以隨便填,以後我們會把網站改成獨立域名。

填入應用名稱,選擇「WordPress for SAE"

然後等待系統進行安裝:

安裝好以後會進入這個著名的WordPress的5分鐘安裝頁面:

填好要求信息提交之後,wordpress會賤兮兮地告訴你:是不是還沉浸在安裝的喜悅當中呀?可是你已經安裝好了哦!

現在你返回控制台,就可以看到剛剛創建好的wordpress應用了。(我由於個人手賤,先後創建了兩個,在下個步驟中會解釋怎麼手賤的)。

現在已經可以用這串二級域名來訪問你的初始主頁了。

在頁面上登錄狀態下可以進入」儀錶盤「進行網站後台編輯:

3. 解析域名

解析域名的意思就是,這個讓域名和網站勾搭起來。

我們回到新浪雲控制台,找到剛剛創建的應用,點進來會看到這個應用管理的界面:

點擊域名管理:

在下框中輸入註冊好的獨立域名:

點擊綁定。之後系統會彈出這個提示框:

這個信息不用特地記,我們返回域名管理還會看到:

那麼怎麼進行CNAME,怎麼進行A解析呢?

這時候我們就需要回到我們註冊域名的地方。我以阿里雲域名註冊為例。

首先,進入阿里雲的管理控制台,找到你的域名:

點擊域名,找到它的解析設置:

點擊「添加解析」,即上圖中的紅色按鈕。按照新浪雲給的方式添加那兩條解析。

等上幾分鐘,等到「是否生效」和「是否驗證」都顯示了「是」,就算解析完成了。這時在瀏覽器中輸入你的獨立域名,就可以鏈接到網站了。

/* update: 根據幾位讀者的反饋,在這裡補充幾條tips。

1. 新浪雲提供的CNAME和A解析地址由英文和數字組成(一定不是亂碼),如果出現亂碼請換個瀏覽器試試。

2. CNAME主機記錄那裡填"chuiyi.wang"(你的獨立域名)或"@"的意思都是一樣的。

3. 新浪雲提供的A解析地址要複製全。有朋友看到我的阿里雲A解析記錄里的「主機記錄」沒有後面那串「.chuiyi.wang」,就跟著只複製前一半了。其實我是複製全了的,只是阿里雲沒有顯示。

4. 如果你發現雖然新浪雲顯示了「步驟進行到 是否驗證:是 是否生效: 是」,但卻無法通過獨立域名打開網站。請檢查一下阿里雲解析記錄里是否還有其他解析內容,有的話就刪掉,只留新浪雲要求解析的那兩條,然後等幾分鐘看看。

*/

但還有個問題,就是雖然輸入個人域名可以進入到個人網站了,可是在網站里跳轉一下,瀏覽器上方又變成了新浪給的二級域名。

這個問題很好辦。回到個人網站的儀錶盤,點擊設置:

將URL填寫為你的個人域名,保存後重新登錄即可。

特別提醒好奇寶寶們:

千萬不要填入其他網站的URL!

否則就再也找不到你自己的網站了……

對,這就是為什麼我又重新建了第二個wordpress應用……

4. 安裝模板和插件

到第三步為止,如果你對系統自帶的網站主題可以接受,那個人建站就算完成了。如果你對網站主題有更高的追求,請往下看。

新浪雲建站的缺陷是,無法在線選擇wordpress主題和插件(其實在線模板種類也有限),所以如果想安裝樣式豐富的模板,我們需要另一樣神器:SVN

之前用阿里雲虛擬空間的時候,不論是安裝wordpress還是上傳開源模板,方法都是ftp。ftp在windows上的操作比較簡單,用本地文件夾就可以操作。OS系統本身對ftp沒有支持,所以我用了一款廣受推薦的叫FileZilla的免費軟體。文件的上傳速度極慢,忍無可忍的我又去嘗試了其他ftp免費軟體,發現都一樣龜速。

所以現在初嘗甜頭的我一定要向各位安利新浪雲+SVN的方式!

SVN一般來說是開發團隊用以進行版本控制的工具。而在這個案例中,我們主要使用SVN來控制雲端代碼。

首先,我們需要下載一個SVN客戶端

Windows的用戶請參考這一篇SAE的代碼部署手冊:(直接拖到「使用SVN客戶端」)

http://www.sinacloud.com/doc/sae/tutorial/code-deploy.html#id2

Mac用戶可以下載SmartSVN:

SVN client SmartSVN: Download

SmartSVN一開始有30天的專業版試用期,到期會自動退為普通版。沒關係,夠用的。

說到SVN,幾個名詞稍微解釋一下。

Repository(源代碼庫)-源代碼統一存放的地方;

Checkout (提取)-當你手上沒有源代碼的時候,你需要從repository checkout一份;

Directories - 本地存儲代碼的地方

Commit (提交)-當你已經修改了代碼,你就需要Commit到repository;

Update (更新)-當你已經Checkout了一份源代碼, Update一下你就可以和Repository上的源代碼同步,你手上的代碼就會有最新的變更。

簡單來說,我們現在需要從新浪雲(Repository)提取(Checkout)網站的源代碼,放到本地(Directories),然後在本地進行代碼修改(或者添加主題、插件文件),再將本地的文件提交(Commit)到新浪雲。

所以打開SmartSVN後,我們就跟著軟體引導進行Checkout.

第一步是輸入源代碼庫的地址:

這個地址可以在新浪雲應用管理中的代碼管理里找到:

然後輸入本地存放代碼的位置:

接著Continue……你會看到左下角正在Checkout:

完成之後,雲端的文件就會出現在你的本地文件夾里了。

在本地文件夾里,可以找到wp-content這個文件夾,點開之后里面有叫做theme和plugins的文件夾,分別用來存放wordpress的主題和插件。接下來我們需要做的,就是在網路上下載心儀的主題和插件,然後放到theme或plugins文件夾里。

放好之後,需要把本地的代碼傳到雲端。只需要打開SmartSVN,在左上角的Directories中找到你剛剛放進去的主題文件夾,進行Commit操作即可。

Commit成功後,回到wordpress儀錶盤的「外觀」管理中,你會發現可用主題除了最初默認那2個外,還加入了你剛放進去的主題。

用這個方法,就可以玩遍所有開源的wordpress主題和插件了,想什麼風格是什麼風格~


推薦 GitHub Pages

雖然國內被牆的服務越來越多,不知為何github一直屹立不倒。據說是因為寫牆的程序員也要用,為了不死循環就。。。

言歸正穿,Pages是什麼?

官網的介紹語是Websites for you and your projects,意思就是給個人和個人的項目提供的網站服務。Pages提供的網站服務不但簡單,目前來看中國大陸訪問的效果還不錯,比如我的個人博客(好久木有更新了。。)http://www.davidlichao.com/。 Pages其實也官方支持博客類型的網站,文檔可參考[0],具體的步驟可以分成以下幾步:

  1. 安裝Ruby? [1]
  2. 在本地搭建Jekyll [2]
  3. 新建Markdown文件,用Markdown寫博客 [3],並加入到本地的Git倉庫 [4]$ git init
    $ git add --all
    $ git commit --message="起個標題" --message="再寫句吧" --message="還寫?" --message="喂喂這個也能寫博客了喂"
  4. 註冊github帳號 [5],並建立一個名字是你的帳號.http://github.io的倉庫,然後把本地倉庫推送到github$ git remote add origin &
    $ git push origin master

到這一步為止,你已經有了一個可以訪問的博客應用了,地址就是上面那個倉庫的名字。接下來,你就可以綁定自己的域名了:

  1. 購買域名,GoDaddy等等都可以
  2. 在github倉庫的根目錄下新建一個CNAME文件,文件內容就是域名,比如我的CNAME文件chaoli46-japan/chaoli46-japan.github.io
  3. 如果域名是在GoDaddy這種境外機構購買的而你又需要從國內訪問,需要替換他們自己的DNS解析地址到國內的DNS解析服務,比如DNSPod [6]
  4. DNS解析[7]需要設置@的CNAME紀錄為你的帳號.http://github.io,www的CNAME紀錄為你的帳號.http://github.io

等DNS解析生效之後(可能需要好幾天),這個獨立域名的博客就可以流暢地從國內訪問了。博客更新和最開始的步驟類似,新建Markdown文件,提交到本地的Git倉庫,然後推送到github。

$ git add --all
$ git add commit --message="嘿嘿" --message="嘿嘿嘿嘿嘿" --message="嘿嘿嘿嘿嘿嘿"
$ git push origin master

參考文檔:

[0] Using Jekyll with Pages

[1] Documents/Deploy automated testing environment.md at master · chaoli46/Documents · GitHub

[2] Jekyll ? 簡單靜態博客網站生成器

[3] 圖靈社區 : 閱讀 : 怎樣使用Markdown

[4] git - the simple guide

[5] GitHub · Build software better, together.

[6] 學會使用DNSPod,僅需三步-DNSPod 技術支持-DNSPod-免費智能DNS解析服務商

[7] My custom domain isn#x27;t working


安利一下新浪雲計算;

以我博客為例,以下是我博客摘出的文章;

同樣的也可以裝Wordpress;

個人博客也十分推薦裝在Github上。

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

新浪為初學者提供了很好地平台,並提供了價格較為低廉的建站方法;

如果流量不算大的話,你甚至可以一直使用它;

以typecho為例,我來用文字的演示方法講方法闡述出來;

為了照顧對電腦不敏感的人,下面的文字很通俗易懂;

第一步:

打開網址 新浪雲計算 ,請注意,選擇」開發者入口:,當然您如果願意為此付費的話可以直接走新浪雲商店;

我們假設走的是開發者入口,會提示您用您的sina賬號綁定SAE,請按照他說的做;

在上述步驟進行時,它會提示您創建一個SAE的安全密碼和郵箱,推薦您使用常用的郵箱和比較複雜但能記住的密碼;

在一切準備妥當後,即可進入下一步;

第二步:

在SAE中導航欄,點擊「我的首頁」,或者在右上角點擊您的用戶名;

進入後您將看到,有一個藍色的按鈕「創建應用」,請點擊「創建應用」;

如果您的瀏覽器沒有問題的話,您會看到一個提示框,如果您對SAE的條款沒有疑問,請選擇「繼續創建」;

以上步驟進行完畢,即可進入下一步;

第三步:

二級域名處,填寫網址的前綴,比如我的「ai0by.sinaapp.com」即為填寫了「ai0by」;

應用名稱處可以隨意填寫,建議您填寫備註;

選擇應用程序時可以有兩種選擇方法,如果您是小白用戶,建議您直接使用PHP下的Typecho即可;

點擊創建應用;

使用這種方法的人做到這裡成功後進入第四步;

如果您選擇錯誤或者直接使用了空的PHP空白頁,您可以使用第二種方法;

打開SAE網站底部的應用倉庫,搜索找到Typecho;

不要點擊安裝,請選擇下載應用安裝包,將安裝包下載到您的PC上面;

之後利用SVN上傳到網站根目錄即可;(後面會講怎樣上傳)

在應用管理頁面左側邊欄找到MYSQL這個選項,點擊初始化MYSQL,默認選項即可;

在應用管理頁面左側邊欄找到Memcache這個選項,點擊初始化Memcache,提示輸入額度,個人選擇15mb就差不多,其他默認選項即可;

第四步:

做到這裡就可以訪問您的博客:http://Username.sinaapp.com

安裝您的博客,按照提示安裝即可,無難度;

進入後台管理頁面,由於SAE是不支持上傳的,只能用SVN來進行代碼的管理;

這並不難,只需要幾步操作即可;

下面是版本控制工具的一些個人看法,有興趣您可以看一下,與本教程無關:

[u]版本控制工具,分為三個區塊,其中可以理解為,工作區,暫存區,版本庫;

其中工作區即為PC端的工作區

我們可以用add命令來上傳到暫存區,然後如果要讓代碼實現工作,就需要commit命令來傳到版本庫

我們這裡的代碼都是要經過修改後上傳到版本庫的[/u]

首先,在您的PC上創建一個文件夾,最好使用與用戶名相同的名字來命名文件夾;

安裝SVN版本控制工具:SVN:http://pan.baidu.com/s/1c05vgbA (這裡提供了WINDOWS操作系統的下載鏈接);

安裝過程中,默認選項即可;

安裝過後,您的開始菜單會有TortoiseSVN這個文件,是一個烏龜的圖案;

找到您剛才創建的文件夾點擊右鍵,您會發現右鍵菜單多了幾個選項;

這裡我們選擇 TortoiseSVN Checkout ;

系統會彈出一個提示框,我們只需要填寫一個即可,URL of repository下面輸入:https://svn.sinaapp.com/username

如果上述步驟錯誤,您可以在您的SAE官網上面找到正確的地址,進入應用管理頁面左側邊欄,找到代碼管理選項打開,在頁面最底部有SVN倉庫地址,將地址輸入到URL of repository下面即可;

完成後點擊確定,會提示您輸入用戶名以及密碼,請注意,這裡的賬號請填寫您註冊SAE時填寫的安全郵箱,密碼同為安全密碼,不是登錄密碼,輸入完成後,點擊確定即可;

上述步驟完成後,會出現另一個提示框,直接確定即可,等待進度條完成後點擊確定;(一般10秒鐘即可完成,超過1分鐘請檢查您的問題)

點擊進入文件夾內,會出現您的版本號命名的文件夾(如果不在根目錄,請查閱子目錄);

這時您的文件夾內的文件都有一個對號圖標,說明您成功的完成了上述步驟,某些PC會顯示不出來,可以試著往下面做或者檢查錯誤!

這時您就可以在您的這個文件夾下面 修改-上傳-刪除 等一系列操作,這將影響到您的博客,如果沒有基礎,請不要亂動;

我們以上傳一個主題為例,Typecho是一個輕量的博客程序,它也有著很多漂亮的主題,我們可以在網上找到很多,主題目錄在網站根目錄的「Usr」文件夾下,找到「theme」文件夾,這就是主題文件夾;

將您下載好的主題文件夾移動到theme文件夾下面,請注意,不要將壓縮包傳到這裡;

您的文件夾移動過去後圖標是一個問號,這是正常的,點擊右鍵菜單,找到「TortoiseSVN」選項,選擇「Add」將主題上傳至暫存區,如有提示,直接默認確定即可,緊接著,右鍵會出現一個選項TortoiseSVN commit,點擊後會提示您填寫Log,當然您不填寫也是可以的,確定然後等待進度條走完;這就是正常的上傳操作;

完成上述操作後您就可以在您的博客上面看到新的主題外觀選項;

下面是Delete(刪除)操作:

這個功能是在您想要刪除某個文件時使用的;

首先選中準備刪除的文件或文件夾,右鍵菜單,TortoiseSVN 選項 找到Delete;

您會發現那個文件已經不在了,但是他只是在暫存區刪除掉了而已,您需要在根目錄下右鍵,TortoiseSVN Commit來完成本次操作;

進度條走完後,即完成刪除操作;

下面是修改操作:

這個功能是,您在修改代碼時發生的;

您可以直接在工作區也就是您的PC上面修改,推薦您使用sublime_text編輯器;

修改完成後保存;

在修改的文件上面右鍵 TortoiseSVN Commit ,進度條結束後,即可完成操作,不需要再一次的Add上傳操作;

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

沒有配圖,將就一下吧 - -!


大體流程分為:

1.註冊域名

2.購買虛擬主機

3.上傳程序

4.域名解析

5.訪問按照

6.網站正式上線

目前比較流行的獨立博客有wordpress、zblog等,我的博客也是使用的wordpress程序。你可以先看一下本地搭建的教程:WampServer本地安裝WordPress詳細教程,然後再看一下曹鵬WordPress視頻教程,這樣對博客的建設非常有幫助,祝你好運!


如果是先試用一下搭建免費的博客的話,可以考慮用github,參考文章http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html


最近剛寫了一篇,可以參考下:如何搭建個人獨立博客

----

2013-02-15 補充說明:我寫的那篇只是給出了一些經驗性的話題,我覺得搭建獨立博客這塊, 網上的教程貼太泛濫了,不過談及經驗的文章卻很少,所以我才會寫這篇博客,如果你需要的是手把手的教程貼,請google。


1.首先得擁有一個好記的域名 後綴最好是com、net、org主流域名,特別不推薦cn域名,前綴起名要體現自己的個性:可以是自己姓名http://rulusongsong.com、http://tangjie.me,或者是職業體現http://aijava.cn,或者http://feimingren.com這種昵稱,博主自己的則是http://caotama.com,註冊商推薦http://22.cn、http://ename.net、godaddy(如果不做擦邊內容不再推薦)

2.選擇空間,一般不需要vps或者雲伺服器,當然愛折騰也行。

我喜歡比較高端的虛擬主機(但是需要備案),如商務中國、萬網的。如果喜歡折騰推薦幾個vps,linode(信用卡自動扣款)穩定空間大價格中間、BudgetVM(信用卡自動扣款)價格實惠存儲空間大。

3.選擇程序跟模板

WordPress 用戶最多模板可以到http://WordPress.ORG.CN等論壇或者模板下載站選擇,插件功能豐富。

typecho小眾簡潔,用戶也不少。

安裝都是填上資料庫,下一步就可以了

4.優化提速負載可以參考這篇文章給10萬pv的WordPress選擇最便宜高可用的硬體以及WordPress高並發支持

5.排名跟宣傳,交換同類博客的友情鏈接(留言板、相關qq群)、提交到獨立博客導航(博客大全 - 獨立博客大全、獨立博客大全)、當然最關鍵的你的文章寫的有價值,自然有人轉載!

如果以上折騰太麻煩,推薦推吧這種獨立博客自媒體平台!

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

推把網提供基於wordpress的完全自主的獨立博客,贈送http://x.tui8.com二級域名,支持幫頂自己的獨立域名。擁有完全自主的許可權跟自己搭建的獨立博客一樣好,註冊即可使用。

申請地址:tui8.com推吧自媒體

演示:

互聯網博客 www.caotama.com

玉米籽 www.yumizi.com

普覺學佛 www.pujue.com

——————————————————————————–

第一步,在首頁tui8.com推吧自媒體點擊註冊,如果你需要一個免費博客,就選擇創建一個站點

第二部,設置站點的二級域名、站點標題。

注意二級域名註冊後不能更改請謹慎考慮,同時網站支持頂級獨立域名幫頂

第三部,郵件激活。點擊激活鏈接,站點就激活了,記住自己的密碼跟賬號。賬號就是您的二級域名前綴,比如我的是ceshi;密碼是隨機的,登陸後修改。

第四部,後台登陸上去,就是完整的WordPress後台

第五部,如果您有獨立域名請綁定自己的獨立域名

domain mapping里設置自己的域名,

然後在自己的域名管理面板解析域名cname記錄到推把的二級域名,如操他媽caotama——站長博客 解析到ceshi.tui8.com。

第六步,插件的設置使用

目前推把默認安裝了以下插件

1.Akismet Link 評論防水

2.Links Manager 友情鏈接

3.Google sitemap google 地圖

4.多說 集成評論插件

5.WP-PostViews 文章閱讀統計

6.CodeColorer 代碼高亮

7.WPtouch Mobile Plugin 手機端自適應

8.wp-smtp 博客發信插件

第七步,模板的選擇

1.大前端XIU 付費插件

2.唐傑

3.唐傑

4.大前端D8


推薦閱讀:

做一個網站,網址加www好還是不加好,為什麼?
cn域名為何不被推薦?是不是註冊商之間利益糾葛?
註冊了zhihu.xxx的域名,怎麼才能把它賣給知乎?
頂級域名 一級域名 二級域名 三級域名什麼區別?

TAG:博客 | 互聯網 | 域名 | 虛擬主機 |