Ubuntu下github pages+hexo搭建本身的博客

hexo 是一個基於Node.js的靜態博客程序,能夠方便的生成靜態網頁託管在github上.Hexo簡單優雅, 並且風格多變, 適合搭建我的博客,並且支持多平臺的搭建.
平臺
Ubuntu14.04php

安裝hexo

安裝node.js

使用nvm安裝node.js:
cURL:html

curl https://raw.github.com/creationix/nvm/master/install.sh | sh

Wget:node

wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh

安裝完後,用nvm安裝node.js.git

nvm install 4

安裝hexo

npm install -g hexo-cli

開始寫博客

創建博客

$mkdir ~/blog
$hexo init ~/blog #初始化博客
$cd ~/blog
$hexo generate     #生成博客
$hexo server   #運行本地服務

在瀏覽器輸入http://localhost:4000就能夠看到效果.github

寫文章

配置完後,就能夠寫markdown文章了,進入博客目錄,shell

$hexo new "postname"   #文章名字是postname

博文會自動生成在博客目錄下source/_posts/postName.mdnpm

#文件自動生成格式:
title: "It Starts with iGaze: Visual Attention Driven Networkingwith Smart Glasses"  #博文題目
date: 2014-11-21 11:25:38      #生成時間
tags: Paper                    #標籤, 多個標籤使用格式[Paper1, Paper2, Paper3,...]
---

若是不想博文在首頁所有顯示, 並能出現閱讀全文按鈕效果, 須要在你想在首頁顯示的部分下添加 瀏覽器

將博客託管在github上

生成github ssh公鑰

1.檢查是否已安裝ssh,若是沒有則安裝
2.檢查是否存在ssh公鑰.ruby

$cd ~/.ssh

3.生成ssh公鑰bash

$ ssh-keygen -t rsa -C "your_email@youremail.com"

生成了~/.ssh目錄.
輸入github密碼

Enter passphrase (empty for no passphrase): [Type a passphrase] 
Enter same passphrase again: [Type passphrase again]
Your identification has been saved in /home/you/.ssh/id_rsa. 
# Your public key has been saved in /home/you/.ssh/id_rsa.pub.
# The key fingerprint is: ...

4.將公鑰添加到github
打開github,找到帳戶裏面添加SSH,把~/.ssh/idrsa.pub的內容複製到key裏面。
5.測試是否生效
使用下面的命令測試

$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 username! 
You've successfully authenticated, but GitHub does not provide shell access.

成功.

將博客部署到github

1.安裝部署到git的插件:

npm install hexo-deployer-git --save

2.修改~/blog/_config.yml文件:

# Deployment 
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: git@github.com:goodluckcwl/goodluckcwl.github.io.git  
  branch: master   #部署分支,通常使用master主分支

執行:

$hexo deploy

打開你的github我的博客.

修改主題

在hexo官網下載主題,修改~/blog/_config.yml文件.


數學公式顯示

數學公式顯示使用Mathjax引擎,能夠下載插件hexo-math.

公式顯示錯誤

Markdown 裏使用 Mathjax 有一個很大的缺點,會把兩個_按照Markdown的語法解釋.
該衝突主要是因爲對 \ 和 _ 的轉義形成的。找到 marked.js腳本文件, 一般在:/blog/node_modules/hexo-renderer-marked/node_modules/marked/lib/markd.js,先複製一份保存,再修改:

escape: /^\\([\\`*{}\[\]()#+\-.!_>])/,

改成

escape: /^\\([`*\[\]()#+\-.!_>])/,

再將

return '<em>' + text + '</em>';

改成:

return '_' + text + '_';

取消markdown轉義,這樣數學公式就顯示正確了.

Markdown編輯器

haroopad

相關文章
相關標籤/搜索