开发环境
1.git
2.node.js
3.安装 hexo 脚手架
npm install -g hexo-cli
建站
创建项目、安装依赖
# 将拉取 hexo 的 github 仓库的相关文件,拉取不成功的直接去 github 克隆或者下载压缩包
# github 仓库地址: https://github.com/hexojs/hexo-starter.git
hexo init myblog
# 进入目录
cd myblog
# 安装项目相关依赖包
npm install
修改配置文件/myblog/_config.yml
(也可以不修改),将网站名称改成自己,我的是这样的:
# Site
title: 邵中华
subtitle: 犯我中华者,虽远必诛
description:
keywords:
author: Duke Shao
language: zh-Hans
timezone:
创建文章
hexo new myFirstPage
默认生成的是myFirstPage.md 文件,可以自己去编辑器编写内容,经过编译会生成 html 文件
# 编译文件
hexo g
# 开启服务
hexo s
打开 localhost:4000 ,查看效果。
创建 Github Pages
创建仓库
在 Github 上创建一个仓库,名字为 username.github.io,username 是你 GitHub 的用户名。
修改配置文件
修改配置文件/myblog/_config.yml
,repo 的值是你的仓库的地址,以下是我的:
deploy:
type: git
repo: git@github.com:Duke1048/Duke1048.github.io.git
branch: master
发布到 github
hexo d
如果报错:ERROR Deployer not found: git ,安装插件:hexo-deployer-git
npm install hexo-deployer-git --save
打开 http://Duke1048.github.io/ 查看效果,可能存在延迟
绑定自己的域名
添加域名解析
用阿里云、腾讯云...注册的域名都可以,我用的是腾讯云的。
修改解析
记录类型: CNAME //固定值
主机记录: www.dukeshao.com //添加 www 就好,后面固定是你自己的域名
解析线路: 默认 //不用管,默认就好
记录值: Duke1048.github.io //这是你 github pages 的访问地址
TTL值: 600s //延迟时间,不用管
创建配置文件
进入目录 /myblog/source/
# 创建文件 CNAME
touch CNAME
CNAME文件没有文件类型,不用管,用编辑器或者直接在终端编辑文件,添加自己的域名(www.dukeshao.com) 就好
完成
# 编译
hexo g
# 部署发布到 github
hexo d
访问www.dukeshao.com就好了
添加搜索功能
安装插件
在自己博客根目录下(我的目录:/Users/dukeshao/Documents/myblog),执行如下命令
npm install hexo-generator-searchdb --save
修改站点配置文件
我的路径是:myblog下的_config.yml文件,添加以下代码。
search:
path: search.xml
field: post
format: html
limit: 10000
修改主题配置文件
我的路径:/myblog/themes/next下的_config.yml文件,进行编辑。
local_search:
enable: true
完成
# 编译文件
hexo g
# 推送发布到 git 仓库
hexo d
# 开启本地服务
hexo s
首页文章预览功能
Hexo 的 Next 主题默认是首页显示你每篇文章的全文内容,不爽,我要它只预览一部分。
修改配置文件 /myblog/themes/next/_config.yml 文件:
auto_excerpt:
enable: false
length: 150
重启,搞定!
网友评论