Hexo 博客搭建

1.使用 npm 方式构建(Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染。)
2.支持 Markdown 语法(Hexo支持GitHub Flavored Markdown的所有功能,甚至可以整合Octopress的大多数插件。)
3.可以一键部署到 Github(只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。)
4.拥有有强大的插件系统。(Hexo 拥有强大的插件系统,安装插件可以让Hexo支持Jade,CoffeeScript。)

Hexo的缺点:生产纯静态页面,无需后台系统,那么就没法对站点进行 request、session作用域的操作,也就是说无法实现登录,鉴权等操作。

1. 构建 Hexo 博客系统

1.1 安装 nodejs
nodejs官网 https://nodejs.org/zh-cn/

windows 安装 nodejs请参考 Windows安装NodeJS

mac 安装nodejs请参考 Mac 如何安装NodeJS

centos 可以使用yum命令安装

$ sudo yum install nodejs

ubuntu 可以使用apt-get命令安装

$ sudo apt-get install nodejs

1.2 安装 git
git官网 https://git-scm.com/

windows、mac可以直接去 官网下载安装版即可

centos 可以使用yum命令安装

$ sudo yum install git

ubuntu 可以使用apt-get命令安装
$ sudo apt-get install git

1.2 创建 Github Page 仓库
关于如何创建 Github Page 请参考 搭建 Github Pages 个人博客网站

1.3 使用 npm 安装 Hexo

npm install -g hexo-cli

安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

hexo init <folder>
cd <folder>
npm install

2. 创建 Github 仓库
新建一个 Github Page 仓库,仓库名为 github用户名.github.io,仓库名必须与用户名一致

3. 配置 Hexo

Hexo 配置 相关可以参照 Hexo 官网
我们这里主要介绍如何一键部署到 Github Page

在根目录的 _config.yml 文件中配置 deploy。

Hexo 提供了快速方便的一键部署功能,让您只需一条命令就能将网站部署到服务器上。

deploy:
  type: git
  repo: git@github.com:你的GitHub用户名/你的GitHub用户名.github.io.git
  branch: master

这时候我们只需要使用Hexo部署到Github,可以参考官方文档。

部署到GitHub需要 hexo-deployer-git 插件支持。

npm install hexo-deployer-git --save

可执行下列的其中一个命令,让Hexo在生成完毕后自动部署网站,两个命令的作用是相同的。

hexo generate --deploy #保存
hexo deploy --generate #部署

上面两个命令可以简写为:

hexo g #保存
hexo d #部署

我的操作:

安装Nodejs

打开cmd命令

node -v #查看node版本
npm -v #查看npm版本

安装淘宝的cnpm 管理器

npm install -g cnpm--registry=http://registry.npm.taobao.org	#安装淘宝cnpm 管理器
cnpm -v	#查看cnpm版本
cnpm install -g hexo-cli    #安装hexo框架
hexo -v	#查看hexo版本
mkdir blog	#创建blog目录
cd blog	 #进入blog目录
sudo hexo init 	#生成博客 初始化博客

hexo s	#启动本地博客服务

http://localhost:4000/	#本地访问地址
hexo n "我的第一篇文章" #创建新的文章 

返回blog目录

hexo clean #清理
hexo g #生成

Github创建一个新的仓库 你的GithubName.github.io

cnpm install --save hexo-deployer-git #在blog目录下安装git部署插件

配置_config.yml ,找到根目录下的_config.yml

deploy:
	type: git
	repo: https://github.com/你的GithubName/YourGithubName.github.io.git
	branch: master
hexo d	#部署到Github仓库里

https://你的GithubName.github.io/  #访问这个地址可以查看博客

下载主题

 git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia  
 #下载yilia主题到本地

修改 根目录下的 _config.yml 文件 : theme: yilia

hexo c	#清理一下

hexo g	#生成

hexo d	#部署到远程Github仓库

https://你的GithubName.github.io/  #查看博客

附上我的博客:blog.xpnobug.xyz

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值