Mac下搭建目前最in的hexo博客
小巫打算把博客迁移到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博客相关推荐
- 在Github上面搭建一个自己域名的Hexo博客
前言 在一次看到别人的博客主页,觉得设计很漂亮.但是由于自己对于前台这块没什么办法,煞是羡慕.偶然中发现这种样式是在Github上面搭建的,使用的是Next主题.于是便想自己也搭建一个,于是便去就去查 ...
- 上一页下一页html样式,软件 | hexo博客主题yilia上一页下一页显示的问题
一. 前言 用hexo+yilia搭建个人博客网站已经有一段时间了,慢慢地从最早期的样式也改了很多,但是有个问题一直困扰着强迫症的我,问题如下图所示: 也就是在主页显示首页的时候,前面会有多余< ...
- 《WEB开发-HEXO博客搭建》第3章 Hexo博客域名添加
笔者博客地址 Hexo官方:https://hexo.io/ Hexo官方(中文):https://hexo.io/zh-cn/ 本章参考视频链接 前文笔者使用Hexo和GitHub搭建个人博客空间, ...
- 全面总结Hexo博客部署解决方案
前言 在我这次搭建博客的过程中,学到了很多新东西,查找网页教程的过程中看到很多大佬的博客,在浏览他们博文的同时,了解了一些新的概念和名词,非常感谢- 整个搭建的方案经历了几次转折,我最初在什么都不懂的 ...
- Hexo博客:部署与插件
2019独角兽企业重金招聘Python工程师标准>>> 同步自我的个人博客墨语的后花园,请多多指教. 在我两年前写的博客的搭建博客的简单步骤的这篇博文中,我简单的介绍的如何搭建一个基 ...
- Windows下使用GitHub Pages搭建hexo博客详细教程以及Next主题超全配置
根据下面的教程搭建的博客见这里 前言 马上要进入研究生了,不能再过浑浑噩噩的日子了,搭建一个小网站,用于记录自己所学的东西.其实,之前在腾讯云1元乞丐版上也搭建过博客,但是呢,只用来扯淡了.这次使用 ...
- 在mac下搭建java开发环境
刚刚从windows系统转到使用mac系统,感觉不是特别熟悉,需要一定的适应时间.下面简单介绍一下mac下搭建基本的java开发环境. 1.安装jdk 安装jdk1.7后,发现不需要进行环境变量配置, ...
- php环境苹果搭建,mac下搭建php环境
本文主要和大家分享mac下搭建php环境,最近工作环境切换到Mac,所以以OS X Yosemite(10.10.1)为例,记录一下从零开始安装Mac下LNMP环境的过程 确保系统已经安装xcode, ...
- 关于mac下搭建php、apache、mysql环境
关于mac下搭建php.apache.mysql环境 装置 Mac预装的有Apache和PHP,我们可以直接使用.但是需要自己下载Mysql. Apache 首先,让我们来看一下是怎么开启Apache ...
最新文章
- 在VMware15中创建虚拟机安装ubuntu系统(超详细教程)
- 理解并演示:Root Guard(根保护)
- php ajax邮箱,PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
- 盘点全球最厉害的14位程序员,你认识几个?
- 竖流式沉淀池集水槽设计计算_竖流式沉淀池的设计
- 死亡搁浅运送系统服务器,死亡搁浅订单23寻物系统服务器流程介绍-死亡搁浅订单23寻物系统服务器怎么做_牛游戏网...
- Python Imaging Library: ImageEnhance Module(图像增强模块)
- python与java前景-Java和Python现在都很热门,哪个更有前途?
- 需求分析——基于Django框架的天天生鲜电商网站项目系列博客(一)
- gaussian软件linux版本,Gaussian 09的版本与平台。
- ENSP模拟实验OSPF NSSA区域
- android 后台监听按键,Android监听home键的方法详解
- 华为商店的软件可以鸿蒙,鸿蒙到底想要什么?是维护渠道的霸权还是万物互联?...
- 1033,2052 是什么意思?
- android数字转汉字大写字母,将数字金额转成汉字大写的
- 更改Linux系统的主机名(hostname)两种实用的方法
- Shader入门实战,拳皇被击闪白特效!
- IOS iap处理逻辑流程图再次梳理
- 三维重建 医学图像的可视化 PyQt Python VTK 四视图(横断面,冠状面,矢状面,3D)
- socket通信read丢失数据可能原因
热门文章
- android 系统自动检测U盘,烧写MAC地址
- 中欧脉计算机信任服务,欧脉门窗运营中心誓师大会暨员工团建活动圆满落幕
- TP6 腾讯云发送短信验证码配置详解
- 如何删除OneDrive在桌面右键的上下文菜单
- pri master hard disk:S.M.A.R.T. status BAD,backup and replace press FX to resume
- 庆祝鼓舞女性的技术-这是Ada Lovelace日!
- 关于Ada Lovelace你可能不知道的 10 件事
- Android 实现播放网络视频 内容附源码下载链接
- TensorFlow.js实现商标识别
- 个人定制红包制作封面教程+微信红包封面领取时间表