用最近流行的Hexo+Github博客搭建

安装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/

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: