Hexo+GitHub+DNSPod搭建个人博客

发表于

一、DNS

NameServer设定

在域名服务商页面把NameServer设为DNSPod的NS：f1g1ns1.dnspod.net 和 f1g1ns2.dnspod.net

DNSPod设定

二、GitHub

安装GIT

1
brew install git

生成SSH Key

1
2
3
4
5
$ssh-keygen -t rsa -C "姓名全拼@haodf.com"  
$git config --global user.name "姓名全拼"  
$git config --global user.email "姓名全拼@haodf.com"  
$cd ~/.ssh/  
$cat id_rsa.pub 【注：ssh-keygen 命令默认生成 id_rsa.pub】

生成GitHub Pages

三、Hexo

安装NodeJS

1
brew install node

安装Hexo

1
2
3
4
cd hexo的安装文件夹
npm install hexo -g
hexo init
npm install

Hexo设定、更新

修改Hexo根目录下的_config.yml文件

1
2
3
4
deploy:
- type: git
  repo: git@github.com:xxxx/xxxx.github.io.git
  branch: master

安装hexo-deployer-git

1
npm install hexo-deployer-git --save

更新hexo到最新版

1
npm update hexo -g

Hexo命令

  • 建立新文章 hexo n "新文章名"

  • 预览文章 hexo s

  • 生成网页 hexo g

  • 发布文章 hexo d

  • 生成网页并发布文章 hexo d -g

四、主题

五、Markdown

Markdown写作APP推荐用Sublime Text 3

安装Package Control

使用快捷键 ctrl + ` 打开Sublime控制台
在控制台的命令行输入框中粘贴下面代码后，回车完成Package Control安装

1
import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

安装MarkdownEditing插件

MarkdownEditing是Markdown写作者必备的插件，它可以不仅可以高亮显示Markdown语法还支持很多编程语言的语法高亮显示。
使用快捷键command + shift + p进入到Sublime命令面板，输入“Install Package”。
在列表中输入“markdown ed”关键字，选择“MarkdownEditing”回车，重启Sublime Text。

插入链接 command + option + k
插入图片 command + shift + k

MarkdownEditing中的code snippet：
输入mdi + tab会自动插入下面的图片标记

1
![Alt text](/path/to/img.jpg "Optional title")

输入mdi + tab会自动生成下面的链接标记

1
[](link)

安装OmmiMarkupPreviewer

OmniMarkupPreviewer用来预览markdown编辑的效果，同样支持渲染代码高亮的样式。
使用快捷键command + shift + p进入到Sublime命令面板，输入“Install Package”。
在列表中输入“omnimarkup”关键字，选择“OmniMarkupPreviewer”回车，重启Sublime Text。