安装nodejs
nodejs的安装比较简单,下载二进制包配置环境变量即可,这里不再介绍。
修改npm镜像源
由于国内情况需要修改npm源,原因你懂的。
npm config set registry http://registry.npm.taobao.org
安装hexo
npm install -g hexo
创建文件夹并安装依赖包
npm init <folder>npm install
启动本地服务
hexo generate hexo server
启动后可通过 http://127.0.0.1:4000
访问到博客,至此博客搭建完成。
命令总结
常用
hexo help #查看帮助
hexo init #初始化一个目录
hexo new “postName” #新建文章
hexo new page “pageName” #新建页面
hexo generate #生成网页,可以在 public 目录查看整个网站的文件
hexo server #本地预览,’Ctrl+C’关闭
hexo deploy #部署.deploy目录
hexo clean #清除缓存,强烈建议每次执行命令前先清理缓存,每次部署前先删除 .deploy 文件夹
复合命令
hexo deploy -g
hexo server -g
简写
hexo n == hexo new
hexo g == hexo generate
hexo s == hexo server
hexo d == hexo deploy
添加文章
$ hexo new "My New Post"
More info: Writing
安装主题
git clone https://github.com/litten/hexo-theme-yilia.git theme/yilia
修改博客主配置文件 _config.yml
修改 theme: yilia
修改主题主配置文件,主题配置文件在主目录下的_config.yml,自己能看懂,不介绍。
安装插件
<plugin-name>
为插件名
npm install <plugin-name> --savenpm update #升级 npm uninstall <plugin-name> #卸载
发布到github
npm install hexo-deployer-git --save //3.0版本后的新变化
修改主配置文件 _config.yml
中的 deploy
部分,fogsrv
为用户名
deploy: type: git repository: git@github.com:fogsrv/blog.git branch: master
或者
deploy: type: git repository: https://github.com/fogsrv/blog.git branch: master $ hexo deploy
以下提示说明部署成功
[info] Deploy done: git
绑定域名
不绑定域名的话只能通过your_user_name.github.io访问
绑定顶级域名
新建文件 CNAME,无后缀,纯文本文件,内容为要绑定的域名51clocker.com
如果要使用www.51clocker.com的形式,文件内容改为www.51clocker.com
DNS设置
主机记录@,类型A,记录值192.30.252.153
主机记录www,类型A,记录值192.30.252.153
参考 github官方文档
绑定子域名
比如使用域名51clocker.com的子域名blog.51clocker.com
CNAME文件内容为blog.51clocker.com
RSS 订阅
安装插件
npm install hexo-generator-feed
全局配置文件开启插件
plugins:- hexo-generator-feed
主题配置文件添加入口
rss: /atom.xml
浏览http://localhost:4000/atom.xml
查看是否生效
Sitemap 网站地图
安装插件
npm install hexo-generator-sitemap
开启插件
plugins:- hexo-generator-sitemap
浏览http://localhost:4000/sitemap.xml
查看是否生效
文章摘要
在摘要文字后面插入
<!--more-->
可以在主题的配置文件中设置要显示的文字
excerpt_link: 阅读全文
图片显示
把图片放到 source/images 目录下
![](images/xxx.jpg)
推荐使用图床
自定义页面
以关于页面为例
hexo new page "about"
编辑 source/about/index.md:
title: Aboutdate: 2014-11-1 11:11:11 ---About Me
在主题的配置文件里添加入口
menu: About: /about
自定义 404 页面
添加 source/404.html
404 页面不需要 Hexo 解析
layout: false -------- <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>404</title> </head> <body><script type="text/javascript" src="http://www.qq.com/404/search_children.js" charset="utf-8" homePageUrl="http://blog.51clocker.com/" homePageName="回到我的主页"></script> </body> </html>
设置网站统计
百度统计
在 head.ejs
添加
<script type="text/javascript">#百度统计代码</script>
百度统计好像被github屏蔽了,大家还是用cnzz吧。
转载请注明出处:https://stgod.com/2429/