標籤：

如何建立一個有特色的個人的技術博客？

01-15

本人是做技術研發的，有空喜歡把自己的技術心得記錄下來，一般長的記錄在blog上面短的習慣寫在evernote上。不知不覺也累積了一定的量，現在想自己搭建一個博客站點。因為自己做的技術偏底層，前端的技術了解的比較少（我在網上看過幾個前端設計師的個人博客，大方美觀，很羨慕），所以想在這樓請教一下大家，如何建立一個即漂亮又有特色的技術博客，請給點初級性的指導見意，謝謝！

如果你習慣用git和markdown的話，推薦用Jekyll ? Simple, blog-aware, static sites在Github上搭。

  1. 在Github上找一個喜歡的jekyll主題，比如這個aigarsdz/brume 路 GitHub

  2. fork後，改成&.http://github.io

  3. 如果有自己域名需要別名，改下CNAME（可以參照Setting up a custom domain with GitHub Pages · GitHub Help）
  4. 然後把&.http://github.io項目clone到本地，在_posts目錄下面創建形如YEAR-MONTH-DAY-title.MARKUP的文件就可以開始寫博客啦（可以參考Writing posts）
  5. 最後，push到github就自動部署完成啦～（最後效果可以參考我的博客哦Home · Ray"s Blog）

同意 @李遙 的觀點，同時貼一個Peter Norvig的博客作為補充，牛人的博客可以是長得這個樣子的：

Peter Norvig

漂亮有特色有用么？阮一峰的博客阮一峰的網路日誌你可以看看。內容為王。

博客的價值在於內容而不是網站的排版和功能。所以直接去各種免費博客託管網站即可

搞一個Windows Azure的賬號，點Create Website，然後Next幾下就可以把一個wordpress給host上去了，簡單粗暴。剩下來的就是選一個皮膚，然後開始把你的博客導進去。

強烈推薦現在非常火的Hexo，基於nodejs的靜態博客工具。

用markdown寫文章，git管理，很geek。

可以看我同學寫的 Hexo教程入門：hexo | Zippera"s blog

hexo提供了很多主題提供選擇，配置也非常簡單。為我的主題廣告下：wuchong/jacman 路 GitHub

如果本回答幫助到你，請幫我點一下贊同，謝謝。

以下是原答案

=============================

我個人比較傾向於簡潔的博客，這樣可以讓我關注文字本身，很多人花大量時間在折騰主題上，而不是文字本身。

以下是我個人博客的截圖。

好吧，有點長，現在我來講一下搭建流程。

# 一、購買一個域名

域名可以購買一個比較簡單粗暴的，但是有的買不到。比如說我，本來想買名字拼音的域名，但是http://wusong.com已經被註冊，所以我註冊http://wusir.org作為自己的博客域名，意為「吳先生」，有點非主流啊哈哈哈。

註冊域名可以直接去阿里雲註冊或者Godaddy註冊，如果在阿里雲註冊，註冊之後需要經過實名認證（大陸法律法規），阿里雲實名認證一個工作日內完成（不過通常一兩個小時就好）。

#二、購買一個伺服器

伺服器可以購買阿里雲或者騰訊雲的雲伺服器，不過相對較貴，最大麻煩之處在於國內的伺服器都需要進行備案，現在備案流程已經比較簡便啦，不過備案一般需要花三周到一個月左右。

我的建議是個人博客購買一台虛擬主機就夠，個人使用的是https://www.bayun.org這家的阿里雲香港虛擬主機。

選擇自己想要的套餐，然後輸入自己的域名。

然後一步步進行付款就可以，付款之後會收到開通郵件，郵件內包含一個伺服器的IP地址，我們假設IP地址是123.123.123.123。

#三、解析域名

去自己域名的註冊商，把剛才的IP地址解析到自己的域名，解析成如圖這樣。

等待解析生效，等待時間長短不一定，測試的方法可以使用自己電腦上的命令提示符，使用「ping 你的域名」來測試，如果有返回值則說明解析生效。

如果解析生效，你就可以在瀏覽器內打開自己的域名，看到如下界面。

#三、下載Typecho文件程序

訪問Typecho Official Site下載Typecho博客程序，下載之後待用。

#四、上傳網站文件

訪問https://www.bayun.org/clientarea.php?action=services查看自己的服務，點擊進入可以看到如下界面。

點擊圖中紅色箭頭的圖標，可以看到如下界面。

點擊紅色箭頭所示按鈕，可以看到如下界面。

點擊「public_html」文件夾進入，將我們剛才下載的Typecho程序壓縮包上傳上去。

上傳之後右鍵點擊解壓。

然後點擊進入解壓之後的文件夾，將裡面的文件複製到「public_html」文件夾之下。

點擊「Move Files」進行複製，注意上面要改成"/public_html/"。

複製之後這一步基本就完成啦。

#五、創建資料庫

返回cPanel首頁，找到資料庫按鈕，點擊進入。

隨便輸入一個英文單詞，點擊創建資料庫。

同理創建一個資料庫用戶

添加資料庫用戶。

將其中許可權全部選擇，點擊修改進行保存。

#六、安裝代碼

訪問你的域名，這時候可以看到如下界面。

點擊進行下一步。填寫這下面幾個紅色箭頭的內容。

輸入完成點擊安裝完成之後就可以啦，這時候你的博客就已經完成安裝啦。

安裝完成就可以訪問「你的域名/admin」然後輸入用戶名和密碼，就可以開始寫博客啦。

更：Jekyll 2.2.0 默認為 kramdown，而 kramdown 比以前強大許多... mathjax, highlight可標明語言, ---變em-dash, --變en-dash, 還有 header id 太實用了

---

更：現在沒條件不能redo。這邊有個瘋掉的log：From DRY to CRY: Set Up Jekyll or Jekyll Bootstrap in a New OS X

---

暈啊，樓上設置 Hexo 好複雜... 這樣會嚇走玻璃心的小白的... 簡單粗暴就 ok 了

額，突然發現樓上是 Win 環境所以沒 GitHub for Mac... GitHub for Mac 會幫你弄好密鑰...

---

在繼續以下步驟前，OS X 終端里敲git回車，點同意安裝Xcode Command Line Tools。當然你說「xcode-select --install」也可以嘍。然後複製粘貼sudo gem install jekyll回車，輸密碼，回車。( Mavericks 可能 sudo gem install jekyll 會報錯，通過複製粘貼curl -L https://get.rvm.io | bash -s stable --ruby敲回車解決 )

---

對於零基礎的小白和希望繼續保持零心理負擔的小白 like me，

  1. 註冊、登錄 GitHub
  2. 在 https://github.com/new 的 Repository name 填GITHUBID.github.io，填完直接粗暴點 Create repository
  3. 在 https://github.com/plusjade/jekyll-bootstrap/ 點 Download ZIP
  4. 解壓，文件夾改名為http://GITHUBID.github.io，把它放到你理想的文件夾下。我不用 Win ，估計會需要更多步驟。在 OS X 下打開終端，把http://GITHUBID.github.io文件夾拖進終端窗口，回車。注意把下面的GITHUBID改成你的 GitHub ID 後再複製到終端，回車。博客上線了！

git init jekyll build git add . git commit -m "first commit"
git remote add origin https://github.com/GITHUBID/GITHUBID.github.io.git
git push -u origin master

在_config.yml加highlighter: true支持高亮(殘)，加markdown: kramdown支持 Markdown。要加RSS和atom也是簡單的步驟。用kramdown前要終端sudo gem install kramdown敲回車...

要建新文章，終端rake post title="TITLE"。當然有TextExpander (TE)很方便了，expander以後你還可以讓游標在哪個位置就在哪個位置。TE碼是rake post title="%|"

要傳新文章，終端git add . git commit -m "new post" git push -u origin master。不要覺得長，TE前沒有長的routine命令。

基本上，建敲一次，傳敲一次，兩次就夠了；編輯 post 的文件頭時注意不要忘了填 category 和 tags.

  • 對於 Jekyll Bootstrap 支持 Google Analytics 步驟，看 Get Google Analytics to Work in Jekyll Bootstrap

  • Jekyll Bootstrap vs Jekyll: 前者像 Ubuntu，不折騰，後者像 Arch Linux，折騰。
  • jekyll serve --watch是本地預覽，瀏覽器http://localhost:4000/可看。

  • 更多
    • Jekyll Bootstrap http://jekyllbootstrap.com/usage/jekyll-quick-start.html

    • Jekyll http://jekyllrb.com/docs/home/

    • Jekyll Markdown http://sourceforge.net/p/jekyllc/bugs/markdown_syntax

Jekyll 搭建過程實在太複雜了, 我還是推薦hexo, 像我這樣剛入門的小白都能搭建成功

如何搭建一個獨立博客——簡明Github Pages與Hexo教程, 這個教程寫得很詳細, 推薦

順便推廣一下我自己寫得hexo主題, halfer53/metro-light · GitHub, 求star ~(≧▽≦)/~

推薦使用Hexo，前兩天自己剛搭建了一個，雖然其中有很多地方剛開始不知道怎麼弄，不過看了很多別人寫的教程和方法，最後成功搭建好了。總的來說是比較容易上手的。

Hexo需要配置nodejs和git環境，用markdown書寫，並且還有很多風格各異的主題可以選擇，我現在用的是NexT主題，十分簡潔美觀。自己還可以根據個人喜好對博客進行一定修改，添加插件什麼的。還可以將博客部署到github上。

附幾個教程鏈接：

使用Hexo在Github上搭建你的博客

史上最詳細「截圖」搭建Hexo博客並部署到Github

用了一段時間有道雲筆記，發現有道雲筆記可以實現個人博客功能

這是我的：https://note.youdao.com/share/?id=0ae6ff2e1e3409439a0387446b7db5c8type=note#/

主要思路是利用有道雲筆記共享功能實現

最簡單的方法，不需要什麼環境依賴

紫石南/md_blog - 碼雲 Gitee.com

原創，乾貨，無他

直接用wordpress搭建便好，而且有大量主題供你選，如果你還會前端，你也可以將主題進行二次開發改成你想要的，用wordpress主要是cms做得好，不用自己寫內容管理。

基於Evernote的開放介面寫個內容發布程序，將你的內容展示出來。

有推薦的簡潔明快的jekyll模板嗎？————這裡有很多推薦模板，fork一下就行了。

至今發現，純文字乾貨才是最屌的，不花哨

推薦閱讀：

※自媒體未來的發展趨勢大家如何判斷？
※西湖區吳彥祖阿混是何許高人？
※推薦引擎這個概念由來已久，為什麼至今都沒有一家獨立公司依此做大？
※國外的計算機類教科書是否比國內的好？還是因人而異？

TAG:互聯網 | 前端開發 | 設計 | 軟體開發 |