博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Hexo搭建静态个人博客
阅读量:5272 次
发布时间:2019-06-14

本文共 2528 字,大约阅读时间需要 8 分钟。

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:

  • 安装node.js

  • Gentoo package: net-libs/nodejs
  • Arch: nodejs
  • Windows:

  • 安装hexo

npm install hexo -g

配置Hexo

  • 初始化博客根目录
hexo init blog
  • 安装依赖包
npm install

安装之后,项目目录下出现如下文件结构:

.├── _config.yml     全局配置文件├── package.json├── scaffolds├── scripts├── source           文章存放位置| ├── _drafts        草稿| └── _posts         文章└── themes

插件和主题

  • plugins: 插件

添加插件的基本操作是:

npm install 
--savenpm update

然后修改blog根目录下的_config.yml,添加:

plugins:- plugin-name
  • themes:

安装主题:

git clone 
themes/

无论是插件还是主题在安装后都需要在根目录下_config.yml中修改plugins和theme的值以启用他们。

本博客使用主题,扁平化设计,响应速快,推荐使用。修改配置参考:

写文章

使用Markdown语法编辑文章。使用hexo new命令生成文章或者直接在_posts目录下直接创建文件,打开后先编辑文章头部信息,如下所示是本文的头部信息,以---结尾。

title: 使用Hexo搭建个人静态博客  #文章页面上的显示名称,可以任意修改,不会出现在URL中layout: postdate: 2014-11-10 10:07:43  #文章生成时间,一般不改,当然也可以任意修改updated: 2014-11-12 13:24comments: truecategories: - Blogtags: - hexo- blog---

文章摘要

在需要显示摘要的地方添加如下代码即可:

以上是摘要
以下是余下全文

文章中插入图片

使用markdown写文章,插入图片的格式为![图片名称](链接地址),这里要说的是链接地址怎么写。对于hexo,使用本地路径:在/source目录下新建一个img文件夹,将图片放入该文件夹下,插入图片时链接即为/img/图片名称。

发布博客

这里的发布也是十分简单的,首先在github上创建名为yourname.github.io的repo,接着修改_config.yml中的deploy字段,最后执行hexo d(前提是你已经在github上添加了你本机的ssh key),OK,现在通过yourname.github.io已经可以访问你的博客了。

deploy:type: githubrepo: git@github.com:yourname/yourname.github.io.gitbranch: master

如果是博客主页以github项目的方式创建,分支选择gh-pages。

或 多个平台同时发布

deploy:type: gitrepo:  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] 

默认layout是post

generate 生成静态网页文件

hexo generate

publish 发布草稿

hexo publish [layout] 

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

参考:

转载于:https://www.cnblogs.com/wonux/p/5238943.html

你可能感兴趣的文章
string与stringbuilder的区别
查看>>
2012-01-12 16:01 hibernate注解以及简单实例
查看>>
iOS8统一的系统提示控件——UIAlertController
查看>>
PAT甲级——1101 Quick Sort (快速排序)
查看>>
python创建进程的两种方式
查看>>
1.2 基础知识——关于猪皮(GP,Generic Practice)
查看>>
迭代器Iterator
查看>>
java易错题----静态方法的调用
查看>>
php建立MySQL数据表
查看>>
最简单的线程同步的例子
查看>>
旅途上看的电影和观后感
查看>>
qt实现类似QQ伸缩窗口--鼠标事件应用
查看>>
Ztree异步树加载
查看>>
关于IE和火狐,谷歌,Safari对Html标签Object和Embed的支持问题
查看>>
poj3320 Jessica's Reading Problem(尺取思路+STL)
查看>>
分布式计算开源框架Hadoop介绍
查看>>
安卓平台接口剖析
查看>>
坏的事情不都会带来坏的结果
查看>>
RPC的基础:调研EOS插件http_plugin
查看>>
HIT1946 希尔伯特分形曲线(dfs)
查看>>