利用hexo+Github搭建博客

安装git

git的安装与使用可以参见廖雪峰的git教程

安装nodejs

安装Node.js会包含环境变量及npm的安装。安装后,检测Node.js是否安装成功,在命令行中输入 node -v ,检测npm是否安装成功,在命令行中输入npm -v,若都显示版本号则表示二者安装成功

使用npm命令安装Hexo

在命令行输入命令:

npm install -g hexo-cli

创建一个文件夹来放置博客相关文件,假设文件夹名为blog

在准备放置blog文件夹的地方按shift+鼠标右键,点击在此处打开命令窗口

依次输入以下命令:

hexo init blog :创建blog文件夹并初始化

cd blog :进入blog文件夹

npm install :安装所需相关文件

在本地进行测试

hexo new <filename> :发布的文章名,待发布的文章以md形式保持在blog/source/_posts ,也可以手动创建md文件并放置到该目录

hexo g :生成博客文章

hexo s :在本地预览

然后可在浏览器输入地址:localhost:4000 预览博客效果

配置

网站的设置大部分都在 _config.yml 文件中,详细配置可以查看官方文档

下面只列出简单常用配置

  • title - > 网站标题
  • subtitle - > 网站副标题
  • description - > 网站描述
  • author - > 作者姓名
  • language - > 网站使用的语言
  • theme - > 使用的主题

    注:进行配置时,需要在冒号:后加一个英文空格

    title: My Blog

更换主题

如果不满意hexo的默认主题,可在官网主题页面 查看并更换其他主题

下载主题资源,假设下载的是hexo-theme-next

git clone git://github.com/iissnan/hexo-theme-next themes/next

修改 _config.yml 配置文件:

theme: next

同时可以在 themes/next/_config.yml 对next主题进行设置

预览效果:

hexo clean :清除缓存文件

hexo g :按 _config.yml 中设定的theme生成博客

hexo s :在本地预览

部署到git

创建一个名为:<账户名>.github.io 的仓库

安装 hexo-deployer-git:

npm install hexo-deployer-git --save

配置_config.yml 文件

1
2
3
4
deploy:
type: git
repo: 仓库地址.git
branch: 分支名(默认为master分支)

部署:

hexo d

注:每次更改完主题配置,都要按以下步骤:

hexo clean :清除缓存

hexo g :按当前主题配置生成

hexo d :部署

可通过 https://用户名.github.io 来访问博客