手把手教你建github技術博客

適合人羣

• 喜歡寫Blog的人
• 有必定的編程基礎
• 愛折騰的人
• 熟練使用版本控制Git
• 瞭解使用Github
• 熟悉基本的MarkDown語法

環境準備

安裝Git

下載 msysgit 並執行便可完成安裝。

安裝Node.js

在 Windows 環境下安裝 Node.js 很是簡單，僅須下載安裝文件並執行便可完成安裝。

安裝hexo

利用 npm 命令便可安裝。（在任意位置點擊鼠標右鍵，選擇Git bash）

npm install -g hexo

問題

• npm ERR! registry error parsing json 錯誤

可能須要設置npm代理,執行命令

npm config set registry http://registry.cnpmjs.org

• hexo:command not found
  刪除剛剛安裝的npm目錄，從新執行命令npm install -g hexo安裝hexo，

建立hexo文件夾

安裝完成後，在你喜好的文件夾下（如H:\hexo），執行如下指令(在H:\hexo內點擊鼠標右鍵，選擇Git bash)，Hexo 即會自動在目標文件夾創建網站所須要的全部文件。

hexo init

安裝依賴包

npm install

本地查看

如今咱們已經搭建起本地的hexo博客了，執行如下命令(在H:\hexo)，而後到瀏覽器輸入localhost:4000看看。

hexo generate hexo server

好了，至此，本地博客已經搭建起來了，只是本地哦，別人看不到的。下面，咱們要部署到Github。

問題

• 執行hexo server提示找不到該指令
  解決辦法：
  在Hexo 3.0 後server被單獨出來了，須要安裝server，安裝的命令以下：

  npm install hexo -server --save

  安裝此server後再試，問題解決

github 建立博客

• 註冊帳號

  地址：https://github.com/
  輸入帳號、郵箱、密碼,而後點擊註冊按鈕.
  
  
  

  1

建立頁面倉庫

這個倉庫的名字須要和你的帳號對應，格式: yourname.github.io
輸入基本信息，而後點擊建立倉庫.

2

3

注意
命名規則：你的github帳號.github.io，我這裏被坑了，以前是jekell寫的，如今換成hexo，因此我是另建創庫了。

生成SSH密鑰

ssh-keygen -t rsa -C "你的郵箱地址"，按3個回車，密碼爲空。

在C:\Users\Administrator.ssh下，獲得兩個文件id_rsa和id_rsa.pub。

在GitHub上添加SSH密鑰

打開id_rsa.pub，複製全文。https://github.com/settings/ssh ，Add SSH key，粘貼進去。

hexo使用

目錄結構

.
├── .deploy #須要部署的文件
├── node_modules #Hexo插件
├── public #生成的靜態網頁文件
├── scaffolds #模板
├── source #博客正文和其餘源文件，40四、favicon、CNAME 都應該放在這裏
| ├── _drafts #草稿
| └── _posts #文章
├── themes #主題
├── _config.yml #全局配置文件
└── package.json

全局配置 _config.yml

# Hexo Configuration ## Docs: http://hexo.io/docs/configuration.html ## Source: https://github.com/hexojs/hexo/ # Site #站點信息 title: #標題 subtitle: #副標題 description: #站點描述，給搜索引擎看的 author: #做者 email: #電子郵箱 language: zh-CN #語言 # URL #連接格式 url: #網址 root: / #根目錄 permalink: :year/:month/:day/:title/ #文章的連接格式 tag_dir: tags #標籤目錄 archive_dir: archives #存檔目錄 category_dir: categories #分類目錄 code_dir: downloads/code permalink_defaults: # Directory #目錄 source_dir: source #源文件目錄 public_dir: public #生成的網頁文件目錄 # Writing #寫做 new_post_name: :title.md #新文章標題 default_layout: post #默認的模板，包括 post、page、photo、draft（文章、頁面、照片、草稿） titlecase: false #標題轉換成大寫 external_link: true #在新選項卡中打開鏈接 filename_case: 0 render_drafts: false post_asset_folder: false relative_link: false highlight: #語法高亮  enable: true #是否啓用  line_number: true #顯示行號  tab_replace: # Category & Tag #分類和標籤 default_category: uncategorized #默認分類 category_map: tag_map: # Archives 2: 開啓分頁 1: 禁用分頁 0: 所有禁用 archive: 2 category: 2 tag: 2 # Server #本地服務器 port: 4000 #端口號 server_ip: localhost #IP 地址 logger: false logger_format: dev # Date / Time format #日期時間格式 date_format: YYYY-MM-DD #參考http://momentjs.com/docs/#/displaying/format/ time_format: H:mm:ss # Pagination #分頁 per_page: 10 #每頁文章數，設置成 0 禁用分頁 pagination_dir: page # Disqus #Disqus評論，替換爲多說 disqus_shortname: # Extensions #拓展插件 theme: landscape-plus #主題 exclude_generator: plugins: #插件，例如生成 RSS 和站點地圖的 - hexo-generator-feed - hexo-generator-sitemap # Deployment #部署，將 lmintlcx 改爲用戶名 deploy:  type: git  repo: 剛剛github創庫地址.git  branch: master

注意

• 配置文件的冒號「:」後面有一個空格
• repo: 剛剛github創庫地址.git

hexo命令行使用

經常使用命令：

hexo help #查看幫助 hexo init #初始化一個目錄 hexo new "postName" #新建文章 hexo new page "pageName" #新建頁面 hexo generate #生成網頁，能夠在 public 目錄查看整個網站的文件 hexo server #本地預覽，'Ctrl+C'關閉 hexo deploy #部署.deploy目錄 hexo clean #清除緩存，**強烈建議每次執行命令前先清理緩存，每次部署前先刪除 .deploy 文件夾**

簡寫：

hexo n == hexo new hexo g == hexo generate hexo s == hexo server hexo d == hexo deploy

編輯文章

新建文章

hexo new "標題"

在 _posts 目錄下會生成文件標題.md

title: Hello World date: 2015-07-30 07:56:29 #發表日期，通常不改動 categories: hexo #文章文類 tags: [hexo,github] #文章標籤，多於一項時用這種格式 --- 正文，使用Markdown語法書寫

編輯完後保存，hexo server 預覽

hexo部署

執行下列指令便可完成部署。

hexo generate hexo deploy

如下提示說明部署成功

[info] Deploy done: git

點擊 Github 上項目的 Settings，GitHub Pages，提示Your site is published athttp://wuxiaolong.me (這是我買的域名)

圖牀

1.牆裂推薦七牛雲儲存,註冊地址。

2.七牛雲儲存提供10G的免費空間,以及每個月10G的流量.存放我的博客圖片最好不過了

3.七牛雲儲存還有各類圖形處理功能、縮略圖、視頻存放速度也給力（非打廣告）。

具體使用見使用七牛做爲github博客的圖牀

域名

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

方法一：在站點source目錄下面，新建一個名爲CNAME的文本文件，裏面寫入你要綁定的域名，好比wuxiaolong.me
方法二：在Repository的根目錄下面，新建一個名爲CNAME的文本文件，裏面寫入你要綁定的域名，好比wuxiaolong.me

DNS設置

用DNSpod，快，免費，穩定。
註冊DNSpod，添加域名，以下圖設置。

其中A的兩條記錄指向的ip地址是github Pages的提供的ip
如何知道你的github上項目的IP，以下：

去Godaddy修改DNS地址

更改godaddy的Nameservers爲DNSpod的NameServers。

總結

以前用的jekell寫的，手把手教你建github技術博客by jekyll，也是折騰了幾天才作成本身滿意的，昨天決定換成hexo，也是花了一天半時間，爲了追求更好，必須折騰！

秒拍福利視頻 開心旅遊網

http://www.lvmama.me

http://www.zuiuren.comhttp://www.foodtvl.comhttp://www.0539g.comhttp://www.linyiwuliu.cnhttp://www.jusho.comhttp://www.shanghaidishinigonglue.comhttp://www.linyixiaoshangpincheng.cnhttp://www.linyizhuangshi.cnhttp://www.pipixiaa.comhttp://www.linyiwangluogongsi.cnhttp://www.jusho.cnhttp://www.linyidaikuan.cnhttp://www.linyibanjiagongsi.cnhttp://www.linyiwangzhantuiguang.cnhttp://www.linyitesexiaochi.cn