小巫打算把博客迁移到github中,为了让自己成为一名有逼格的程序员,我也是蛮拼的,所以搭建了一个hexo博客,可以尽情装逼,下面把搭建过程整理出来供大家参考。
迁移地址:www.devilwwj.com
step 1 申请域名 小巫这里是在新网申请的域名http://www.xinnet.com/,你们也可以去其他网站去申请域名。
我这里申请的时.com顶级域名,相对.cn .net要贵一些,为了省事,直接买了3年的域名使用期,各位自行选择即可。
step2 配置DNS解析 来到我的账号->我的域名,可以对域名进行续费、管理密码修改、mydns解析设置、域名过户;这里我们选中域名之后,再点击mydns解析设置来对我们的dns,如下图:
下面是我们对主机名(A记录)的添加,我们添加以下记录,IP对应的是github的IP
A记录 | IP |
---|---|
devilwwj.com | 192.30.252.153 |
devilwwj.com | 192.30.252.154 |
www.devilwwj.com | 192.30.252.153 |
www.devilwwj.com | 192.30.252.154 |
step3 创建github仓库 自行注册github账号,然后创建github仓库
step4 下载Node.js
step5 安装npm 安装最新版的Node.js之后,我们就可以使用npm命令
在mac下遇到npm命令找不到的问题,解决方案如下:
sudo ln -s /usr/local/bin/node /usr/bin/node
sudo ln -s /usr/local/lib/node /usr/lib/node
sudo ln -s /usr/local/bin/npm /usr/bin/npm
sudo ln -s /usr/local/bin/node-waf /usr/bin/node-waf
step7 安装hexo
sudo npm install -g hexo
step8 创建hexo项目 通过命令行,在指定文件夹下创建项目:
sudo hexo init
到这里我们已经完成hexo的安装,具体效果如图所示:
step9 本地测试hexo 在命令行中输入sudo hexo server或者它的缩写sudo hexo s:
hexo devilwwj$ sudo hexo s
INFOHexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.
然后我们可以在浏览器地址栏输入:localhost:4000,这样子我们可以本地测试我们搭建好的项目
step10 部署到github 在命令行中输入以下命令完成hexo的部署:
sudo hexo generate
sudo hexo deploy
也可以直接这样:
sudo hexo d -g
step11 绑定域名 如何让外网可以访问我们的网站,我们需要在source目录下创建一个CNAME,也就是我们的别名,然后重新部署到github当中
step12 更换皮肤 如果你对默认的皮肤不满意,可以通过克隆的方式,把别人的主题克隆过来:
git clone https://github.com/ppoffice/hexo-theme-hueman.git themes/hueman
然后再_config.yml,配置主题:
# Extensions 扩展:插件和皮肤
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: hueman
最后奉上_config.yml的配置:
# Hexo Configuration
## Docs: http://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/# Site 站点信息
title: IT_xiao小巫
subtitle: 在浮躁的世界安安静静敲代码
description: IT_xiao小巫的blog | Android | java | Mac
author: devilwwj
language: zh-CN
email: 659982592@qq.com
timezone:# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://www.devilwwj.com #你的域名
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:# Directory 文件目录
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:# Writing # 写文章选项
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight: # 代码高亮
enable: true
line_number: true # 是否显示行号
tab_replace:# Category & Tag 目录和标签
default_category: uncategorized
category_map:
tag_map:# 归档设置
## 2: Enable pagination
## 1: Disable pagination
## 0: Fully Disable
archive: 2
category: 2
tag: 2# Date / Time format 时间和日期格式
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss# Pagination 页面
## Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page# Extensions 扩展:插件和皮肤
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: hueman# Disqusdisqus评论,与多说类似, 国内一般使用多说
disqus_shortname: devilwwjplugins: #插件,例如生成 RSS 和站点地图的
- hexo-generator-feed
- hexo-generator-sitemap#Feed Atom
feed:
type: atom
path: atom.xml
limit: 20
#sitemap
sitemap:
path: sitemap.xml# Markdown语法
## https://github.com/chjj/marked
markdown:
gfm: true
pedantic: false
sanitize: false
tables: true
breaks: true
smartLists: true
smartypants: true# Deployment 部署配置
## Docs: http://hexo.io/docs/deployment.html
deploy:
type: git
repository: https://github.com/devilWwj/devilwwjHexo.git #你的github page 仓库
branch: gh-pages
【【Mac|Mac下搭建目前最in的hexo博客】如果大家对上面所述有不明白的地方,可以在下面留言,后续小巫不断对hexo进行优化,会把优化的方法总结成博文发表到本站,see you。