適合人群

• 喜歡寫(xiě)B(tài)log的人
• 有一定的編程基礎(chǔ)
• 愛(ài)折騰的人
• 熟練使用版本控制Git
• 了解使用Github
• 熟悉基本的MarkDown語(yǔ)法

環(huán)境準(zhǔn)備

安裝Git

下載?msysgit?并執(zhí)行即可完成安裝。

安裝Node.js

在 Windows 環(huán)境下安裝?Node.js?非常簡(jiǎn)單，僅須下載安裝文件并執(zhí)行即可完成安裝。

安裝hexo

利用 npm 命令即可安裝。（在任意位置點(diǎn)擊鼠標(biāo)右鍵，選擇Git bash）

npm install -g hexo

問(wèn)題

• npm ERR! registry error parsing json 錯(cuò)誤

可能需要設(shè)置npm代理,執(zhí)行命令

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

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

創(chuàng)建hexo文件夾

安裝完成后，在你喜愛(ài)的文件夾下（如H:\hexo），執(zhí)行以下指令(在H:\hexo內(nèi)點(diǎn)擊鼠標(biāo)右鍵，選擇Git bash)，Hexo 即會(huì)自動(dòng)在目標(biāo)文件夾建立網(wǎng)站所需要的所有文件。

hexo init

安裝依賴(lài)包

npm install

本地查看

現(xiàn)在我們已經(jīng)搭建起本地的hexo博客了，執(zhí)行以下命令(在H:\hexo)，然后到瀏覽器輸入localhost:4000看看。

hexo generate hexo server

好了，至此，本地博客已經(jīng)搭建起來(lái)了，只是本地哦，別人看不到的。下面，我們要部署到Github。

問(wèn)題

• 執(zhí)行hexo server提示找不到該指令
  解決辦法：
  在Hexo 3.0 后server被單獨(dú)出來(lái)了，需要安裝server，安裝的命令如下： npm install hexo -server --save 安裝此server后再試，問(wèn)題解決

github 創(chuàng)建博客

• 注冊(cè)賬號(hào)

  地址：https://github.com/
  輸入賬號(hào)、郵箱、密碼,然后點(diǎn)擊注冊(cè)按鈕.
  
  1

創(chuàng)建頁(yè)面?zhèn)}庫(kù)

這個(gè)倉(cāng)庫(kù)的名字需要和你的賬號(hào)對(duì)應(yīng)，格式: yourname.github.io
輸入基本信息，然后點(diǎn)擊創(chuàng)建倉(cāng)庫(kù).

2
3

注意
命名規(guī)則：你的github賬號(hào).github.io，我這里被坑了，之前是jekell寫(xiě)的，現(xiàn)在換成hexo，所以我是另建創(chuàng)庫(kù)了。

生成SSH密鑰

ssh-keygen -t rsa -C "你的郵箱地址"，按3個(gè)回車(chē)，密碼為空。

在C:\Users\Administrator.ssh下，得到兩個(gè)文件id_rsa和id_rsa.pub。

在GitHub上添加SSH密鑰

打開(kāi)id_rsa.pub，復(fù)制全文。https://github.com/settings/ssh?，Add SSH key，粘貼進(jìn)去。

hexo使用

目錄結(jié)構(gòu)

.
├── .deploy #需要部署的文件
├── node_modules #Hexo插件
├── public #生成的靜態(tài)網(wǎng)頁(yè)文件
├── scaffolds #模板
├── source #博客正文和其他源文件，404、favicon、CNAME 都應(yīng)該放在這里
| ├── _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 #站點(diǎn)信息 title: #標(biāo)題 subtitle: #副標(biāo)題 description: #站點(diǎn)描述，給搜索引擎看的 author: #作者 email: #電子郵箱 language: zh-CN #語(yǔ)言 # URL #鏈接格式 url: #網(wǎng)址 root: / #根目錄 permalink: :year/:month/:day/:title/ #文章的鏈接格式 tag_dir: tags #標(biāo)簽?zāi)夸?archive_dir: archives #存檔目錄 category_dir: categories #分類(lèi)目錄 code_dir: downloads/code permalink_defaults: # Directory #目錄 source_dir: source #源文件目錄 public_dir: public #生成的網(wǎng)頁(yè)文件目錄 # Writing #寫(xiě)作 new_post_name: :title.md #新文章標(biāo)題 default_layout: post #默認(rèn)的模板，包括 post、page、photo、draft（文章、頁(yè)面、照片、草稿） titlecase: false #標(biāo)題轉(zhuǎn)換成大寫(xiě) external_link: true #在新選項(xiàng)卡中打開(kāi)連接 filename_case: 0 render_drafts: false post_asset_folder: false relative_link: false highlight: #語(yǔ)法高亮 enable: true #是否啟用 line_number: true #顯示行號(hào) tab_replace: # Category & Tag #分類(lèi)和標(biāo)簽 default_category: uncategorized #默認(rèn)分類(lèi) category_map: tag_map: # Archives 2: 開(kāi)啟分頁(yè) 1: 禁用分頁(yè) 0: 全部禁用 archive: 2 category: 2 tag: 2 # Server #本地服務(wù)器 port: 4000 #端口號(hào) server_ip: localhost #IP 地址 logger: false logger_format: dev # Date / Time format #日期時(shí)間格式 date_format: YYYY-MM-DD #參考http://momentjs.com/docs/#/displaying/format/ time_format: H:mm:ss # Pagination #分頁(yè) per_page: 10 #每頁(yè)文章數(shù)，設(shè)置成 0 禁用分頁(yè) pagination_dir: page # Disqus #Disqus評(píng)論，替換為多說(shuō) disqus_shortname: # Extensions #拓展插件 theme: landscape-plus #主題 exclude_generator: plugins: #插件，例如生成 RSS 和站點(diǎn)地圖的 - hexo-generator-feed - hexo-generator-sitemap # Deployment #部署，將 lmintlcx 改成用戶(hù)名 deploy: type: git repo: 剛剛github創(chuàng)庫(kù)地址.git branch: master

注意

• 配置文件的冒號(hào)“:”后面有一個(gè)空格
• repo: 剛剛github創(chuàng)庫(kù)地址.git

hexo命令行使用

常用命令：

hexo help #查看幫助 hexo init #初始化一個(gè)目錄 hexo new "postName" #新建文章 hexo new page "pageName" #新建頁(yè)面 hexo generate #生成網(wǎng)頁(yè)，可以在 public 目錄查看整個(gè)網(wǎng)站的文件 hexo server #本地預(yù)覽，'Ctrl+C'關(guān)閉 hexo deploy #部署.deploy目錄 hexo clean #清除緩存，**強(qiáng)烈建議每次執(zhí)行命令前先清理緩存，每次部署前先刪除 .deploy 文件夾**

簡(jiǎn)寫(xiě)：

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

編輯文章

新建文章

hexo new "標(biāo)題"

在 _posts 目錄下會(huì)生成文件標(biāo)題.md

title: Hello World date: 2015-07-30 07:56:29 #發(fā)表日期，一般不改動(dòng) categories: hexo #文章文類(lèi) tags: [hexo,github] #文章標(biāo)簽，多于一項(xiàng)時(shí)用這種格式 --- 正文，使用Markdown語(yǔ)法書(shū)寫(xiě)

編輯完后保存，hexo server 預(yù)覽

hexo部署

執(zhí)行下列指令即可完成部署。

hexo generate hexo deploy

以下提示說(shuō)明部署成功

[info] Deploy done: git

點(diǎn)擊 Github 上項(xiàng)目的 Settings，GitHub Pages，提示Your site is published athttp://wuxiaolong.me?(這是我買(mǎi)的域名)

圖床

1.墻裂推薦七牛云儲(chǔ)存,注冊(cè)地址。

2.七牛云儲(chǔ)存提供10G的免費(fèi)空間,以及每月10G的流量.存放個(gè)人博客圖片最好不過(guò)了

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

具體使用見(jiàn)使用七牛作為github博客的圖床

域名

將獨(dú)立域名與GitHub Pages的空間綁定

方法一：在站點(diǎn)source目錄下面，新建一個(gè)名為CNAME的文本文件，里面寫(xiě)入你要綁定的域名，比如wuxiaolong.me
方法二：在Repository的根目錄下面，新建一個(gè)名為CNAME的文本文件，里面寫(xiě)入你要綁定的域名，比如wuxiaolong.me

DNS設(shè)置

用DNSpod，快，免費(fèi)，穩(wěn)定。
注冊(cè)DNSpod，添加域名，如下圖設(shè)置。

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

去Godaddy修改DNS地址

更改godaddy的Nameservers為DNSpod的NameServers。

總結(jié)

之前用的jekell寫(xiě)的，手把手教你建github技術(shù)博客by jekyll，也是折騰了幾天才做成自己滿(mǎn)意的，昨天決定換成hexo，也是花了一天半時(shí)間，為了追求更好，必須折騰！

秒拍福利視頻?開(kāi)心旅游網(wǎng)

http://www.lvmama.me

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

轉(zhuǎn)載于:https://www.cnblogs.com/zuiuren/p/6551527.html

總結(jié)

以上是生活随笔為你收集整理的手把手教你建github技术博客的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。