Hexo搭建静态个人博客
Hexo简介
之前在Github上托管的博客就是使用jekyll搭建的,官方的Github Pages同样推荐使用它。我之前体验了一下jekyll,没有达到我想要的效果。于是寻找替代方案,搜索同类博客程序,我认识了hexo,hexo出自台湾大学生tommy351之手,是由Node.js驱动的一款快速、简单且功能强大的博客框架。Node.js是一个可以快速构建网络服务及应用的平台 。该平台的构建是基于Chrome's JavaScript runtime,也就是说,实际上它是对Google V8引擎(应用于Google Chrome浏览器)进行了封装。V8引擎执行Javascript的速度非常快,性能非常好。Node对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。它和jekyll相比,更快,更轻量。
Hexo安装
- 安装git
- 大多数Linux发行版已经默认安装了git,如果没有直接使用包管理工具安装
Windows: Git-Downloads
安装node.js
- Gentoo package: net-libs/nodejs
Arch: nodejs
Windows: node.js
安装hexo
npm install hexo -g
配置Hexo
- 初始化博客根目录
hexo init blog
- 安装依赖包
npm install
安装之后,项目目录下出现如下文件结构:
.
├── _config.yml 全局配置文件
├── package.json
├── scaffolds
├── scripts
├── source 文章存放位置
| ├── _drafts 草稿
| └── _posts 文章
└── themes
插件和主题
- plugins: 插件
添加插件的基本操作是:
npm install <plugin-name> --save
npm update
然后修改blog根目录下的_config.yml,添加:
plugins:
- plugin-name
- themes:
安装主题:
git clone <repository> themes/<theme-name>
无论是插件还是主题在安装后都需要在根目录下_config.yml中修改plugins和theme的值以启用他们。
本博客使用pacman主题,扁平化设计,响应速快,推荐使用。修改配置参考: http://yangjian.me/workspace/introducing-pacman-theme/
写文章
使用Markdown语法编辑文章。使用hexo new命令生成文章或者直接在_posts目录下直接创建文件,打开后先编辑文章头部信息,如下所示是本文的头部信息,以---结尾。
title: 使用Hexo搭建个人静态博客 #文章页面上的显示名称,可以任意修改,不会出现在URL中
layout: post
date: 2014-11-10 10:07:43 #文章生成时间,一般不改,当然也可以任意修改
updated: 2014-11-12 13:24
comments: true
categories:
- Blog
tags:
- hexo
- blog
---
文章摘要
在需要显示摘要的地方添加如下代码即可:
以上是摘要
<!--more-->
以下是余下全文
文章中插入图片
使用markdown写文章,插入图片的格式为![图片名称](链接地址)
,这里要说的是链接地址怎么写。对于hexo,使用本地路径:在/source目录下新建一个img文件夹,将图片放入该文件夹下,插入图片时链接即为/img/图片名称。
发布博客
这里的发布也是十分简单的,首先在github上创建名为yourname.github.io的repo,接着修改_config.yml中的deploy字段,最后执行hexo d(前提是你已经在github上添加了你本机的ssh key),OK,现在通过yourname.github.io已经可以访问你的博客了。
deploy:
type: github
repo: git@github.com:yourname/yourname.github.io.git
branch: master
如果是博客主页以github项目的方式创建,分支选择gh-pages。
或 多个平台同时发布
deploy:
type: git
repo:
gitcafe: https://gitcafe.com/yourname/yourname.git,gh-pages
github: https://github.com/yourname/yourname.github.io.git,master
Hexo使用
init 初始化博客
hexo init [folder]
如果目录不存在,将设置初始化当前目录
new 创建新文章
hexo new [layout] <title>
默认layout是post
generate 生成静态网页文件
hexo generate
publish 发布草稿
hexo publish [layout] <filename>
server 启动本地服务
hexo server
搭建本地server,进行文章预览调试。
浏览器输入http://localhost:4000 就可以看到效果。
deploy 发布博客
hexo deploy
clean 清除缓存
hexo clean
清除缓存文件:Cleans the cache file (db.json) and generated files (public).
list 显示博客结构
hexo list route
列出生成的所有博客文件路径
常用命令
Hexo现在支持更加简单的命令格式了,比如:
hexo n == hexo new
hexo g == hexo generate
hexo p == hexo publish
hexo s == hexo server
hexo d == hexo deploy
发布博客:
hexo g -d
或
hexo d -g
参考:
Hexo搭建静态个人博客的更多相关文章
- github+hexo搭建自己的博客网站(七)注意事项(避免read.me,CNAME文件的覆盖,手动改github page的域名)
详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定域名可以查看:http://www.chengxinsong.cn 可以查看在github上生成的静态文件(如 ...
- 使用GitHub+hexo搭建个人独立博客
前言 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话 ...
- 使用Hexo 搭建自己的博客
使用Hexo 搭建自己的博客 最近一直都想着如何去搭建属于自己的博客,有空的时候就写写文章什么的. 本人对该博客系统的要求是: 博文的编写要采用现在流行的MarkDown来进行编写. 本人还不想去注册 ...
- github+hexo搭建自己的博客网站(六)进阶配置(搜索引擎收录,优化你的url)
详细的可以查看hexo博客的演示:https://saucxs.github.io/ 绑定了域名: http://www.chengxinsong.cn hexo+github博客网站源码(可以clo ...
- 使用hexo搭建github个人博客网站
搭建步骤: 1>Mac或win电脑一台,本文以mac为例. 2>下载安装Git和Node 3>安装hexo 4>注册登录GitHub,创建一个仓库,库名格式为:GitHub用户 ...
- Ubuntu下github pages+hexo搭建自己的博客
hexo 是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github上.Hexo简单优雅, 而且风格多变, 适合搭建个人博客,而且支持多平台的搭建. 平台 Ubuntu14.04 ...
- hexo搭建简易的博客网站
0.环境检测 1.系统升级(图形更新) #update-manager 检测状态 2.检测升级(命令更新) #sudo apt update #sudo apt -y dist-upgrade 一.安 ...
- 使用 GitHub 和 Hexo 搭建个人独立博客
Wordpress这类博客系统功能强大,可对与我只想划拉的写点东西的人,感觉大材小用了.而且wp需要部署,网站的服务器也会带来问题,国内的服务器首先需要备案,费用不低:国外服务器访问速度受影响.近 ...
- 使用hexo搭建github.io博客(一)
使用github.io可以搭建一个自己的博客,把静态文件项目托管到github上,可以写博客,可以使用markdown语法,也可以展示作品.灵活性高.但是有较大的难度. node,git版本变化日新月 ...
随机推荐
- gulp 安装步骤
第一步:安装node 搭建node环境:进入官网 http://nodejs.org ,然后点击的绿色的 install 按钮,下载完成后直接运行程序. 第二步:使用命令行 (1)输入指令:node ...
- Servle资源注射
Servle资源注射@WebServlet(name = "DownloadServlet",urlPatterns ="/DownloadServlet" ) ...
- 自己封装的tc
封装弹窗 html <head> <script src="jquery.js"></script> <script src=" ...
- Gs_Class._BaseQueryWeb查询页面基类(aspx.net)
using System;using System.Data;using System.Configuration;using System.Collections;using System.Web; ...
- jQuery中的ajax使用详解
$.ajax({ type : "get", url : "http://www.w3school.com.cn/jquery/ajax_ajax.asp&quo ...
- rocketmq(1)
参考: 开源社区:https://github.com/alibaba/RocketMQ rocketmq入门: http://www.cnblogs.com/LifeOnCode/p/4805953 ...
- tcp协议栈
TCP/IP是互联网的核心协议,也是大多数网络应用的核心协议.就前面一段时间面试中问到的TCP/IP问题,这里给出一个简单的小结. TCP由RFC793.RFC1122.RFC1323.RFC20 ...
- python 基础学习3-函数
1. 函数参数-默认参数 python函数也可以跟C语言一样,在函数的形参中设定默认值. >>> def test(flag, port = 8080) ... print port ...
- libev中timer时间事件监控器
1.数据结构 #define ev_at(w) ((WT)(w))->at#define ev_active(w) ((W)(w))->active typedef ev_watcher_ ...
- Documention
Object.bool Does the object exist? Object.name Components share the same name with the game object a ...