小巫打算把博客迁移到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
INFO  Hexo 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: trueline_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# Disqus  disqus评论,  与多说类似, 国内一般使用多说
disqus_shortname: devilwwjplugins: #插件,例如生成 RSS 和站点地图的
- hexo-generator-feed
- hexo-generator-sitemap#Feed Atom
feed:type: atompath: atom.xmllimit: 20
#sitemap
sitemap:path: sitemap.xml# Markdown语法
## https://github.com/chjj/marked
markdown:gfm: truepedantic: falsesanitize: falsetables: truebreaks: truesmartLists: truesmartypants: true# Deployment 部署配置
## Docs: http://hexo.io/docs/deployment.html
deploy:type: gitrepository: https://github.com/devilWwj/devilwwjHexo.git #你的github page 仓库branch: gh-pages

如果大家对上面所述有不明白的地方,可以在下面留言,后续小巫不断对hexo进行优化,会把优化的方法总结成博文发表到本站,see you。

Mac下搭建目前最in的hexo博客相关推荐

  1. 在Github上面搭建一个自己域名的Hexo博客

    前言 在一次看到别人的博客主页,觉得设计很漂亮.但是由于自己对于前台这块没什么办法,煞是羡慕.偶然中发现这种样式是在Github上面搭建的,使用的是Next主题.于是便想自己也搭建一个,于是便去就去查 ...

  2. 上一页下一页html样式,软件 | hexo博客主题yilia上一页下一页显示的问题

    一. 前言 用hexo+yilia搭建个人博客网站已经有一段时间了,慢慢地从最早期的样式也改了很多,但是有个问题一直困扰着强迫症的我,问题如下图所示: 也就是在主页显示首页的时候,前面会有多余< ...

  3. 《WEB开发-HEXO博客搭建》第3章 Hexo博客域名添加

    笔者博客地址 Hexo官方:https://hexo.io/ Hexo官方(中文):https://hexo.io/zh-cn/ 本章参考视频链接 前文笔者使用Hexo和GitHub搭建个人博客空间, ...

  4. 全面总结Hexo博客部署解决方案

    前言 在我这次搭建博客的过程中,学到了很多新东西,查找网页教程的过程中看到很多大佬的博客,在浏览他们博文的同时,了解了一些新的概念和名词,非常感谢- 整个搭建的方案经历了几次转折,我最初在什么都不懂的 ...

  5. Hexo博客:部署与插件

    2019独角兽企业重金招聘Python工程师标准>>> 同步自我的个人博客墨语的后花园,请多多指教. 在我两年前写的博客的搭建博客的简单步骤的这篇博文中,我简单的介绍的如何搭建一个基 ...

  6. Windows下使用GitHub Pages搭建hexo博客详细教程以及Next主题超全配置

    根据下面的教程搭建的博客见这里 前言 马上要进入研究生了,不能再过浑浑噩噩的日子了,搭建一个小网站,用于记录自己所学的东西.其实,之前在腾讯云1元乞丐版上也搭建过博客,但是呢,只用来扯淡了.这次使用 ...

  7. 在mac下搭建java开发环境

    刚刚从windows系统转到使用mac系统,感觉不是特别熟悉,需要一定的适应时间.下面简单介绍一下mac下搭建基本的java开发环境. 1.安装jdk 安装jdk1.7后,发现不需要进行环境变量配置, ...

  8. php环境苹果搭建,mac下搭建php环境

    本文主要和大家分享mac下搭建php环境,最近工作环境切换到Mac,所以以OS X Yosemite(10.10.1)为例,记录一下从零开始安装Mac下LNMP环境的过程 确保系统已经安装xcode, ...

  9. 关于mac下搭建php、apache、mysql环境

    关于mac下搭建php.apache.mysql环境 装置 Mac预装的有Apache和PHP,我们可以直接使用.但是需要自己下载Mysql. Apache 首先,让我们来看一下是怎么开启Apache ...

最新文章

  1. 在VMware15中创建虚拟机安装ubuntu系统(超详细教程)
  2. 理解并演示:Root Guard(根保护)
  3. php ajax邮箱,PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
  4. 盘点全球最厉害的14位程序员,你认识几个?
  5. 竖流式沉淀池集水槽设计计算_竖流式沉淀池的设计
  6. 死亡搁浅运送系统服务器,死亡搁浅订单23寻物系统服务器流程介绍-死亡搁浅订单23寻物系统服务器怎么做_牛游戏网...
  7. Python Imaging Library: ImageEnhance Module(图像增强模块)
  8. python与java前景-Java和Python现在都很热门,哪个更有前途?
  9. 需求分析——基于Django框架的天天生鲜电商网站项目系列博客(一)
  10. gaussian软件linux版本,Gaussian 09的版本与平台。
  11. ENSP模拟实验OSPF NSSA区域
  12. android 后台监听按键,Android监听home键的方法详解
  13. 华为商店的软件可以鸿蒙,鸿蒙到底想要什么?是维护渠道的霸权还是万物互联?...
  14. 1033,2052 是什么意思?
  15. android数字转汉字大写字母,将数字金额转成汉字大写的
  16. 更改Linux系统的主机名(hostname)两种实用的方法
  17. Shader入门实战,拳皇被击闪白特效!
  18. IOS iap处理逻辑流程图再次梳理
  19. 三维重建 医学图像的可视化 PyQt Python VTK 四视图(横断面,冠状面,矢状面,3D)
  20. socket通信read丢失数据可能原因

热门文章

  1. android 系统自动检测U盘,烧写MAC地址
  2. 中欧脉计算机信任服务,欧脉门窗运营中心誓师大会暨员工团建活动圆满落幕
  3. TP6 腾讯云发送短信验证码配置详解
  4. 如何删除OneDrive在桌面右键的上下文菜单
  5. pri master hard disk:S.M.A.R.T. status BAD,backup and replace press FX to resume
  6. 庆祝鼓舞女性的技术-这是Ada Lovelace日!
  7. 关于Ada Lovelace你可能不知道的 10 件事
  8. Android 实现播放网络视频 内容附源码下载链接
  9. TensorFlow.js实现商标识别
  10. 个人定制红包制作封面教程+微信红包封面领取时间表